/* Topic map (radial, 270°) for the Voltus draft preview. Scoped to .mmap and #panel; uses the site tokens. */
.mmap{scroll-margin-top:88px}
.mmap figure.mm{margin:0;border:1px solid var(--c-rule);border-radius:var(--radius-lg);background:var(--c-surface);padding:20px 24px}
.mmap h2{font:600 22px/28px var(--font-serif);margin:0 0 6px}
.mmap .muted{font-size:14px;line-height:20px}
.mmap .js-only{display:none}html.js .mmap .js-only{display:flex}html.js .mmap p.js-only{display:block}
.mmap .zbar{flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 6px}
.mmap .zbar .btn{min-width:44px;min-height:44px;height:auto;justify-content:center}
.mmap .fsel{display:flex;gap:8px;align-items:center;font:400 14px/20px var(--font-sans);color:var(--c-ink-2)}
.mmap .fsel select{min-height:44px;font:inherit;color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-rule-strong);border-radius:var(--radius-md);padding:0 8px;max-width:100%}
.mmap .radwrap{width:100%;border:1px solid var(--c-rule);border-radius:var(--radius-md);background:var(--c-surface);overflow:hidden;margin-top:6px}
.mmap .radwrap svg{display:block;width:100%;height:100%}
html.js .mmap .radwrap svg.zoomed{cursor:grab;touch-action:none}
.radial2 .lk{fill:none;stroke:var(--c-rule-strong);stroke-width:1.1}
.radial2 text{fill:var(--c-ink);font-family:var(--font-sans);paint-order:stroke;stroke:var(--c-surface);stroke-width:3px;stroke-linejoin:round}
.radial2 text.lf{font-size:12.5px}.radial2 text.t1{font-size:14.5px;font-weight:600}.radial2 text.t2{font-size:12.5px;font-weight:500;fill:var(--c-ink-2)}
.radial2 text.rt{font:600 18px var(--font-serif)}
.radial2 text .sub{font-size:10.5px;fill:var(--c-ink-2);font-weight:400}
.radial2 text .exf{fill:var(--c-example-label-ink);font-weight:600}
[data-theme=dark] .radial2 text .exf{fill:var(--c-signal)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .radial2 text .exf{fill:var(--c-signal)}}
.radial2 .nd circle{fill:var(--c-surface);stroke:var(--c-accent);stroke-width:1.75}
.radial2 .nd.br circle,.radial2 .nd.d0 circle{fill:var(--c-accent)}
.radial2 .nd.lf.st-verified circle,.mmap .legend .lg.st-verified{fill:var(--c-accent)}
.mmap .legend .lg{fill:var(--c-surface);stroke:var(--c-accent);stroke-width:1.75}
.radial2 .nd.lf.st-as-stated-not-independently-verified circle,.mmap .legend .lg.st-as-stated-not-independently-verified{stroke:var(--c-rule-strong);stroke-dasharray:2 2}
.radial2 .nd.lf.st-contradicted circle,.mmap .legend .lg.st-contradicted{stroke:var(--c-error);stroke-width:2.5}
.radial2 .nd{cursor:pointer;outline:none}
.radial2 .nd:hover text{fill:var(--c-accent)}
.radial2 .nd:focus-visible circle{stroke:var(--c-focus);stroke-width:4}
.radial2 .nd:focus-visible text{text-decoration:underline;fill:var(--c-accent)}
.radial2 .dim{opacity:.16}.radial2 .nd,.radial2 .lk{transition:opacity .2s}
.mmap .legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;padding:0;margin:12px 0 0;font-size:13px;color:var(--c-ink-2)}
.mmap .legend li{display:flex;align-items:center;gap:6px}
.mmap .ex,#panel .ex{display:inline-block;background:var(--c-example-label-bg);color:var(--c-example-label-ink);font:700 11px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:2px}
.mmap .st{font:500 12px/16px var(--font-sans);color:var(--c-ink-3);border:1px solid var(--c-rule);border-radius:2px;padding:1px 6px}
.mmap .st.st-contradicted{color:var(--c-error);border-color:currentColor}
.mmap .subl{flex-basis:100%;font-size:13px;line-height:18px;color:var(--c-ink-2);padding-left:2px}
.mmap .mm-listwrap{margin-top:16px}
.mmap .mm-listwrap>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:600 15px/20px var(--font-sans);color:var(--c-accent)}
.mmap .cols{display:block}
.mmap .mm-outline{font:400 15px/22px var(--font-sans)}
.mmap .mm-outline ul{list-style:none;margin:0;padding:0 0 0 18px;border-left:1px solid var(--c-rule)}
.mmap .mm-outline>ul{padding-left:0;border:0}
.mmap .mm-outline>ul>li>details>ul{columns:2;column-gap:32px;border:0}
.mmap .mm-outline>ul>li>details>ul>li{break-inside:avoid}
.mmap .mm-outline li{margin:2px 0}
.mmap .mm-outline summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:600;list-style:none}
.mmap .mm-outline summary::-webkit-details-marker{display:none}
.mmap .mm-outline summary::before{content:"";width:0;height:0;border:5px solid transparent;border-left:7px solid var(--c-ink-3);transform-origin:3px 5px;transition:transform .15s}
.mmap .mm-outline details[open]>summary::before{transform:rotate(90deg)}
.mmap .mm-outline .leaf{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:44px;padding-left:15px}
.mmap .mm-outline .node{font-weight:600}
.mmap .mm-outline details.more{flex-basis:100%;margin:0 0 6px 15px}
.mmap .mm-outline details.more>summary{min-height:32px;font-weight:500;font-size:13px;color:var(--c-accent)}
.mmap .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mmap .linkbtn{background:none;border:0;padding:0 8px;min-height:44px;min-width:44px;color:var(--c-accent);font:500 13px/18px var(--font-sans);text-decoration:underline;cursor:pointer;margin-left:15px}
.mmap .dl,#panel .dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;margin:6px 0 10px;font:400 14px/20px var(--font-sans)}
.mmap .dl dt,#panel .dl dt{font-weight:600;color:var(--c-ink-2)}.mmap .dl dd,#panel .dl dd{margin:0}
.mmap .cl,#panel .cl{margin:0;padding-left:18px}#panel .cl li{margin:2px 0}
dialog#panel{border:1px solid var(--c-rule-strong);border-radius:var(--radius-lg);background:var(--c-surface);color:var(--c-ink);padding:0;width:min(560px,calc(100vw - 32px));max-height:min(80vh,720px)}
dialog#panel::backdrop{background:rgba(15,18,21,.45)}
#panel .ph{position:sticky;top:0;background:var(--c-surface);padding:18px 20px 10px;border-bottom:1px solid var(--c-rule);display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:start}
#panel .overline{grid-column:1;margin:0}
#panel h2{grid-column:1;font:600 20px/26px var(--font-serif);margin:0;outline:none}
#panel h2:focus,#panel h2:focus-visible{outline:none;box-shadow:none}
#panel .closeb{grid-column:2;grid-row:1/span 2;align-self:start;min-height:44px}
#panel-b{padding:12px 20px}
#panel .pf{padding:0 20px 18px}
#panel .pf:has(> [hidden]:only-child){display:none}
@media (max-width:767px){
 .mmap figure.mm{padding:16px}
 .mmap .mm-outline>ul>li>details>ul{columns:1;border-left:1px solid var(--c-rule)}
 dialog#panel{width:100vw;max-width:100vw;margin:auto 0 0 0;border-radius:12px 12px 0 0;max-height:75vh;border-bottom:0}
 .mmap .dl,#panel .dl{grid-template-columns:1fr}#panel .dl dt{margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.radial2 .nd,.radial2 .lk,.mmap .mm-outline summary::before{transition:none}}
.mmap .mm-outline a.node{text-decoration:none;color:var(--c-ink)}.mmap .mm-outline a.node:hover{color:var(--c-accent);text-decoration:underline}
.mmap .chip{display:inline-block;height:auto;font:500 13px/18px var(--font-sans);border:1px solid var(--c-rule-strong);border-radius:999px;padding:2px 9px;background:none;text-decoration:none;color:var(--c-ink-2)}
.mmap a.chip:hover{border-color:var(--c-accent);color:var(--c-accent)}
.mmap .mm-outline details.more>summary::before{border-left-color:var(--c-accent)}
.mmap .linkbtn:hover{color:var(--c-ink)}
