.nxo-view{--chrome-h:104px}
.nxo-view .pv-hero{position:relative;min-height:min(92vh,880px);padding:calc(var(--chrome-h) + 40px) 0 112px;box-sizing:border-box;border-bottom:1px solid var(--hair);overflow:hidden;display:flex;align-items:flex-end}
.nxo-view .pv-hero>.w{position:relative;z-index:2;width:100%;pointer-events:none}
.nxo-view .pv-hero>.w>*{pointer-events:auto}
.nxo-view .pv-hero .pv-crumb{font:500 12px/1.4 var(--mono);color:var(--t3);margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.nxo-view .pv-hero .pv-crumb a{color:var(--accent-2-text,var(--t2));text-decoration:none}
.nxo-view .pv-hero .pv-crumb a:hover{text-decoration:underline}
.nxo-view .pv-hero h1{max-width:18ch!important;margin:0 0 20px}
.nxo-view .pv-hero .lede{max-width:60ch;color:var(--t2);font-size:18px;line-height:1.55;margin:0 0 28px}
.nxo-view .pv-hero .cta{display:flex;flex-wrap:wrap;gap:12px}
.nxo-view .pv-meta{display:flex;flex-wrap:wrap;gap:8px 24px;margin:32px 0 0;padding:0;list-style:none;font:400 12px/1.5 var(--mono);color:var(--t3)}
.nxo-view .pv-meta b{color:var(--t1);font-weight:500}
.nxo-view .pv-meta .on::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-inline-end:8px;vertical-align:.1em}
.nxo-view .pv-body{padding-top:24px;padding-bottom:112px}
.nxo-view .pv-sec{padding:72px 0 0;scroll-margin-top:calc(var(--chrome-h) + 16px)}
.nxo-view .pv-h{display:grid;grid-template-columns:56px 1fr;gap:0 24px;margin:0 0 32px;align-items:start}
.nxo-view .pv-n{font:500 13px/1 var(--mono);color:var(--accent-2-text,var(--t3));padding-top:14px;border-top:1px solid var(--accent-2,var(--hair2))}
.nxo-view .pv-h h2{margin:0 0 10px;max-width:24ch}
.nxo-view .pv-h p{margin:0;max-width:64ch;color:var(--t2);font-size:16px;line-height:1.6}
.nxo-view .pv-k{display:block;font:500 11px/1.4 var(--eyebrow-font,var(--mono));letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 10px}
.nxo-view .pv-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:transparent;border:1px solid var(--hair);border-radius:5px;overflow:hidden}
.nxo-view .pv-tiles>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .pv-tiles li{background:var(--bg)}
.nxo-view .pv-tiles a{position:relative;display:flex;flex-direction:column;gap:6px;min-height:148px;padding:22px 24px 44px;color:var(--t1);text-decoration:none;height:100%;box-sizing:border-box}
.nxo-view .pv-tiles strong{font:500 19px/1.25 var(--sans);letter-spacing:-.01em}
.nxo-view .pv-tiles .pv-l{color:var(--t2);font-size:14px;line-height:1.5}
.nxo-view .pv-tiles .pv-arrow{position:absolute;inset-inline-end:20px;bottom:16px;font:500 16px/1 var(--mono);color:var(--t3)}
.nxo-view .pv-tiles a:hover,.nxo-view .pv-tiles a:focus-visible{background:var(--surface)}
.nxo-view .pv-tiles a:hover .pv-arrow,.nxo-view .pv-tiles a:focus-visible .pv-arrow{color:var(--accent)}
.nxo-view .pv-tiles a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .pv-code{position:relative;border:1px solid var(--hair2);border-radius:5px;background:var(--surface);margin:0 0 16px;max-width:880px}
.nxo-view .pv-code pre{margin:0;padding:18px 20px;overflow:auto;font:400 13px/1.65 var(--mono);color:var(--t1);tab-size:2}
.nxo-view .pv-code[data-lang]::before{content:attr(data-lang);position:absolute;top:-9px;inset-inline-start:14px;padding:0 6px;background:var(--bg);font:500 10px/18px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2-text,var(--t3))}
.nxo-view .pv-copy{position:absolute;top:8px;inset-inline-end:8px;font:500 11px/1 var(--mono);padding:7px 9px;border:1px solid var(--hair2);border-radius:4px;background:var(--bg);color:var(--t2);cursor:pointer}
.nxo-view .pv-copy:hover,.nxo-view .pv-copy:focus-visible{color:var(--t1);border-color:var(--accent)}
.nxo-view .pv-steps{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:28px;max-width:920px}
.nxo-view .pv-steps>li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:0 20px}
.nxo-view .pv-steps>li::before{content:counter(s,decimal-leading-zero);font:500 13px/1 var(--mono);color:var(--accent-text);padding-top:6px;border-top:1px solid var(--accent)}
.nxo-view .pv-steps h3{margin:0 0 8px;font:500 18px/1.3 var(--sans)}
.nxo-view .pv-steps p{margin:0 0 12px;color:var(--t2);line-height:1.6;max-width:68ch}
.nxo-view .pv-ex{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}
.nxo-view .pv-list{position:sticky;top:calc(var(--chrome-h) + 16px);max-height:calc(100vh - var(--chrome-h) - 40px);overflow:auto;border:1px solid var(--hair);border-radius:5px}
.nxo-view .pv-list input{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--hair);background:var(--bg);color:var(--t1);font:400 14px/1 var(--sans);padding:12px 14px}
.nxo-view .pv-list input:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .pv-list ul{list-style:none;margin:0;padding:6px 0}
.nxo-view .pv-list button{display:block;width:100%;text-align:start;border:0;background:none;color:var(--t2);font:400 13px/1.35 var(--mono);padding:8px 14px;cursor:pointer;border-inline-start:2px solid transparent}
.nxo-view .pv-list button:hover{color:var(--t1);background:var(--surface)}
.nxo-view .pv-list button[aria-current=true]{color:var(--t1);border-inline-start-color:var(--accent);background:var(--surface)}
.nxo-view .pv-list button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .pv-doc h3{font:500 24px/1.25 var(--sans);margin:0 0 8px}
.nxo-view .pv-doc .pv-id{font:400 12px/1.4 var(--mono);color:var(--accent-2-text,var(--t3));margin:0 0 16px;word-break:break-all}
.nxo-view .pv-doc>p{color:var(--t2);max-width:72ch;line-height:1.6}
.nxo-view .pv-acts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 24px}
.nxo-view .pv-table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 24px}
.nxo-view .pv-table th{text-align:start;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--hair2);padding:8px 10px}
.nxo-view .pv-table td{border-bottom:1px solid var(--hair);padding:9px 10px;vertical-align:top;color:var(--t2);line-height:1.5}
.nxo-view .pv-table td:first-child{font:500 13px/1.4 var(--mono);color:var(--t1);white-space:nowrap}
.nxo-view .pv-table td code,.nxo-view .pv-chip{font:400 12px/1.4 var(--mono);border:1px solid var(--hair2);border-radius:4px;padding:1px 6px;color:var(--t1);display:inline-block}
.nxo-view .pv-req{color:var(--accent-text);font:500 11px/1 var(--mono);margin-inline-start:6px}
.nxo-view .pv-d1 td:first-child{padding-inline-start:26px}
.nxo-view .pv-d2 td:first-child{padding-inline-start:42px}
.nxo-view .pv-check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.nxo-view .pv-check label{display:block;font:500 12px/1.4 var(--mono);color:var(--t3);margin:0 0 8px;letter-spacing:.06em}
.nxo-view .pv-check select,.nxo-view .pv-check textarea{width:100%;box-sizing:border-box;background:var(--bg);color:var(--t1);border:1px solid var(--hair2);border-radius:5px;font:400 13px/1.55 var(--mono);padding:10px 12px}
.nxo-view .pv-check textarea{min-height:420px;resize:vertical;tab-size:2}
.nxo-view .pv-check select:focus-visible,.nxo-view .pv-check textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.nxo-view .pv-res{border:1px solid var(--hair);border-radius:5px;padding:20px;min-height:200px}
.nxo-view .pv-res .ok,.nxo-view .pv-res .bad{font:500 15px/1.4 var(--sans);margin:0 0 12px;display:flex;align-items:center;gap:10px}
.nxo-view .pv-res .ok::before,.nxo-view .pv-res .bad::before{content:"";width:10px;height:10px;border-radius:50%;flex:none}
.nxo-view .pv-res .ok::before{background:var(--accent)}
.nxo-view .pv-res .bad::before{background:transparent;border:2px solid var(--t1)}
.nxo-view .pv-res ol{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.nxo-view .pv-res li{border-top:1px solid var(--hair);padding-top:10px;font-size:14px;color:var(--t2);line-height:1.5}
.nxo-view .pv-res li code{font:500 12px/1.4 var(--mono);color:var(--accent-2-text,var(--t1));word-break:break-all}
.nxo-view .pv-note{font-size:13px;color:var(--t3);line-height:1.55;max-width:72ch}
.nxo-view .pv-fig{margin:0 0 24px}
@media (max-width:900px){.nxo-view .pv-ex,.nxo-view .pv-check{grid-template-columns:1fr}
.nxo-view .pv-list{position:static;max-height:300px}
}
@media (max-width:700px){.nxo-view .pv-hero{min-height:auto;padding:calc(var(--chrome-h) + 24px) 0 40px}
.nxo-view .pv-hero .lede{font-size:16px}
.nxo-view .pv-h{grid-template-columns:1fr;gap:12px}
.nxo-view .pv-n{width:44px}
.nxo-view .pv-sec{padding-top:56px}
.nxo-view .pv-tiles{grid-template-columns:1fr}
.nxo-view .pv-table td:first-child{white-space:normal;word-break:break-all}
}
.nxo-view .visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}