/* The reading pages: privacy, terms, 404. Paper, because these are the town's paperwork. */
:root{color-scheme:light;--paper:#f1e6cd;--ink:#2a2118;--muted:#5d4f3c;--ember:#b3401e;--line:#cdbd98}
*{box-sizing:border-box}
html{font-size:112.5%}
body{margin:0;background:#160b2e;color:var(--ink);font-family:"Plus Jakarta Sans",system-ui,sans-serif;line-height:1.6}
.page{max-width:760px;margin:32px auto;padding:48px clamp(20px,6vw,64px) 56px;background:var(--paper);border-radius:8px;box-shadow:0 30px 70px -30px #000}
h1,h2{font-family:"Abril Fatface",Georgia,serif;font-weight:400;line-height:1.1;text-wrap:balance}
h1{font-size:clamp(2rem,1.4rem + 3vw,3.2rem);margin:.2em 0 .4em}
h2{font-size:1.45rem;margin:1.8em 0 .4em}
p,li{max-width:66ch}
ul{padding-left:1.2em}
li{margin:.3em 0}
a{color:var(--ember)}
:focus-visible{outline:2px solid var(--ember);outline-offset:3px;border-radius:4px}
.eyebrow{margin:0;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ember)}
.dated,.fine{color:var(--muted);font-size:.86rem}
.short{padding:16px 20px;border-left:4px solid var(--ember);background:#e9dcbd;border-radius:0 6px 6px 0}
.back{display:inline-block;margin-top:1em;padding:10px 18px;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:700;text-decoration:none}
footer{margin-top:2.5em;padding-top:1em;border-top:1px dashed var(--line);font-size:.86rem;color:var(--muted)}
@media (max-width:600px){.page{margin:0;border-radius:0}}