.sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--home-gap);align-items:start;padding-top:var(--space-chapter)}.sh-words{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding-top:.5rem}.sh-plate{padding:clamp(1.25rem,.8rem + 2vw,2.75rem);border-radius:var(--home-radius);background:var(--home-cream)}.sh-stage{position:relative;container:sh-stage / inline-size}.sh-pin{--sh-edge: calc(1px + 1rem) ;--sh-lab: 2.2rem;--sh-gap: 3px;--sh-hours: .9375rem;--sh-head: calc(1px + .9rem + 1.0625rem * 1.35 + .1rem + .6875rem * 1.5 + .8rem);--sh-cell: calc((100cqw - 2 * var(--sh-edge) - var(--sh-lab) - 11 * var(--sh-gap)) / 11);--sh-row: max(var(--sh-cell) / 1.3, .9375rem);--sh-x: calc(var(--sh-edge) + var(--sh-lab) + var(--sh-gap) + var(--c) * (var(--sh-cell) + var(--sh-gap)) + var(--sh-cell) / 2);position:absolute;left:var(--sh-x);top:calc(var(--sh-head) + var(--sh-hours) + var(--sh-gap) + var(--r) * (var(--sh-row) + var(--sh-gap)) + var(--sh-cell) / 2.6);width:0;height:0;z-index:2}@container sh-stage (max-width: 454px){.sh-pin{--sh-lab: 1.8rem;--sh-gap: 2px;--sh-hours: .75rem}}.sh-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 1.5px #ffffffe6}.sh-lead{position:absolute;background:color-mix(in oklch,var(--ink) 45%,transparent);transition:background-color .2s var(--ease-out)}.sh-pill{appearance:none;position:absolute;margin:0;padding:.3rem .7rem;border:1px solid oklch(.2 .01 65 / .14);border-radius:var(--r-pill);background:#fff;box-shadow:0 1px 2px #291f1814,0 8px 18px -10px #291f1859;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;line-height:1.3;color:var(--ink);white-space:nowrap;cursor:pointer;transition:translate .2s var(--ease-out),border-color .2s var(--ease-out)}.sh-pill[aria-pressed=true]{border-color:var(--ink)}.sh-pill:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sh-pin:has(.sh-pill:is(:focus-visible,[aria-pressed=true])) .sh-pill{translate:0 -2px}.sh-pin:has(.sh-pill:is(:focus-visible,[aria-pressed=true])) .sh-lead{background:var(--ink)}@media(hover:hover){.sh-pin:has(.sh-pill:hover) .sh-pill{translate:0 -2px}.sh-pin:has(.sh-pill:hover) .sh-lead{background:var(--ink)}}.sh-stage .hm-c{transition:scale .2s var(--ease-out),box-shadow .2s var(--ease-out)}.sh-stage .hm-c.is-named{z-index:1;scale:1.08;box-shadow:0 0 0 1px var(--fig-card),0 0 0 2px var(--ink)}@media(prefers-reduced-motion:reduce){.sh-lead,.sh-pill,.sh-stage .hm-c{transition:none}}.sh-pin.is-right .sh-lead{left:0;top:-.5px;width:calc(var(--sh-cell) * .95);height:1px}.sh-pin.is-right .sh-pill{left:calc(var(--sh-cell) * .95);top:0;transform:translateY(-50%)}.sh-pin.is-down{height:auto;bottom:calc(var(--sh-edge) + .6875rem * .75)}.sh-pin.is-down .sh-lead{left:-.5px;top:0;bottom:0;width:1px}.sh-pin.is-down .sh-pill{top:100%;right:calc(var(--sh-x) - 100cqw + var(--sh-edge));transform:translateY(-50%)}@container sh-stage (max-width: 619.98px){.sh-pin.is-down{height:0;bottom:auto}.sh-pin.is-down .sh-lead{inset:-.5px 0 auto auto;width:calc(var(--sh-cell) * .95);height:1px}.sh-pin.is-down .sh-pill{top:0;right:calc(var(--sh-cell) * .95);transform:translateY(-50%)}}.sh-num,.sh-list{display:none}@media(max-width:959.98px){.sh{grid-template-columns:minmax(0,1fr);gap:2rem}.sh-words{padding-top:0}}@media(max-width:559.98px){.sh-plate{padding:.75rem}.sh-dot,.sh-lead,.sh-pill{display:none}.sh-num,.sh-list li:before{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:.75rem;font-weight:600;line-height:1}.sh-num{position:absolute;left:-9px;top:-9px;box-shadow:0 0 0 1.5px #ffffffe6}.sh-list{display:grid;margin:.75rem 0 0;padding:0;list-style:none;counter-reset:sh;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;color:var(--ink)}.sh-list li{display:flex;align-items:center;gap:.65rem;min-height:2.75rem;border-bottom:1px solid var(--line);counter-increment:sh}.sh-list li:before{content:counter(sh);flex:none}}@media(max-width:559.98px){.sh-stage .hm .hm-meta{font-size:.75rem;line-height:1.375}.sh-stage .hm .hm-h{font-size:.75rem;line-height:1.25}.sh-stage .hm .hm-d{font-size:.75rem;line-height:1}.sh-stage .hm .hm-key{font-size:.75rem}.sh-pin{--sh-hours: .9375rem}}@container sh-stage (max-width: 454px){.sh-stage .hm .hm-h:nth-child(2n of.hm-h){visibility:hidden}}
