.nxo-view{padding-top:64px}
.nxo-view .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,560px);gap:56px;align-items:center;padding-top:64px;padding-bottom:56px}
.nxo-view .vrow{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap}
.nxo-view .vrow p{margin:0;color:var(--t3);font:400 12.5px var(--mono)}
.nxo-view .ws,.nxo-view .mtx,.nxo-view .radio{margin-top:16px!important}
.nxo-view .top .hud{margin-top:36px;max-width:620px}
.nxo-view #wheel{width:100%;height:auto;display:block;overflow:visible}
.nxo-view #wheel .sec{cursor:pointer;outline:none}
.nxo-view #wheel .sec path.band{fill:transparent;stroke:rgba(var(--ink),.10);stroke-width:1;transition:fill var(--dur-fast)}
.nxo-view #wheel .sec:hover path.band,.nxo-view #wheel .sec:focus-visible path.band{fill:rgba(var(--ink),.05)}
.nxo-view #wheel .sec:focus{outline:none}
.nxo-view #wheel .sec:focus-visible path.band{stroke:var(--accent);stroke-width:2.5}
@media (max-width:600px){.nxo-view #wheel text{font-size:17px;letter-spacing:.02em}
}
.nxo-view #wheel .sec.on path.band{fill:var(--accent-bg);stroke:var(--accent)}
.nxo-view #wheel .tick{stroke:rgba(var(--ink),.4);stroke-width:1}
.nxo-view #wheel .tick.fr{stroke:var(--accent)}
.nxo-view #wheel .tick.off{stroke:rgba(var(--ink),.08)}
.nxo-view #wheel text{fill:var(--t3);font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.nxo-view #wheel .sec.on text,.nxo-view #wheel .sec:hover text{fill:var(--t1)}
.nxo-view #wheel .core{fill:var(--bg);stroke:rgba(var(--ink),.2)}
.nxo-view #wheel .cn{fill:var(--t1);font:400 30px var(--mono);letter-spacing:-.02em;text-transform:none}
.nxo-view #wheel .cl{fill:var(--t3);text-transform:none;font:400 11px var(--sans);letter-spacing:0}
.nxo-view .bar{position:sticky;top:64px;z-index:var(--z-sticky);background:var(--bg);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.nxo-view .bar .w{display:flex;gap:10px;align-items:center;min-height:64px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.nxo-view .bar .sp{flex:1}
.nxo-view .ws{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;border:1px solid var(--hair);margin:32px 0 96px}
.nxo-view .dl{border-inline-end:1px solid var(--hair);display:flex;flex-direction:column}
.nxo-view .dl button{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;text-align:start;min-height:46px;padding:8px 18px;border:0;border-bottom:1px solid var(--hair);background:var(--bg);color:var(--t3);font:500 14px var(--sans);cursor:pointer}
.nxo-view .dl button em{font:400 11.5px var(--mono);font-style:normal}
.nxo-view .dl button .mb{grid-column:1/-1;height:2px;background:var(--hair);position:relative;margin-top:2px}
.nxo-view .dl button .mb i{position:absolute;inset-inline-start:0;top:0;bottom:0;background:rgba(var(--ink),.5)}
.nxo-view .dl button:hover{color:var(--t1);background:var(--surface)}
.nxo-view .dl button[aria-selected=true]{color:var(--t1);background:var(--surface);box-shadow:inset 2px 0 0 var(--accent)}
.nxo-view .dl button[aria-selected=true] .mb i{background:var(--accent)}
.nxo-view .dl button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .dp{padding:28px 32px;min-width:0}
.nxo-view .dp>h2{margin:0 0 8px!important}
.nxo-view .dp>.lead{color:var(--t2);max-width:70ch;margin:0 0 22px;font-size:15px;line-height:1.6}
.nxo-view .lay{margin-top:28px}
.nxo-view .lay>h3{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px;font:600 15px var(--sans)!important}
.nxo-view .lay>h3 em{font:400 11.5px var(--mono);font-style:normal;color:var(--t3)}
.nxo-view .we{display:flex;gap:4px;flex-wrap:wrap}
.nxo-view .we span{height:20px;display:inline-flex;align-items:center;padding:0 6px;border:1px solid var(--hair);border-radius:4px;font:400 10.5px var(--mono);color:var(--t3)}
.nxo-view .we span.on{color:var(--t1);border-color:var(--hair2)}
.nxo-view .mtx{width:100%;border-collapse:collapse;font-size:13px;margin:32px 0 96px;border:1px solid var(--hair)}
.nxo-view .mtx th,.nxo-view .mtx td{border-bottom:1px solid var(--hair);padding:10px 14px;text-align:end}
.nxo-view .mtx th:first-child,.nxo-view .mtx td:first-child{text-align:start}
.nxo-view .mtx thead th{font:400 11.5px var(--sans);color:var(--t3);background:var(--surface)}
.nxo-view .mtx td{font:400 13px var(--mono);font-variant-numeric:var(--numeric)}
.nxo-view .mtx td .b{display:inline-block;height:6px;background:var(--t1);opacity:.65;vertical-align:middle;margin-inline-end:8px}
.nxo-view .mtx tbody tr{cursor:pointer}
.nxo-view .mtx tbody tr:hover td{background:var(--surface)}
.nxo-view .mtx tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--accent)}
.nxo-view .radio{margin:32px 0 96px}
.nxo-view .radio .note{color:var(--t2);max-width:70ch;margin:0 0 20px;font-size:15px}
.nxo-view .hide{display:none!important}
@media (max-width:1000px){.nxo-view .top{grid-template-columns:1fr}
.nxo-view .ws{grid-template-columns:1fr}
.nxo-view .dl{flex-direction:row;overflow-x:auto;border-inline-end:0;border-bottom:1px solid var(--hair)}
.nxo-view .dl button{flex:none;border-bottom:0;border-inline-end:1px solid var(--hair);white-space:nowrap;grid-template-columns:auto auto}
.nxo-view .dl button .mb{display:none}
.nxo-view .dp{padding:22px 18px}
}