.cc-wo{display:grid;gap:clamp(2.5rem, 4.5vw, 4rem);padding-block:clamp(5.5rem, 9vw, 8.5rem) clamp(4rem, 7vw, 6.5rem)}.cc-wo__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:var(--cc-s-5) 4rem}.cc-wo__h2{margin:0;max-inline-size:24ch;font-size:clamp(1.9rem, 4vw, 3.4rem);line-height:1.04}.cc-wo__h2a{color:var(--cc-accent)}.cc-wo__lead{margin:0;max-inline-size:var(--cc-measure-prose);color:var(--cc-fg-muted);font-size:var(--cc-fs-lead)}.cc-wo__sheet{position:relative;padding:clamp(1.6rem, 3vw, 2.8rem) clamp(1.6rem, 3.4vw, 3.2rem) 0;border:var(--cc-hairline-h) solid #fff0;border-radius:var(--cc-r-card) var(--cc-r-card) var(--cc-r-card) var(--cc-r-xs);background-image:var(--cc-grain),linear-gradient(var(--cc-page-white),var(--cc-page-white)),linear-gradient(150deg,var(--cc-line-strong),var(--cc-line-edge) 55%,var(--cc-line-strong));background-origin:border-box;background-clip:padding-box,padding-box,border-box;box-shadow:var(--cc-shadow-resting)}.cc-wo__phead{display:flex;align-items:center;gap:var(--cc-s-4);margin:0 0 clamp(1.6rem, 3vw, 2.6rem)}.cc-wo__ptag{color:var(--cc-fg-muted)}.cc-wo__prule{flex:1 1 auto;block-size:var(--cc-hairline-h);background-image:linear-gradient(to right,var(--cc-line-strong),var(--cc-line-edge),var(--cc-line-strong))}.cc-wo__beats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.cc-wo__beat{position:relative;display:grid;align-content:start;gap:.55rem;padding:.35rem 1.4rem 1.6rem 0}.cc-wo__beat+.cc-wo__beat{padding-inline-start:1.4rem;border-inline-start:var(--cc-hairline-h) solid var(--cc-line-edge)}.cc-wo__go{display:grid;justify-items:start;gap:.55rem;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.cc-wo__go:focus-visible{outline:var(--cc-focus-ring-w) solid var(--cc-focus-ring);outline-offset:var(--cc-focus-ring-off);border-radius:var(--cc-r-xs)}.cc-wo__day{display:inline-block;padding:.32em .8em;border:var(--cc-hairline-h) solid var(--cc-line-strong);border-radius:var(--cc-r-pill);font-size:var(--cc-fs-label);letter-spacing:var(--cc-tracking-label);text-transform:var(--cc-tt-label);color:var(--cc-fg);background-color:#fff0;transition:background-color .45s var(--cc-e-soft),color .45s var(--cc-e-soft),border-color .45s var(--cc-e-soft),translate var(--cc-hover-out) var(--cc-e-soft)}.cc-wo__label{font-family:var(--cc-font-display);font-size:clamp(1.05rem, 1.6vw, 1.3rem);font-weight:var(--cc-w-head);transition:color .45s var(--cc-e-soft)}.cc-wo__msg{margin:0;font-family:var(--cc-font-serif);font-size:var(--cc-fs-body);line-height:var(--cc-lh-prose);color:var(--cc-fg-muted);transition:color .45s var(--cc-e-soft)}.cc-wo__ink{position:absolute;inset-block-end:0;inset-inline:0;block-size:calc(var(--cc-hairline-h) * 2);transform-origin:0 50%;scale:1 1;background-image:linear-gradient(to right,var(--cc-accent),var(--cc-accent-deep) 60%,var(--cc-line-edge));transition:scale .55s var(--cc-e-soft)}.cc-wo__go:hover .cc-wo__day,.cc-wo__go:focus-visible .cc-wo__day{translate:0 -2px;border-color:var(--cc-accent)}.cc-b4.is-armed .cc-wo__beat .cc-wo__label{color:var(--cc-fg-muted)}.cc-b4.is-armed .cc-wo__beat .cc-wo__msg{color:color-mix(in oklab,var(--cc-fg-muted) 55%,transparent)}.cc-b4.is-armed .cc-wo__beat .cc-wo__ink{scale:0 1}.cc-b4.is-armed .cc-wo__beat .cc-wo__day{color:var(--cc-fg-muted)}.cc-b4.is-armed .cc-wo__beat:has(.cc-b4__go[aria-current="true"]) .cc-wo__label,.cc-b4.is-armed .cc-wo__beat:has(~.cc-wo__beat .cc-b4__go[aria-current="true"]) .cc-wo__label{color:var(--cc-fg)}.cc-b4.is-armed .cc-wo__beat:has(.cc-b4__go[aria-current="true"]) .cc-wo__msg,.cc-b4.is-armed .cc-wo__beat:has(~.cc-wo__beat .cc-b4__go[aria-current="true"]) .cc-wo__msg{color:var(--cc-fg-muted)}.cc-b4.is-armed .cc-wo__beat:has(.cc-b4__go[aria-current="true"]) .cc-wo__ink,.cc-b4.is-armed .cc-wo__beat:has(~.cc-wo__beat .cc-b4__go[aria-current="true"]) .cc-wo__ink{scale:1 1}.cc-b4.is-armed .cc-wo__beat:has(.cc-b4__go[aria-current="true"]) .cc-wo__day{color:var(--cc-fg-onaccent);background-color:var(--cc-accent);border-color:var(--cc-accent)}.cc-wo__mid{display:flex;justify-content:center;padding-block-start:clamp(1rem, 2vw, 1.8rem)}.cc-wo__act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cc-s-3) var(--cc-s-5);margin:0}.cc-wo__fine{color:var(--cc-fg-muted)}@media (max-width:900px){.cc-wo__head{grid-template-columns:1fr;align-items:start}.cc-wo__beats{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-wo__beat{padding-block-end:1.4rem}.cc-wo__beat+.cc-wo__beat{border-inline-start:0;padding-inline-start:0}.cc-wo__beat:nth-child(2n){padding-inline-start:1.4rem;border-inline-start:var(--cc-hairline-h) solid var(--cc-line-edge)}}@media (max-width:560px){.cc-wo__beats{grid-template-columns:1fr}.cc-wo__beat:nth-child(2n){padding-inline-start:0;border-inline-start:0}.cc-wo__beat+.cc-wo__beat{border-block-start:var(--cc-hairline-h) solid var(--cc-line-edge);padding-block-start:1.2rem}}@media (prefers-reduced-motion:reduce){.cc-wo__ink,.cc-wo__day,.cc-wo__label,.cc-wo__msg{transition:none}}