.ch-board{min-width:0}.ch-board>*+*{margin-top:1rem}.ch-figure{border:1px solid var(--line-strong);background:var(--surface);min-width:0;margin:1rem 0;padding:.7rem}.ch-svg{width:100%;max-width:420px;height:auto;margin:auto;display:block;overflow:visible}.ch-svg text{fill:var(--ink);text-anchor:middle;font-size:28px;font-weight:650}.ch-face{fill:var(--surface);stroke:var(--ink);stroke-width:2.5px}.ch-tick{stroke:var(--ink);stroke-width:1.7px}.ch-major{stroke-width:3px}.ch-hand{fill:none;stroke-linecap:round}.ch-minute{stroke:var(--diagram-first)}.ch-hour{stroke:var(--accent)}.ch-hand.ch-minute{stroke-width:4px}.ch-hand.ch-hour{stroke-width:7px}.ch-ghost{fill:none;stroke-width:2.5px;stroke-dasharray:6 5}.ch-sweep{fill:none;stroke-width:3.5px}.ch-lap,.ch-gap{stroke:var(--ink)}.ch-sweep.ch-gap{stroke-dasharray:3 5}.ch-head{fill:none;stroke-width:2.5px}.ch-cursor{fill:var(--surface);stroke:var(--ink);stroke-width:2px}.ch-pin{fill:var(--ink)}.ch-right{fill:none;stroke:var(--ink);stroke-width:2.5px}.ch-figure figcaption{color:var(--muted);margin-top:.5rem;font-size:1rem;line-height:1.75}.ch-figure figcaption:empty{display:none}.ch-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.ch-result,.ch-givens{border:1px solid var(--line-strong);border-left:4px solid var(--accent);background:var(--surface);padding:.8rem}.ch-result p,.ch-givens p{margin:.35rem 0}.ch-legend{flex-wrap:wrap;gap:.45rem .8rem;font-size:1rem;display:flex}.ch-legend span{border-bottom:2px solid var(--line-strong)}.ch-controls{gap:.8rem;display:grid}.ch-controls label{gap:.5rem;display:grid}.ch-controls select{width:100%;max-width:100%;min-height:44px;font:inherit}.ch-controls input[type=range]{width:100%;min-height:44px}.ch-presets{flex-wrap:wrap;gap:.5rem;display:flex}.ch-presets button{min-width:44px;min-height:44px}.ch-board summary{min-height:44px;line-height:1.7}.ch-board details{margin-top:1rem}.ch-board details>summary{padding:.6rem}.ch-view-note{color:var(--muted)}@media (width<=700px){.ch-pair{grid-template-columns:1fr}.ch-figure{padding:.4rem}}.ch-board details>:is([data-ch-interval],.ch-figure){margin-inline:0}