/* Shared comparison navigation: direct root links + native disclosures. */
.main-nav{gap:.5rem;color:var(--ink)}
.nav-group{display:flex;align-items:center;min-width:0}
.nav-root{display:flex;align-items:center;min-height:44px;padding:.25rem .4rem;white-space:nowrap}
.nav-disclosure>summary{display:flex;align-items:center;justify-content:center;width:36px;height:44px;cursor:pointer;border-radius:var(--radius-sm);list-style:none}
.nav-disclosure>summary::-webkit-details-marker,.mobile-nav-group>summary::-webkit-details-marker{display:none}
.nav-disclosure>summary:hover,.nav-disclosure[open]>summary{background:var(--surface);color:var(--signal)}
.nav-disclosure[open]>summary .ic,.mobile-nav-group[open]>summary .ic{transform:rotate(180deg)}
.nav-panel{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);max-width:var(--wrap);margin:0 auto;padding:1.5rem;background:var(--card);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-md);max-height:calc(100dvh - 5rem);overflow:auto;overscroll-behavior:contain}
.nav-panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:.75rem}
.nav-panel-head strong{font-family:var(--font-display);font-size:1.375rem}
.nav-overview{font-weight:600;text-decoration:underline;text-underline-offset:.2em;color:var(--signal)}
.nav-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.5rem}
.nav-column{min-width:0}.nav-column h2,.mobile-nav-links h2{font-size:.75rem;font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--forest-soft);padding:.5rem .65rem}
.nav-column ul,.mobile-nav-links ul{list-style:none;padding:0;margin:0}
.nav-column a{display:flex;align-items:center;min-height:44px;padding:.5rem .65rem;border-radius:var(--radius-sm);line-height:1.4;overflow-wrap:anywhere}
.nav-column a:hover,.nav-column a:focus-visible{background:var(--surface)}
[data-site-navigation] a[aria-current=page],.sheet-nav a[aria-current=page]{color:var(--signal);font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.nav-disclosure>summary:focus-visible,.mobile-nav-group>summary:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
#mobile-menu{width:min(100%,26rem);max-width:26rem;overflow:hidden}
#mobile-menu .sheet-head,#mobile-menu .sheet-foot{flex-shrink:0}
#mobile-menu .sheet-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.5rem .75rem}
.mobile-nav-group{border-bottom:1px solid var(--line)}
.mobile-nav-group>summary{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem .75rem;min-height:52px;font-weight:700;cursor:pointer;list-style:none}
.mobile-nav-links{padding:0 .25rem .75rem;background:var(--surface);border-radius:var(--radius-sm)}
.sheet-nav .mobile-nav-links a{justify-content:flex-start;border-bottom:0;min-height:44px;padding:.65rem .75rem;font-size:.875rem;line-height:1.4;overflow-wrap:anywhere}
.sheet-nav .mobile-nav-links .mobile-nav-overview{font-weight:700;color:var(--signal);text-decoration:underline;text-underline-offset:.2em;padding-top:1rem}
.mobile-nav-secondary{margin-top:.75rem}
.sheet-nav .mobile-nav-secondary a{font-size:.875rem;font-weight:500}
@media(min-width:1024px){.site-header-actions{display:none}.main-nav{margin-left:auto}.site-header-in{gap:1rem}}
@media(min-width:1280px){.main-nav{gap:1rem}.nav-root{padding:.25rem .5rem}}
