[data-manager-home] .manager-demo{padding-bottom:var(--mh-chapter);background:linear-gradient(var(--mh-paper), #fff0 160px), radial-gradient(42% 55% at 88% 100%, var(--mh-glow-violet), transparent 70%), radial-gradient(36% 46% at 0% 12%, var(--mh-glow-magenta), transparent 70%), var(--mh-paper)}.manager-demo__intro{margin-bottom:var(--mh-head-visual)}.manager-demo__stage{--stage-rule:#faf9f724;column-gap:var(--mh-gap);background:radial-gradient(52% 70% at 100% 0%, #c8b6e238, transparent 72%), radial-gradient(44% 60% at 0% 100%, #d5339c24, transparent 70%), var(--mh-night);color:var(--mh-on-night);border:1px solid #faf9f714;border-radius:4px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;padding:40px 48px;display:grid;box-shadow:0 1px 2px #17151b0f,0 12px 28px -10px #3c286e38,0 48px 96px -36px #3c286e5c}.manager-demo__form,.manager-demo__fallback{grid-area:1/6/auto/-1;min-width:0}.manager-demo__details{flex-direction:column;grid-area:1/1/auto/span 5;align-self:stretch;align-items:flex-start;min-width:0;padding-right:24px;display:flex}.manager-demo__form{background:var(--mh-surface);color:var(--mh-ink);border-radius:4px}@media (width>=1100px) and (height>=760px){.manager-demo__form{top:calc(var(--mh-anchor) + 8px);align-self:start;position:sticky}}.manager-demo__agenda{width:100%;margin:0;padding:0;list-style:none}.manager-demo__agenda li{grid-template-columns:32px minmax(0,1fr);align-items:start;column-gap:16px;padding-block:20px;display:grid}.manager-demo__agenda li:first-child{padding-top:0}.manager-demo__agenda li+li{border-top:1px solid var(--stage-rule)}.manager-demo__agenda li>span{font-variant-numeric:tabular-nums;color:var(--mh-lavender);font-size:14px;font-weight:500;line-height:1.6}.manager-demo__agenda h3{letter-spacing:-.01em;color:var(--mh-on-night);margin:0 0 6px;font-size:18px;font-weight:500;line-height:1.35}.manager-demo__agenda p{color:var(--mh-on-night-muted);max-width:46ch;margin:0;font-size:16px;line-height:1.55}.manager-demo .manager-demo__try{border-top:1px solid var(--stage-rule);width:100%;min-height:44px;color:var(--mh-on-night-muted);flex-direction:column;gap:6px;margin-top:auto;padding:20px 0 0;font-size:15px;display:inline-flex}.manager-demo__try span{color:var(--mh-on-night);text-decoration:underline;text-decoration-color:var(--mh-on-night-muted);text-underline-offset:5px;align-self:flex-start}.manager-demo__try:hover span{color:var(--mh-lavender);text-decoration-color:currentColor}#demo .manager-demo__try:focus-visible{outline-color:var(--mh-on-night)}.manager-demo__fallback .manager-demo-fallback{background:var(--mh-surface);color:var(--mh-ink);border-radius:4px;padding:28px}.manager-demo__fallback .manager-demo-fallback__title{color:var(--mh-ink);margin:0;font-size:20px;line-height:1.35}.manager-demo__fallback .manager-demo-fallback__text{color:var(--mh-muted);margin:8px 0 0;font-size:16px;line-height:1.55}.manager-demo__fallback .manager-demo-fallback__mail{min-height:44px;color:var(--mh-ink);text-underline-offset:6px;align-items:center;margin-top:12px;font-size:18px;font-weight:500;text-decoration:underline;display:inline-flex}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__stage{row-gap:32px}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__stage>*{grid-area:auto/1/auto/-1}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__details{padding-right:0}@media (width>=769px){.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__agenda{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;display:grid}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__agenda li{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:8px;padding-block:0}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__agenda li+li{border-top:0}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__details .manager-demo__try{margin-top:28px}}@media (width<=1099px){.manager-demo__stage{row-gap:32px}.manager-demo__stage>*{grid-area:auto/1/auto/-1}.manager-demo__details{padding-right:0}.manager-demo__stage{padding:40px}}@media (width>=769px) and (width<=1099px){.manager-demo__agenda{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;display:grid}.manager-demo__agenda li{grid-template-columns:minmax(0,1fr);align-content:start;row-gap:8px;padding-block:0}.manager-demo__agenda li+li{border-top:0}.manager-demo__details .manager-demo__try{margin-top:28px}}@media (width<=768px){.manager-demo__stage{row-gap:20px;padding:16px}.manager-demo__agenda{padding-inline:4px}.manager-demo__agenda li{grid-template-columns:28px minmax(0,1fr);column-gap:12px;padding-block:14px}.manager-demo__agenda h3{font-size:17px}.manager-demo .manager-demo__try{padding:16px 4px 0}.manager-demo__fallback .manager-demo-fallback{padding:22px 20px}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__stage{padding-inline:0}.manager-demo:has([data-step=meeting]:not([hidden])) .manager-demo__details{padding-inline:16px}}
