:root{color-scheme:light;--ink:#192333;--muted:#526074;--paper:#f8f7f3;--white:#fff;--line:#dce1e5;--accent:#b45534;--accent-dark:#8d3a1f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent-dark);text-underline-offset:.18em}
a:hover{text-decoration-thickness:.12em}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:2px}
.wrap{width:min(100% - 40px,900px);margin-inline:auto}
.skip{position:absolute;left:-9999px;top:8px;background:var(--white);padding:8px 12px;z-index:5}
.skip:focus{left:12px}
.site-header{background:var(--white);border-bottom:1px solid var(--line)}
.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}
.brand{font-weight:760;letter-spacing:-.03em;color:var(--ink);text-decoration:none;font-size:1.1rem}
.brand span{color:var(--accent-dark)}
nav{display:flex;flex-wrap:wrap;gap:14px 24px}
nav a{color:var(--ink);font-weight:600;text-decoration:none}
nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px}
.hero{padding:clamp(54px,9vw,104px) 0 58px}
.eyebrow{color:var(--accent-dark);font-size:.78rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}
h1,h2{font-family:Georgia,serif;line-height:1.15;letter-spacing:-.035em}
h1{font-size:clamp(2.7rem,6vw,4.6rem);margin:14px 0 22px}
h2{font-size:clamp(1.55rem,3vw,2.1rem);margin:0 0 14px}
p{margin:0 0 1em}
.lede{color:var(--muted);font-size:clamp(1.1rem,2.2vw,1.35rem);max-width:760px;line-height:1.55}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;margin-top:34px}
.button{display:inline-block;background:var(--accent-dark);color:var(--white);padding:12px 20px;text-decoration:none;border-radius:6px;font-weight:700}
.button:hover{background:#712b16}
.text-link{font-weight:700}
.panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,44px);box-shadow:0 12px 35px #1923330a}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-left:20px;margin:24px 0 12px}
.steps li{padding-left:5px}
.section-small{padding:60px 0 76px;max-width:760px}
.article{padding-top:50px;padding-bottom:80px;max-width:760px}
.article h2{margin:38px 0 12px}
.article .lede{margin-bottom:24px}
.review-note{padding:16px 18px;background:#fff2e8;border-left:4px solid var(--accent);border-radius:4px}
code{background:#e9ecef;padding:.08em .3em;border-radius:4px;font-size:.9em;overflow-wrap:anywhere}
.site-footer{background:var(--white);border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
.site-footer nav a{font-size:.9rem}
@media(max-width:650px){.wrap{width:min(100% - 32px,900px)}.header-inner,.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:16px}.header-inner{gap:8px}.steps{grid-template-columns:1fr;gap:12px}.hero{padding:52px 0 42px}.section-small{padding:44px 0 60px}.article{padding-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}