/* Shared shell: reuse on future pages with site_shell.py. */
.site-header{position:relative;z-index:30}
.header-inner{position:relative}
.site-header .primary-nav{margin-left:auto}
.site-menu{position:static;flex-shrink:0}
.site-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;border:1px solid #789abb;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap;color:#ecf7ff;background:#173553}
.site-menu>summary::-webkit-details-marker{display:none}
.site-menu>summary:hover,.site-menu[open]>summary{background:#24496e;border-color:#b9e9ff}
.menu-icon{width:16px;display:grid;gap:5px}.menu-icon i{height:2px;background:currentColor;display:block;transition:transform .15s}
.site-menu[open] .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}
.site-menu[open] .menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.site-header .menu-panel{position:absolute;inset:calc(100% - 2px) 0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;background:#0d2540;border:1px solid #4c7296;border-top:3px solid #aaeaff;border-radius:0 0 20px 20px;padding:28px;margin:0;box-shadow:0 22px 44px #06132655;max-height:calc(100dvh - 85px);overflow:auto;align-items:start;font-size:13px}
.nav-group{min-width:0}
.nav-group-title{color:#beeaff;font-weight:800;line-height:1.4;font-size:14px;letter-spacing:0;margin:0 0 14px}
.site-header .menu-panel .nav-group a,.footer-nav .nav-group a{display:flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5;font-weight:600;color:#ecf4fd;margin:0;padding:7px 0;overflow-wrap:break-word;hyphens:auto}
.site-header .menu-panel .nav-group a:hover,.footer-nav .nav-group a:hover{color:#c6f3ff;text-decoration:underline;text-underline-offset:5px}
.site-header :focus-visible,.site-footer :focus-visible{outline-color:#c6f3ff}
.footer-intro{display:flex;align-items:center;gap:48px;padding-block:40px 30px}
.footer-intro p{font-size:14px;color:#d0e0ef;line-height:1.7}
.footer-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding-bottom:36px}
.footer-bottom{border-top:1px solid #7393b34d}
@media(max-width:900px){.header-inner{gap:17px}.site-header .primary-nav{gap:20px}.site-header .menu-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 36px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 40px}}
@media(max-width:760px){.site-header .primary-nav{display:none}.header-inner>.age-pill{margin-left:auto}.header-inner{gap:14px}.site-header .menu-panel{max-height:calc(100dvh - 78px)}.site-header .menu-panel .nav-group a{display:flex;font-size:13px}}
@media(max-width:540px){.site-menu>summary{padding:9px 11px;font-size:12px;gap:9px}.menu-icon{width:14px}.header-inner{height:66px;gap:11px}.site-header .menu-panel{inset:100% -4px auto;padding:23px 19px;grid-template-columns:minmax(0,1fr);gap:20px;max-height:calc(100dvh - 78px)}.site-header .nav-group{border-bottom:1px solid #6388a94d;padding-bottom:12px}.site-header .nav-group:last-child{border:0;padding-bottom:0}.nav-group-title{margin-bottom:7px}.site-header .menu-panel .nav-group a{font-size:14px;min-height:44px}.footer-intro{display:block;padding-block:32px 26px}.footer-intro p{font-size:13px;margin-top:20px}.footer-nav{gap:25px 20px}.footer-nav .nav-group a{font-size:12px;min-height:44px}.footer-nav .nav-group-title{font-size:13px}.footer-bottom p{font-size:12px}.footer-bottom small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.menu-icon i{transition:none}}
.site-menu>summary:after{content:none}
.site-menu .nav-group a{hyphenate-limit-chars:12 5 4}

/* Zero-height compatibility destinations for relevant historic deep links. */
.legacy-anchor{display:block;height:0;overflow:hidden;scroll-margin-top:125px}

/* Accessible compact footer and optional editorial detail. */
.footer-group {border-top:1px solid #527397;padding:1rem 0;min-width:0}.footer-group summary{cursor:pointer;font-weight:750;color:#e7f5ff;min-height:44px;display:list-item;padding:.5rem .3rem}.footer-group>div{display:grid;gap:.8rem;padding:.6rem 0}.footer-group a{display:block;min-height:32px;padding:.25rem 0;overflow-wrap:anywhere}.editorial-detail{border:1px solid #8caaca;border-radius:16px;padding:1rem;margin:1rem 0}.editorial-detail summary{font-weight:700;cursor:pointer;min-height:44px;line-height:1.5}.editorial-detail[open]>summary{margin-bottom:1rem}@media(min-width:900px){.footer-group{align-self:start}}
/* Audit revision, 7 Oct 2026: readable evidence and optional depth. */
.evidence-figure{margin:2rem 0;padding:0;max-width:100%;min-width:0;overflow:hidden;border:1px solid #9bb9d4;border-radius:18px;background:#f2f7fc;color:#14324e}.evidence-figure>a{display:block}.evidence-figure img{display:block;width:100%;height:auto;object-fit:contain}.evidence-figure figcaption{padding:1rem 1.25rem;font-size:.95rem;line-height:1.65;overflow-wrap:anywhere}.evidence-figure figcaption a{color:#075a9b;text-decoration:underline}.evidence-figure.compact-product{padding:1rem}.evidence-figure.compact-product img{max-width:734px;margin:1rem auto}.portrait-product img{max-width:398px;margin:auto}.benefit-timeline{padding:1rem 1rem 1rem 2rem;border-left:4px solid #258dc1;background:#eff8fc}.benefit-timeline li{padding:.5rem}.bonus-cap-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1rem;background:#edf6fc;border:1px solid #84add0;border-radius:18px}.bonus-cap-visual strong{display:block;font-size:1.6rem}.copy-template{width:100%;min-height:190px;padding:1rem;font:inherit;line-height:1.5;border:1px solid #7d9bb8;border-radius:12px;resize:vertical;color:#16324b;background:#fff}.scenario-buttons{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.scenario-buttons button{min-height:44px;max-width:100%;border:2px solid #35658b;border-radius:12px;padding:.6rem 1rem;background:#e9f8ff;color:#143a5b;font:inherit;font-weight:700;cursor:pointer}.scenario-buttons button:focus-visible{outline:3px solid #d48c24;outline-offset:3px}.verified-vector{border:2px solid #4c9ca2;border-radius:16px;padding:1rem;background:#effafa;overflow-wrap:anywhere}.verified-vector code{white-space:normal;overflow-wrap:anywhere}.mock-message{padding:1.2rem;border:2px dashed #b16b30;border-radius:16px;background:#fff9ee;overflow-wrap:anywhere}.incident-links{display:flex;gap:.6rem;flex-wrap:wrap}.incident-links a{padding:.65rem 1rem;border:1px solid #316a9b;border-radius:12px;min-height:44px}.release-note{padding:1rem;background:#fff4db;border-left:4px solid #b9821c}.editorial-detail{color:inherit}.editorial-detail>*{max-width:100%}.editorial-detail p{margin:.8rem 0}.editorial-detail pre{white-space:pre-wrap;overflow-wrap:anywhere}.receipt-table{max-width:100%;min-width:0}.receipt-table td,.receipt-table th{overflow-wrap:anywhere}.evidence-figure + .evidence-figure{margin-top:1rem}
@media(max-width:700px){.bonus-cap-visual{grid-template-columns:1fr}.evidence-figure figcaption{padding:.9rem;font-size:.9rem}.scenario-buttons button{flex:1 1 140px}.receipt-table table{min-width:0!important;width:100%;table-layout:fixed}.receipt-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.receipt-table tbody,.receipt-table tr,.receipt-table td,.receipt-table th{display:block;width:auto!important;max-width:100%}.receipt-table tr{padding:.5rem 0;border-bottom:1px solid #a9c2d8}.receipt-table td{padding:.7rem 1rem}.receipt-table th{padding:1rem;font-weight:800}.receipt-table td[data-label]::before{content:attr(data-label);display:block;font-size:.8em;font-weight:750;margin-bottom:.3rem;color:#456681}.receipt-table caption{display:block;line-height:1.5;padding:1rem}.editorial-detail{padding:.85rem}.footer-group a{min-height:44px}}
/* Comparison receipts need readable type in guides and operator reviews. */
.receipt-table{margin:1.5rem 0;border:1px solid #afc5da;border-radius:14px;overflow:hidden;background:#fff}.receipt-table table{width:100%;border-collapse:collapse;text-align:left}.receipt-table caption{padding:1rem;text-align:left;font-size:.9rem;line-height:1.6;background:#eaf4fd;color:#254c6c}.receipt-table th,.receipt-table td{font-size:1rem;line-height:1.65;padding:1rem;vertical-align:top;border-bottom:1px solid #d7e3ee}.receipt-table thead th{font-size:.85rem;letter-spacing:.03em;color:#fff;background:#102a44}.receipt-table tbody th{font-weight:750}.receipt-table tr:last-child>*{border-bottom:0}@media(max-width:700px){.receipt-table th,.receipt-table td{border:0}.receipt-table td[data-label]::before{font-size:.85rem}.receipt-table th{padding-bottom:.35rem}.receipt-table tr{padding:.5rem 0}}

.product-interface-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}.product-interface-pair .evidence-figure{margin:1rem 0}.product-interface-pair .evidence-figure img{width:100%;max-width:375px}@media(max-width:700px){.product-interface-pair{grid-template-columns:1fr}}

/* Scoped usability correction; existing type, palette and frost button are unchanged. */
.mobile-table-toggle{margin:1rem 0;max-width:100%;white-space:normal;min-height:44px}
.mobile-table-toggle[hidden]{display:none!important}
@media(max-width:700px){tr.mobile-table-extra{display:none!important}}