.nxo-view .phero{padding:176px 0 96px;border-bottom:1px solid var(--hair)}
.nxo-view .phero h1{font:500 clamp(34px,3.6vw,54px)/1.06 var(--mono);letter-spacing:-.03em;max-width:20ch;margin:18px 0 22px}
.nxo-view .phero .lede{max-width:62ch}
.nxo-view .ch{padding:120px 0 112px;border-bottom:1px solid var(--hair);position:relative}
.nxo-view .ch-n{font:400 13px var(--mono);color:var(--t3);letter-spacing:.06em;margin-bottom:22px;display:flex;gap:14px;align-items:center}
.nxo-view .ch-n b{color:var(--accent-text);font-weight:500}
.nxo-view .ch-n i{flex:0 0 48px;height:1px;background:var(--hair2)}
.nxo-view .ch h2{font-size:clamp(30px,3vw,46px);max-width:22ch;margin:0 0 20px;line-height:1.08;letter-spacing:-.03em}
.nxo-view .ch .sub{font-size:17px;max-width:64ch;margin-bottom:56px}
.nxo-view .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.nxo-view .split>*{min-width:0}
.nxo-view .code pre{overflow-x:auto}
.nxo-view .ph{display:inline-block;padding:1px 6px;border:1px dashed var(--accent);border-radius:4px;color:var(--accent-text);font:500 11.5px var(--mono);letter-spacing:.02em;white-space:nowrap}
.nxo-view .draft{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 8px;border:1px solid var(--hair2);border-radius:4px;font:500 11px var(--mono);letter-spacing:.06em;color:var(--t2);text-transform:uppercase}
.nxo-view .draft:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.nxo-view .tw{overflow-x:auto}
.nxo-view table.t{width:100%;border-collapse:collapse;font-size:14px}
.nxo-view table.t caption{text-align:left;font:400 12px var(--mono);color:var(--t3);padding:0 0 14px}
.nxo-view table.t th{text-align:left;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);padding:0 16px 12px 0;border-bottom:1px solid var(--hair2)}
.nxo-view table.t td{padding:14px 16px 14px 0;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--t2);line-height:1.5}
.nxo-view table.t td:first-child{color:var(--t1);font-weight:500;min-width:140px}
.nxo-view table.t td.num{font:400 13px var(--mono);font-variant-numeric:tabular-nums;text-align:right;color:var(--t1)}
.nxo-view table.t th.num{text-align:right}
.nxo-view table.t .mono{font:400 12.5px var(--mono);color:var(--t3)}
.nxo-view .yes{color:var(--t1);font:500 12px var(--mono)}
.nxo-view .no{color:var(--t3);font:500 12px var(--mono)}
.nxo-view .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}
.nxo-view .box{background:var(--bg);padding:24px;min-height:200px;display:flex;flex-direction:column}
.nxo-view .box .k{font:500 11px var(--mono);color:var(--accent-text);letter-spacing:.08em}
.nxo-view .box h3{margin:10px 0 8px;font:500 16px/1.3 var(--sans);letter-spacing:-.01em}
.nxo-view .box p{margin:0;font-size:13.5px;line-height:1.55;color:var(--t2)}
.nxo-view .box .f{margin-top:auto;padding-top:16px;font:400 12px var(--mono);color:var(--t3)}
.nxo-view .note{margin-top:20px;font-size:13px;color:var(--t3);max-width:80ch;line-height:1.55}
.nxo-view .note b{color:var(--t2);font-weight:500}
.nxo-view svg.dg{width:100%;height:auto;display:block}
.nxo-view svg.dg .ln{fill:none;stroke:rgba(var(--ink),.35);stroke-width:1}
.nxo-view svg.dg .lr{fill:none;stroke:var(--accent);stroke-width:1.5}
.nxo-view svg.dg rect{fill:var(--bg);stroke:rgba(var(--ink),.4);stroke-width:1}
.nxo-view svg.dg rect.on{stroke:var(--t1)}
.nxo-view svg.dg rect.red{stroke:var(--accent)}
.nxo-view svg.dg text{fill:var(--t1);font:500 12px var(--mono);letter-spacing:.06em}
.nxo-view svg.dg text.s{fill:var(--t3);font:400 11px var(--sans);letter-spacing:0}
.nxo-view svg.dg text.h{font:600 11px var(--mono);letter-spacing:.14em}
.nxo-view .close{padding:140px 0}
.nxo-view .close h2{font-size:clamp(36px,4vw,60px);max-width:18ch;letter-spacing:-.04em;line-height:1.04;margin:0 0 24px}
.nxo-view .legal{border-top:1px solid var(--hair);padding:32px 0 48px;color:var(--t3);font-size:12.5px;line-height:1.6}
.nxo-view .legal .w{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.nxo-view .legal b{color:var(--t2);font-weight:500}
.nxo-view .toc{display:flex;gap:6px;flex-wrap:wrap;margin-top:36px}
.nxo-view .toc a{height:32px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--hair2);border-radius:5px;font:500 12.5px var(--sans);color:var(--t2)}
.nxo-view .toc a:hover{color:var(--t1);border-color:rgba(var(--ink),.4)}
@media (max-width:1000px){.nxo-view .phero{padding:128px 0 72px}
.nxo-view .dsum{flex-wrap:wrap;width:auto}
.nxo-view .cta{flex-wrap:wrap}
.nxo-view .docs li{grid-template-columns:1fr}
.nxo-view svg.dg{min-width:0}
.nxo-view .split,.nxo-view .g3,.nxo-view .g4,.nxo-view .g2{grid-template-columns:1fr}
.nxo-view .legal .w{grid-template-columns:1fr}
.nxo-view table.t{font-size:13px}
}