.atc-figure{max-width:36rem;margin:1.2rem 0}.atc-figure svg{width:100%;height:auto;display:block;overflow:visible}.atc-figure figcaption{margin-top:.8rem;font-size:1rem;line-height:1.8}.atc-line,.atc-arc,.atc-active,.atc-guide,.atc-ghost,.atc-direction,.atc-opening{fill:none;stroke-linecap:round;stroke-linejoin:round}.atc-line{stroke:var(--ink);stroke-width:2.2px}.atc-arc{stroke:var(--muted);stroke-width:2px}.atc-active{stroke:var(--accent);stroke-width:2.8px}.atc-guide{stroke:var(--muted);stroke-width:1.6px;stroke-dasharray:6 5}.atc-ghost{stroke:var(--muted);stroke-width:1.4px;stroke-dasharray:3 4;opacity:.48}.atc-point{fill:var(--ink)}.atc-name{fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round;font:26px Arial,sans-serif}.atc-direction{stroke:var(--accent);stroke-width:2px;stroke-dasharray:7 6}.atc-opening{stroke:var(--accent);stroke-width:1.4px;stroke-dasharray:3 4}.atc-needle{stroke:var(--accent);stroke-width:2px;fill:var(--paper)}.atc-pencil,.atc-arrow{fill:var(--accent)}.atc-source-pair{align-items:center;gap:1rem;display:grid}.atc-relations{border-left:3px solid var(--accent);background:var(--surface-soft);margin:1rem 0;padding:.7rem 1rem}.atc-relations p{margin:.35rem 0}.atc-board>h3{margin-top:.6rem}.atc-explore label{gap:.4rem;margin:.8rem 0;display:grid}.atc-explore select{width:100%;min-height:44px;font:inherit;border:1px solid var(--muted);background:var(--paper);color:var(--ink);border-radius:5px;padding:.55rem}.atc-explore input[type=range]{width:100%;min-height:44px}.atc-explore details>summary{align-items:center;min-height:44px;display:flex}.lesson-content details .atc-figure{margin-inline:0}@media (width>=760px){.atc-source-pair{grid-template-columns:1fr 1fr}}