[hidden]{display:none!important}
html{scroll-padding-top:24px}
body{overflow-wrap:break-word}
header nav{gap:22px}
header nav a{font-size:14px}
header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
header nav .button{padding:12px 16px;font-size:14px;gap:12px}
.logo small{font-size:12px;letter-spacing:.08em}
.page-intro{padding:85px max(5%,calc((100vw - 1320px)/2)) 65px;background:var(--forest);color:var(--cream)}
.page-intro .eyebrow{color:#d4caa8}
.page-intro h1{font-size:clamp(2.65rem,5.5vw,4.5rem);max-width:1050px}
.page-lead{max-width:770px;font-size:1.2rem;line-height:1.7;margin-top:26px;color:#e0e5dc}
.comparison{width:100%;border-collapse:collapse;min-width:650px}
.comparison caption{text-align:left;color:var(--muted);font-size:15px;padding:0 0 16px}
.comparison th,.comparison td{text-align:left;vertical-align:top;padding:22px 18px;border-bottom:1px solid #bcc7b8;line-height:1.6}
.comparison thead th{background:var(--forest);color:white;font-weight:500}
.comparison tbody th{width:25%;font-weight:600}
.comparison td{width:37.5%}
.closing{background:#e8eade;display:grid;grid-template-columns:1.4fr 1fr;gap:55px;align-items:center}
.closing p{margin-top:22px;max-width:600px}
.closing>div:nth-child(2){justify-self:end}
.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0}
.footer-links a{font-size:14px;text-decoration:underline;text-underline-offset:4px}
.decision-graphic{align-self:start;background:white;padding:32px;border:1px solid #cbd1c4;box-shadow:0 12px 30px #2139270a}
.decision-graphic .document-brand{padding-bottom:20px;border-bottom:1px solid var(--line)}
.sample-metric{padding:30px 0}
.sample-metric>span{font-size:13px;letter-spacing:.06em;font-weight:600;color:#68572d}
.sample-metric>strong{font:500 3.6rem var(--display);display:block;margin:15px 0}
.sample-metric p{font-size:16px;margin-top:12px}
.mini-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 0}
.mini-compare strong{font:500 2.5rem var(--display)}
.mini-compare>div{padding:15px 0;border-bottom:3px solid var(--gold)}
.math-line{background:#eef0e8;padding:20px;margin:25px 0;font-size:18px}
.sample-caution{font-size:14px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}
.sample-log{padding:25px 0}
.sample-log dl{margin-top:15px;display:grid;grid-template-columns:1fr 1.5fr;gap:12px 20px;font-size:16px}
.sample-log dt{font-weight:600}
.sample-log dd{margin:0}
.sample-room{padding:25px 0}
.sample-room>div{padding:20px 0;border-bottom:1px solid var(--line)}
.sample-room b{font-size:14px;color:#74602c}
.sample-room p{margin-top:7px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb9745;outline-offset:6px}
.eyebrow,.report-index{font-size:14px}
section[id],article[id]{scroll-margin-top:24px}
@media(max-width:1100px){header{flex-wrap:wrap}
header nav{justify-content:space-between;width:100%;gap:16px}}
@media(max-width:700px){header{padding:22px 5%;gap:22px}
header nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:18px}
header nav .button{width:100%}
.logo{font-size:1.8rem}
.page-intro{padding:55px 6%}
.page-intro h1{font-size:2.65rem}
.page-lead{font-size:18px}
.section{padding:55px 6%}
.closing{grid-template-columns:1fr}
.closing>div:nth-child(2){justify-self:start}
.closing{gap:25px}
.decision-graphic{padding:24px}
.mini-compare strong{font-size:2.2rem}
.sample-log dl{grid-template-columns:1fr;gap:6px}
.sample-log dd{margin-bottom:12px}
.footer-links{gap:16px}
footer{gap:35px}
.comparison{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}}