.nxo-view .xph{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.nxo-view .xph .sub{margin-bottom:28px}
.nxo-view .needs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .needs>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .needs div{background:var(--bg);padding:22px;min-height:150px;display:flex;flex-direction:column;gap:10px}
.nxo-view .needs b{font:500 12px var(--mono);color:var(--accent-text)}
.nxo-view .needs span{font:600 16px/1.3 var(--cond,var(--sans));color:var(--t1)}
.nxo-view .rule{display:flex;gap:16px;align-items:flex-start;margin-top:28px;padding:18px 20px;border:1px solid var(--hair2);border-inline-start:2px solid var(--accent);border-radius:5px;background:var(--surface)}
.nxo-view .rule .eyebrow{flex:none;margin-top:2px}
.nxo-view .rule p{margin:0;font-size:14px;line-height:1.55;color:var(--t2)}
.nxo-view .tc .meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.nxo-view .tc .meta span{height:24px;display:inline-flex;align-items:center;padding:0 8px;border:1px solid var(--hair2);border-radius:5px;font:400 10.5px var(--mono);letter-spacing:.06em;color:var(--t3)}
.nxo-view .tc dl{margin:14px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:12.5px}
.nxo-view .tc dt{font:400 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}
.nxo-view .tc dd{margin:0;color:var(--t2)}
.nxo-view .tc a.go{margin-top:auto;padding-top:16px;font:500 12px var(--mono);letter-spacing:.06em;color:var(--t1)}
.nxo-view .tc a.go:hover{color:var(--accent-text)}
.nxo-view .lst{list-style:none;margin:0;padding:0;columns:2;column-gap:48px}
.nxo-view .lst li{break-inside:avoid;padding:12px 0;border-top:1px solid var(--hair);font-size:14px;color:var(--t2)}
.nxo-view .lst li b{display:block;font-weight:500;color:var(--t1);margin-bottom:2px}
.nxo-view .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .steps>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .steps>div{background:var(--bg);padding:26px}
.nxo-view .steps b{font:500 12px var(--mono);color:var(--accent-text)}
.nxo-view .steps h3{margin:10px 0 8px}
.nxo-view .steps p{margin:0;color:var(--t2);font-size:14px;line-height:1.55}
.nxo-view .pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.nxo-view .pages a{gap:8px;height:30px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--hair2);border-radius:5px;font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t2)}
.nxo-view .pages a[aria-current]{border-color:var(--accent-text);color:var(--t1)}
.nxo-view .pages a:hover{color:var(--t1)}
.nxo-view a.tc{color:inherit;text-decoration:none}
.nxo-view a.tc:hover h3{color:var(--accent-text)}
.nxo-view a.tc:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.nxo-view .tc span.go{margin-top:auto;padding-top:16px;font:500 12px var(--mono);letter-spacing:.06em;color:var(--t2)}
.nxo-view a.tc:hover span.go{color:var(--t1)}
.nxo-view .two{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .two>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .two>div{background:var(--bg);padding:28px}
.nxo-view .two ul{list-style:none;margin:16px 0 0;padding:0}
.nxo-view .two li{padding:12px 0;border-top:1px solid var(--hair);font-size:14px;line-height:1.5;color:var(--t2)}
.nxo-view .two li b{display:block;font-weight:500;color:var(--t1);margin-bottom:2px}
.nxo-view .two li a{color:var(--t1);text-decoration:underline;text-decoration-color:var(--accent-text);text-decoration-thickness:1px;text-underline-offset:.2em}
.nxo-view .ladder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:transparent;border:1px solid var(--hair);overflow:clip}
.nxo-view .ladder>*{box-shadow:0 0 0 1px var(--hair)}
.nxo-view .ladder li{background:var(--bg);padding:24px;display:flex;flex-direction:column;gap:8px}
.nxo-view .ladder b{font:500 12px var(--mono);color:var(--accent-text)}
.nxo-view .ladder h3{margin:4px 0 0}
.nxo-view .ladder p{margin:0;color:var(--t2);font-size:14px;line-height:1.55}
.nxo-view .ladder a{margin-top:auto;padding-top:10px;font:500 12px var(--mono);letter-spacing:.06em;color:var(--t1)}
.nxo-view .ladder a:hover{color:var(--accent-text)}
.nxo-view .faqs{margin-top:32px;border-top:1px solid var(--hair)}
.nxo-view .faq{border-bottom:1px solid var(--hair)}
.nxo-view .faq summary{display:flex;align-items:center;gap:16px;cursor:pointer;padding:18px 0;font:500 16px/1.4 var(--sans);color:var(--t1);list-style:none}
.nxo-view .faq summary::-webkit-details-marker{display:none}
.nxo-view .faq summary::after{content:"+";margin-inline-start:auto;font:400 18px/1 var(--mono);color:var(--t3)}
.nxo-view .faq[open] summary::after{content:"\2212"}
.nxo-view .faq summary:hover{color:var(--accent-text)}
.nxo-view .faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nxo-view .faq p{margin:0 0 18px;max-width:72ch;color:var(--t2);font-size:14.5px;line-height:1.6}
.nxo-view .band{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border:1px solid var(--hair2);border-inline-start:2px solid var(--accent);border-radius:5px}
.nxo-view .band h3{margin:0 0 6px;font-size:20px}
.nxo-view .band p{margin:0;color:var(--t2)}
.nxo-view .band .cta{display:flex;flex-wrap:wrap;gap:10px}
.nxo-view .plain{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.nxo-view .plain a{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--hair2);border-radius:5px;color:var(--t2);font-size:13.5px;text-decoration:none}
.nxo-view .plain a:hover{color:var(--t1);border-color:var(--accent)}
@media (max-width:1000px){.nxo-view .ladder{grid-template-columns:1fr 1fr}
.nxo-view .band{flex-direction:column;align-items:flex-start}
}
@media (max-width:700px){.nxo-view .two,.nxo-view .ladder{grid-template-columns:1fr}
}
@media (max-width:1000px){.nxo-view .needs{grid-template-columns:1fr 1fr}
.nxo-view .steps{grid-template-columns:1fr}
.nxo-view .lst{columns:1}
}
@media (max-width:700px){.nxo-view .needs{grid-template-columns:1fr}
.nxo-view .rule{flex-direction:column}
}