.cc{color:#29162b;max-width:100%;font-size:1.125rem;line-height:1.45}.cc *{box-sizing:border-box}.cc h3{font-family:Anybody,sans-serif;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;margin:12px 0 24px}.cc p{margin:12px 0}.cc button{font:inherit;color:#29162b;background:#fff;border:2px solid #29162b;border-radius:8px;padding:12px;text-align:left;min-height:48px;cursor:pointer;overflow-wrap:anywhere}.cc button:focus-visible{outline:3px solid #29162b;outline-offset:4px}.cc button[aria-pressed=true]{background:#e8deff;box-shadow:inset 0 -4px #29162b}.cc-kicker,.cc-small{font-size:1rem}.cc-choices,.cc-cases,.cc-positions,.cc-tools,.cc-actions,.cc-zones{display:grid;gap:10px}.cc-choices,.cc-positions,.cc-tools{grid-template-columns:1fr 1fr}.cc-cases{grid-template-columns:repeat(3,1fr)}.cc-cases small{display:block;margin-top:8px;font-size:1rem;font-weight:400}.cc-heading{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:1rem}.cc-observation{font-weight:700;background:#ff5736;padding:16px;border-radius:8px}.cc-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.cc-workspace>div{min-width:0}.cc-figure{margin:0;background:#e8deff;border-radius:10px;overflow:hidden}.cc-figure figcaption{font-size:1rem;padding:0 16px 16px}.cc-zones{margin-top:12px;grid-template-columns:2fr 1fr}.cc-zones button:first-child{background:#e8deff}.cc-technique{font-size:1rem}.cc-counter{border-block:1px solid #29162b;padding:12px 0;font-size:1rem;font-weight:700}.cc-note{border-left:5px solid #ff5736;padding:12px;background:#fff}.cc-observe{min-height:230px;background:#e8deff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;border-radius:10px}.cc-observe span{font-size:4rem;font-weight:700}.cc-actions button:first-child{background:#29162b;color:#fff}.cc-actions button:last-child{font-size:1rem}.cc-controls{align-self:start}@media(max-width:650px){.cc-workspace{grid-template-columns:1fr;gap:16px}.cc-cases{grid-template-columns:1fr}.cc-choices{grid-template-columns:1fr}.cc button{padding:10px}.cc-observe{min-height:140px}.cc-figure figcaption{padding:0 12px 12px}.cc-observation{padding:12px}.cc-tools,.cc-positions{gap:8px}.cc-zones{grid-template-columns:1fr}.cc-observe span{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){.cc *{animation:none;transition:none}}
.cc button{scroll-margin-block:160px}

.cc-photo{position:relative;aspect-ratio:3/2;background:#e8deff}.cc-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.cc-photo img[hidden],.cc-photo [hidden]{display:none}.cc-photo-error{display:flex;align-items:center;padding:20px}.cc-photo-fallback{font-size:1rem}.cc-figure figcaption{padding-top:12px}.cc-figure figcaption small{display:block;margin-top:8px;font-size:.875rem}
.cc-tools,.cc-positions{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}