.content-container{width:min(calc(100% - (var(--page-inline-padding) * 2)),var(--page-max-width));margin-inline:auto}.site-header{background:rgb(255 255 255 / 94%);border-bottom:1px solid var(--border)}.site-header__inner{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);align-items:center;min-height:5.25rem}.brand{display:flex;gap:var(--space-3);align-items:center;text-decoration:none}.brand__mark{flex:none}.brand__copy{display:grid;line-height:1.2}.brand__copy strong{font-size:1.15rem}.brand__copy span{margin-top:.22rem;color:var(--text-secondary);font-size:.72rem;white-space:nowrap}.primary-nav ul{display:flex;gap:var(--space-1);justify-content:center;padding:0;margin:0;list-style:none}.primary-nav a{display:block;padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;text-decoration:none;transition:color var(--motion-fast),background var(--motion-fast)}.primary-nav a:hover,.primary-nav a[aria-current=page]{color:var(--accent);background:#e8f2ff}.header-meta{display:flex;gap:var(--space-3);align-items:center}.connection-status{display:flex;gap:var(--space-2);align-items:center;margin:0;color:var(--text-secondary);font-size:.8rem;white-space:nowrap}.connection-status__dot{width:.6rem;height:.6rem;background:var(--positive);border-radius:50%}.user-control{display:inline-flex;gap:var(--space-2);align-items:center;min-height:2.75rem;padding:var(--space-1) var(--space-2);color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.83rem}.user-control:disabled{opacity:1;cursor:not-allowed}.user-control__avatar{display:grid;width:1.8rem;height:1.8rem;color:#fff;background:var(--accent);border-radius:50%;place-items:center;font-size:.72rem;font-weight:700}.page-intro{display:flex;gap:var(--space-8);justify-content:space-between;align-items:end;padding:var(--space-8) 0 var(--space-10);border-bottom:1px solid var(--border)}.page-intro p:not(.eyebrow){max-width:60ch;margin:var(--space-4) 0 0}.button{min-height:2.75rem;padding:.65rem var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;transition:background var(--motion-fast),border-color var(--motion-fast),transform var(--motion-fast)}.button:active{transform:translateY(1px)}.button--primary{color:#fff;background:var(--accent)}.button--primary:hover{background:var(--accent-hover)}.button--secondary{color:var(--accent);background:#fff;border-color:var(--border-strong)}.button--secondary:hover{background:var(--surface-muted)}.test-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:var(--space-5);padding-top:var(--space-8)}.panel{min-height:18rem;padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.panel--feature{background:linear-gradient(145deg,#fff 0%,#f0f7ff 100%)}.panel p:not(.eyebrow){margin:var(--space-3) 0}.keyline{width:3rem;margin:var(--space-6) 0;border-top:3px solid var(--accent)}.definition-list{display:grid;gap:var(--space-2);margin:0}.definition-list div{display:flex;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border)}.definition-list dt{color:var(--text-secondary)}.definition-list dd{margin:0;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem}.skeleton{display:grid;gap:var(--space-3);margin:var(--space-6) 0}.skeleton span{display:block;height:.75rem;background:#dce8f5;border-radius:var(--radius-sm)}.skeleton span:nth-child(2){width:78%}.skeleton span:nth-child(3){width:56%}.check-list{padding:0;margin:var(--space-5) 0;list-style:none}.check-list li{padding:var(--space-2) 0 var(--space-2) 1.5rem;border-bottom:1px solid var(--border);color:var(--text-secondary)}.check-list li::before{content:"✓";display:inline-block;width:1.5rem;margin-left:-1.5rem;color:var(--positive);font-weight:800}.modal[hidden]{display:none}.modal{position:fixed;z-index:50;inset:0;display:grid;padding:var(--space-4);overscroll-behavior:contain;place-items:center}.modal__backdrop{position:absolute;inset:0;background:rgb(16 42 67 / 58%)}.modal__dialog{position:relative;width:min(100%,31rem);padding:var(--space-8);background:var(--surface);border:1px solid #fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.modal__dialog h2{margin-bottom:var(--space-3)}.modal__duck{float:right;margin:-1rem -1rem var(--space-2) var(--space-4)}.modal__close{position:absolute;top:var(--space-3);right:var(--space-3);display:grid;width:2.75rem;height:2.75rem;color:var(--text-secondary);background:transparent;border:0;border-radius:50%;font-size:1.6rem;place-items:center}.modal__close:hover{background:var(--surface-muted)}.modal__contract{padding:var(--space-2) var(--space-3);background:var(--surface-muted);border-left:3px solid var(--accent);color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem}.modal__dialog .button{margin-top:var(--space-2)}@media(max-width:1050px){.site-header__inner{grid-template-columns:auto 1fr;padding-block:var(--space-3)}.primary-nav{grid-row:2;grid-column:1/-1;overflow-x:auto}.primary-nav ul{justify-content:flex-start;min-width:max-content}.header-meta{justify-self:end}.test-grid{grid-template-columns:1fr 1fr}.panel--feature{grid-column:1/-1;min-height:auto}}@media(max-width:640px){.site-header__inner{gap:var(--space-3)}.brand__copy span,.connection-status span:last-child,.user-control>span:last-child{display:none}.header-meta{gap:var(--space-2)}.test-grid{grid-template-columns:1fr}.panel--feature{grid-column:auto}.page-intro{display:grid;gap:var(--space-5);align-items:start}.page-intro .button{justify-self:start}.modal__dialog{padding:var(--space-6)}}
.nav-pending{display:block;padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:.9rem;font-weight:600;opacity:.68}
.site-footer{display:flex;gap:var(--space-4);justify-content:space-between;align-items:center;min-width:0;padding-top:var(--space-4);padding-bottom:var(--space-8);color:var(--text-secondary);border-top:1px solid var(--border);font-size:.78rem;line-height:1.5}.site-footer a{flex:none;color:var(--text-secondary);text-decoration:none;text-underline-offset:.18em}.site-footer a:hover{color:var(--accent);text-decoration:underline}@media(max-width:640px){.site-footer{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.site-footer a{max-width:100%;overflow-wrap:anywhere}}

/* Homepage now shares the Detail header's compact two-sided brand language. */
.site-header:not(.site-header--detail) .site-header__inner{grid-template-columns:minmax(0,1fr) auto}.site-header:not(.site-header--detail) .brand__mark{border-radius:50%;object-fit:cover}.site-header:not(.site-header--detail) .brand__copy{min-width:0}.site-header:not(.site-header--detail) .brand__copy strong{font-size:1.25rem;font-weight:700}.site-header:not(.site-header--detail) .brand__copy span{margin-top:.2rem;font-size:.75rem;font-weight:500;line-height:1.25;white-space:normal}.header-user{color:var(--text-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.header-meta form{margin:0}.header-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.45rem var(--space-3);color:var(--accent);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;text-decoration:none}.header-link:hover{background:var(--surface-muted)}.header-link--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.header-link--primary:hover{background:var(--accent-hover)}@media(max-width:1050px){.site-header:not(.site-header--detail) .site-header__inner{grid-template-columns:minmax(0,1fr) auto}}@media(max-width:640px){.site-header:not(.site-header--detail) .site-header__inner{gap:var(--space-2)}.site-header:not(.site-header--detail) .brand{gap:var(--space-2)}.site-header:not(.site-header--detail) .brand__copy span{display:block;max-width:13rem}.site-header:not(.site-header--detail) .header-meta{gap:var(--space-1)}.site-header:not(.site-header--detail) .header-user{display:none}.site-header:not(.site-header--detail) .header-link{padding:.35rem var(--space-2);font-size:.82rem}}

/* 737O-R6: the homepage header is a white card on the same container primitive as main. */
.site-header:not(.site-header--detail){padding-top:var(--space-4);background:transparent;border-bottom:0}.site-header:not(.site-header--detail) .site-header__inner{min-height:5.25rem;padding-inline:var(--space-5);background:rgb(255 255 255 / 94%);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}@media(max-width:640px){.site-header:not(.site-header--detail){padding-top:var(--space-3)}.site-header:not(.site-header--detail) .site-header__inner{min-height:4.5rem;padding-inline:var(--space-3)}}

.account-menu{position:relative}.account-menu__options{position:absolute;right:0;top:100%;z-index:30;min-width:150px;padding:8px;background:var(--surface,#fff);border:1px solid var(--border,#dce4ed);border-radius:12px;box-shadow:0 8px 24px #172b4d20}.account-menu__options[hidden]{display:none}.account-menu__options .header-link{display:block;width:100%;text-align:left;padding:12px;min-height:44px}.account-menu [data-account-toggle]{min-height:44px;cursor:pointer}

/* G11B: bound only the displayed username; preserve the account arrow. */
.account-menu [data-account-toggle]{gap:.35rem;max-width:14rem;min-width:0}
.account-menu__username{min-width:0;max-width:11rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-menu__arrow{flex:none}
@media(max-width:900px){.account-menu [data-account-toggle]{max-width:7rem}.account-menu__username{max-width:4.5rem}.site-header .brand{min-width:0}.site-header .header-meta,.detail-user-area{min-width:0;flex-wrap:wrap;justify-content:flex-end;max-width:7rem}}