:root{color-scheme:light;--ink:#233b3e;--muted:#4b6263;--cream:#fff8ee;--line:#ded1c2;--rust:#9e3d27;--card:#fffdf8;font-family:Atkinson Hyperlegible Next,system-ui,sans-serif;color:var(--ink);background:var(--cream)}
*,*::before,*::after{box-sizing:border-box}body{margin:0;line-height:1.59}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid #387987;outline-offset:4px}[hidden]{display:none!important}
.wrap{width:min(1120px,calc(100% - 60px));margin-inline:auto}.top,.bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.1rem}.top{border-bottom:1px solid var(--line)}.top nav,.bottom nav,.crumb{display:flex;gap:1rem;flex-wrap:wrap;font-size:.92rem}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:800;line-height:1.2}.brand img{flex:none}
.skip{position:absolute;top:.45rem;left:.45rem;padding:.7rem;background:#fff;transform:translateY(-155%);z-index:2}.skip:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
h1,h2{font-family:Georgia,serif;line-height:1.04;letter-spacing:-.045em;font-weight:600;margin:0;text-wrap:balance}h1{font-size:clamp(3.15rem,7.5vw,6.5rem)}h2{font-size:clamp(2rem,4vw,3.6rem)}p{margin:.7rem 0 1.05rem}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:1.4rem;margin-top:1.6rem}.hero>div{padding:1rem 1rem 1rem 0}.hero img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:3px 36px 3px 3px;background:#e9d2b6}.hero p,.lead{font-size:1.18rem;color:var(--muted);max-width:52ch}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:.55rem .95rem;border-radius:5px;background:var(--rust);color:#fff;font-weight:750;font-size:.92rem;text-decoration:none;white-space:nowrap}.button:hover{background:#7d2f1e}
.essentials{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1.25rem;background:var(--line);border:1px solid var(--line)}.essentials>div{padding:1rem 1.1rem;background:#f2e5d7}.essentials h2{font-size:1.58rem}.essentials p{margin-bottom:0;color:var(--muted)}
.compare,.guide-index,.faq{margin-block:3.7rem}.compare-head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.compare-head p,#model-count{color:var(--muted)}.compare-head label{font-weight:750}.compare-head select{display:block;font:inherit;min-height:43px;min-width:10rem;background:#fff;border:1px solid #8e9a95;border-radius:4px;padding:.4rem;margin-top:.3rem;color:var(--ink)}
.table{overflow:auto;border:1px solid var(--line);border-radius:7px;background:var(--card)}table{width:100%;min-width:570px;border-collapse:collapse;text-align:left}thead{background:#e8eae1}th,td{padding:.7rem .85rem;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:last-child>*{border-bottom:0}.model{display:flex;align-items:center;gap:.7rem}.model img{width:66px;height:66px;object-fit:contain;background:white;border-radius:4px;padding:.25rem}
.guides{display:grid;grid-template-columns:1fr 1fr;gap:0 1.3rem;margin-top:1rem}.guides a{padding:1rem 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.2rem}.guides span{color:var(--muted)}.faq h2{margin-bottom:1rem}.faq details{border-top:1px solid var(--line);padding:.85rem 0}.faq summary{font-weight:750;cursor:pointer}
.bottom{border-top:1px solid var(--line);align-items:flex-start;flex-wrap:wrap;padding-bottom:2rem}.bottom p{margin-bottom:0;color:var(--muted)}.interior{min-height:53vh;padding-block:1.7rem 4rem}.interior h1{font-size:clamp(2.5rem,5.7vw,4.75rem)}.crumb{margin-bottom:1.25rem}.detail{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:2rem}.photo{border:1px solid var(--line);border-radius:8px;background:white}.photo img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:1rem}
dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem}dt{font-weight:750}dd{margin:0}.prose{max-width:72ch;margin-top:2rem}.prose h2{font-size:clamp(1.7rem,3vw,2.55rem)}.prose section{margin:1.6rem 0}.policy-date{color:var(--muted)}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.hero,.detail{grid-template-columns:1fr}.hero img{aspect-ratio:2/1}}
@media(max-width:520px){.wrap{width:calc(100% - 27px)}.top nav{gap:.6rem;font-size:.83rem}.brand{font-size:.83rem}.brand img{width:30px;height:30px}.essentials,.guides{grid-template-columns:1fr}.compare-head,.bottom{align-items:flex-start;flex-direction:column}.model img{width:49px;height:49px}}