.nr-panel{border-top:1px solid var(--line);background:var(--bg);color:var(--ink)}
.nr-panel-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);padding:clamp(24px,4vw,56px);border:1px solid var(--line);border-radius:20px;background:var(--surface,var(--bg));align-items:center}
.nr-copy,.nr-details{min-width:0}.nr-copy>.eyebrow{color:var(--accent);margin:0 0 16px}.nr-copy>h2{font-size:clamp(30px,4vw,56px);line-height:1.15;overflow-wrap:anywhere;margin:0 0 20px}.nr-description{max-width:620px;line-height:1.75;color:var(--muted)}
.nr-details{border-left:1px solid var(--line);padding-left:clamp(24px,3vw,40px)}.nr-detail-label{font-size:11px;letter-spacing:.13em;color:var(--accent)}.nr-details ul{list-style:none;margin:16px 0 24px;padding:0}.nr-details li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:15px}.nr-domain{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.nr-link{max-width:100%;gap:20px;white-space:normal;line-height:1.5}.nr-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
html[data-theme="dark"] .nr-link:is(:hover,:focus-visible,:active){background:var(--accent)!important;color:#0b1d21!important;border-color:var(--accent)!important}
html[data-theme="dark"] .nr-link:is(:hover,:focus-visible,:active)::before{background:var(--accent)!important}
html[data-theme="dark"] .nr-link:is(:hover,:focus-visible,:active)::after{background:none!important}
html[data-theme="dark"] .nr-link:is(:hover,:focus-visible,:active) span{color:#0b1d21!important;background:transparent!important}
@media(max-width:800px){.nr-panel-inner{grid-template-columns:minmax(0,1fr);gap:28px}.nr-details{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.nr-link{width:100%;justify-content:space-between}.nr-panel{padding-top:48px;padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.nr-link,.nr-link::before,.nr-link::after,.nr-link span{transition:none!important;animation:none!important}}

/* Collapse expanded navigation before its labels become crowded. */
@media(min-width:1101px) and (max-width:1700px){
 .site-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:12px!important;padding:16px 4vw!important;align-items:center!important}
 .site-header .brand-final{max-width:none!important;min-width:0!important;gap:12px!important}
 .brand-final .brand-name-line{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;white-space:normal!important}
 .brand-final .brand-name-line strong,.brand-final .brand-name-line em{font-size:18px!important;line-height:1.15!important}
 .brand-final .brand-wordmark{max-width:none!important}
 .brand-final .brand-wordmark small{display:none!important}
 .site-header .theme-toggle{margin:0!important;min-width:44px;min-height:44px;justify-content:center}
 .site-header .menu{display:inline-flex!important;align-items:center;justify-content:center;min-width:62px;min-height:44px;margin:0;padding:8px 12px!important;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);font-size:14px}
 .site-header nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;margin:0!important;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface)!important;border-bottom:1px solid var(--line);padding:12px 4vw!important;box-shadow:0 12px 24px var(--shadow);z-index:50}
 .site-header nav.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important}
 .site-header nav a{display:flex!important;align-items:center;min-height:48px;padding:12px 8px!important;white-space:normal;font-size:16px!important;line-height:1.4;transform:none!important;border-bottom:1px solid var(--line)}
 .site-header nav a::after{display:none!important}.site-header nav a[aria-current="page"]{color:var(--accent)!important;background:var(--accent-soft)}

}