.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:start;font:400 12px var(--mono);color:var(--t3);padding:0 0 14px}
.nxo-view table.t th{text-align:start;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:end;color:var(--t1)}
.nxo-view table.t th.num{text-align:end}
.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:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .g3>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .g4>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .g2>*{box-shadow:0 0 0 1px 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}
@media (max-width:700px){.nxo-view svg.dg.dg-wide{display:none}
.nxo-view svg.dg.dg-wide+.g4{margin-top:0!important}
}
.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}
}
.nxo-view .nxo-pc{font-style:normal;display:flex;flex-direction:column;gap:6px;max-width:48ch;padding:16px 18px;border:1px solid var(--hair2);border-radius:5px;font-size:14.5px;line-height:1.5;color:var(--t2);overflow-wrap:anywhere}
.nxo-view .nxo-pc p{margin:0;max-width:none;font-size:inherit;line-height:inherit;color:inherit}
.nxo-view .nxo-pc p.nxo-pc__role{color:var(--t1)}
.nxo-view .nxo-pc__role strong{font-weight:500}
.nxo-view .nxo-pc p.nxo-pc__org{color:var(--t3);font:400 12.5px/1.5 var(--mono);letter-spacing:.02em;margin-bottom:4px}
.nxo-view .nxo-pc a{color:var(--t1);text-decoration:underline;text-decoration-color:var(--hair2);text-underline-offset:3px}
.nxo-view .nxo-pc a:hover,.nxo-view .nxo-pc a:focus-visible{text-decoration-color:var(--accent)}
.nxo-view .nxo-pc-slot{margin-top:24px}
.nxo-view .nxo-pc-slot:empty{display:none}
.nxo-view .aside .nxo-pc-h{margin-top:22px}
.nxo-view .aside .nxo-pc{padding:0;border:0}
.nxo-view .phero .nxo-pc-slot:empty{display:block;min-height:168px}
.nxo-view .phero #kv:empty{min-height:160px}
@media (max-width:900px){.nxo-view .phero #kv:empty{min-height:247px}
}