:root{--bg:#f7f3ea;--paper:#fffdf8;--text:#1c1b18;--muted:#6f6a60;--rule:#d8d1c2;--accent:#b63824;--accent-dark:#842819;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",Times,serif}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--text);font-family:var(--serif);font-size:18px;line-height:1.65}
body{margin:0}
a{color:var(--accent-dark);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent)}
.skip-link{position:absolute;left:-999px;top:10px;background:var(--text);color:#fff;padding:8px 12px;z-index:2}
.skip-link:focus{left:10px}
.page{width:min(100% - 40px,880px);margin:0 auto;padding:30px 0 56px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:88px;font-family:var(--sans);font-size:.88rem;letter-spacing:.02em}
.brand{color:var(--text);font-weight:750;text-decoration:none}
nav{display:flex;gap:22px}
nav a{color:var(--muted);text-decoration:none}
nav a:hover{color:var(--text)}
main{max-width:720px}
h1,h2{font-weight:500;letter-spacing:-.025em;line-height:1.08}
h1{max-width:700px;margin:0 0 28px;font-size:clamp(2.8rem,7vw,5.2rem)}
h2{margin:0 0 18px;font-size:1.55rem}
p{margin:0 0 1.15em}
.intro{padding-bottom:62px;border-bottom:1px solid var(--rule)}
.eyebrow{margin-bottom:20px;color:var(--accent);font-family:var(--sans);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.eyebrow span{color:var(--muted);margin-left:8px}
.lede{max-width:680px;font-size:1.24rem;line-height:1.55}
.button{display:inline-block;margin-top:12px;padding:11px 18px;border-radius:999px;background:var(--accent);color:#fff!important;font-family:var(--sans);font-size:.88rem;font-weight:700;text-decoration:none}
.button:hover{background:var(--accent-dark)}
.fine,.note{color:var(--muted);font-size:.88rem}
section:not(.intro){padding:48px 0;border-bottom:1px solid var(--rule)}
ul,ol{margin:0 0 22px;padding-left:24px}
li{margin:7px 0;padding-left:5px}
.steps{list-style-position:outside}
.steps li{margin-bottom:14px}
.closing{border-bottom:0!important}
.closing h2{font-size:2rem}
footer{display:flex;justify-content:space-between;gap:20px;padding-top:24px;margin-top:30px;color:var(--muted);font-family:var(--sans);font-size:.76rem}
@media(max-width:620px){html{font-size:17px}.page{width:min(100% - 28px,880px);padding-top:22px}.site-header{margin-bottom:58px}.intro{padding-bottom:48px}section:not(.intro){padding:40px 0}footer{align-items:flex-start;flex-direction:column}}