[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}
.compact{padding-top:60px;padding-bottom:60px}
.small-copy{font-size:15px;line-height:1.65;color:var(--muted)}
.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}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #bb9745;outline-offset:6px}
.eyebrow{font-size:14px}
a.text-link{display:inline-block}
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}
.footer-links{gap:16px}
footer{gap:35px}
.comparison{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}}