body{font:17px/1.7 system-ui,-apple-system,'Segoe UI',sans-serif;--max:1200px}
body main,body header,body section,body article,body aside,body div{min-width:0}
body .site-header{position:static;background:var(--paper)}
body .header-inner{min-height:80px;gap:20px}
body .site-title,body .nav-guide{color:var(--ink)}
body a{color:var(--link,var(--ink));text-decoration-thickness:1px}
body a:focus-visible,body summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
body .button{background:var(--accent);border:1px solid var(--accent);color:var(--button-ink,#fff);border-radius:6px;font-weight:750}
body .button:hover{background:var(--accent);filter:brightness(.92)}
body h1{font-size:clamp(2.8rem,4.7vw,4.8rem);line-height:1.03;letter-spacing:-.05em;max-width:1000px}
body h2{font-size:clamp(1.45rem,2.5vw,2.1rem)}
body p,body li,body h1,body h2,body h3{overflow-wrap:break-word}
body .eyebrow{font:700 11px/1.6 'Cascadia Code',Consolas,monospace;letter-spacing:.14em;color:var(--muted)}
body .lead{font-size:18px;max-width:670px;color:var(--muted)}
body .fine-print,body .cta-note{color:var(--muted)}
body .cta-note{max-width:460px}
body .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:26px}
body .text-link{font-size:14px;font-weight:700;text-decoration:none}
body .product-figure{margin:0;width:100%;min-width:0}
body .product-figure img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;background:#fff;border-radius:inherit}
body .product-figure figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px;padding-inline:2px}
body .specification{margin-top:32px;padding:22px 0;border-top:1px solid var(--line)}
body summary{cursor:pointer;font-size:14px;font-weight:750;min-height:28px}
body .fact-list{font-size:14px;columns:2;column-gap:40px;padding-left:20px;margin-top:20px}
body .fact-list li{break-inside:avoid;margin-bottom:10px}
body .prose{max-width:790px;margin:64px auto 0;font-size:17px}
body .prose h2{margin-top:46px}
body .prose img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#fff;margin:30px 0 12px;border:1px solid var(--line);border-radius:8px}
body .prose p:has(>em:only-child){color:var(--muted);font-size:13px}
body .prose table{display:block;overflow-x:auto;max-width:100%;border:1px solid var(--line)}
body .prose th{background:var(--soft)}
body .article-hero{padding:54px 0 34px;border-bottom:1px solid var(--line);max-width:none}
body .article-hero h1{font-size:clamp(2.3rem,4.2vw,4rem);max-width:940px}
body .reading-links{margin-top:30px;padding:22px 26px;background:var(--soft);border-left:3px solid var(--accent)}
body .reading-links>p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-bottom:10px}
body #TableOfContents ul{padding-left:20px;margin-bottom:0;columns:2;column-gap:34px;font-size:14px}
body #TableOfContents li{break-inside:avoid}
body .sources{overflow-wrap:anywhere}
body .related-section,body .site-footer{background:var(--soft);color:var(--muted)}
body #guides{margin:65px 0 30px;padding-top:30px;border-top:1px solid var(--line)}
body #guides h3{font-size:24px;margin:8px 0 16px}
body #guides p{max-width:720px}
body .mobile-buy{background:var(--paper)}
@media(max-width:1000px){body .header-inner{padding-inline:24px}body h1{font-size:clamp(2.8rem,6vw,4.2rem)}}
@media(max-width:760px){body{font-size:16px}body .container{width:calc(100% - 36px)}body .header-inner{padding:16px 18px;min-height:68px}body .site-title{font-size:18px;max-width:195px}body .nav-guide{font-size:11px}body h1{font-size:clamp(2.5rem,10.8vw,3.8rem)}body .lead{font-size:16px}body .hero-actions{gap:14px}body .primary-cta{width:100%}body .fact-list{columns:1}body .prose{margin-top:36px;font-size:16px}body .prose h2{margin-top:34px}body .article-hero{padding:30px 0}body .article-hero h1{font-size:2.4rem}body #TableOfContents ul{columns:1}body .reading-links{padding:20px}body #guides{margin-top:38px}body .product-figure img{max-height:420px}}

body{--ink:#172b4b;--muted:#51657e;--paper:#f4f7fc;--soft:#e3eaf7;--line:#b8c8e4;--accent:#234fc3;--link:#234fc3;--max:1210px}body .site-header{background:#234fc3;border-bottom:0}body .site-header .site-title,body .site-header .nav-guide{color:#fff}body .header-cta{background:#fff;color:#234fc3;border-color:#fff}body h1{font-weight:850;letter-spacing:-.06em}body .choice-board{display:grid;grid-template-columns:1.2fr .8fr;gap:35px 45px;padding-top:60px}body .choice-header{background:#234fc3;padding:38px;color:#fff}body .choice-header .eyebrow,body .choice-header .lead,body .choice-header .cta-note{color:#e2eafa}body .choice-header .button{background:#fff;color:#234fc3;border-color:#fff}body .choice-header .text-link{color:#fff}body .choice-tool{align-self:center;padding:24px;background:#fff;border:1px solid var(--line)}body .tool-label{font:10px/1.7 Consolas,monospace;letter-spacing:.08em;margin:20px 0 0;color:#536b8c}body .comparison-board{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:15px 40px;padding:30px;border:1px solid var(--line);background:#fff}body .comparison-board h2{font-size:36px;max-width:230px}body .comparison-board table{width:100%;border-collapse:collapse;font-size:15px}body .comparison-board th{background:#172b4b;color:#fff;text-align:left;padding:15px}body .comparison-board td{padding:16px;border-bottom:1px solid var(--line)}body .comparison-board>p{grid-column:2;font-size:13px;color:var(--muted);margin:0}body .choice-board>.specification{grid-column:1/-1;margin-top:0}body .choice-guide{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:5px solid #234fc3!important}body .choice-guide article{padding:25px;background:#fff;border:1px solid var(--line)}body .button{border-radius:0}body .prose th{background:#172b4b;color:#fff}@media(max-width:900px){body .choice-board{gap:26px}body .choice-header{padding:26px}body .comparison-board{grid-template-columns:1fr 2fr;gap:24px}}@media(max-width:760px){body .choice-board{display:block;padding-top:25px}body .choice-header{padding:25px}body .choice-tool{margin:25px 0}body .comparison-board{display:block;padding:22px}body .comparison-board h2{font-size:30px;max-width:none}body .comparison-board table{font-size:12px}body .comparison-board th,body .comparison-board td{padding:12px 8px}body .comparison-board>p{margin-top:20px}body .choice-guide{display:block}}


/* Keep the approved primary action prominent within each site's palette. */
body .primary-cta{font-size:19px;min-height:60px;padding:18px 30px;font-weight:800;border-width:2px}body .header-cta{min-height:50px;font-size:15px;font-weight:800}body .mobile-cta{font-size:18px;min-height:56px;font-weight:800}