:root { color-scheme: light; --ink:#111; --muted:#444; --line:#ccc; --bg:#faf8f4; --btn:#111; --btnt:#fff; }
* { box-sizing: border-box; }
html,body { margin:0; padding:0; }
body { font: 18px/1.45 Georgia, "Times New Roman", serif; color:var(--ink); background:var(--bg); }
header, main, footer { max-width: 38rem; margin: 0 auto; padding: 1rem 1.1rem; }
header { border-bottom: 1px solid var(--line); }
header a { color: var(--ink); text-decoration: none; font-weight: 700; letter-spacing: .04em; font-size: .85rem; }
h1 { font-size: 1.65rem; line-height: 1.2; margin: 1.2rem 0 .8rem; }
p { margin: 0 0 .85rem; }
.muted, .disc, footer { color: var(--muted); font-size: .92rem; }
.cta { display:flex; flex-direction:column; gap:.6rem; margin: 1.3rem 0 1rem; }
a.btn { display:inline-block; background:var(--btn); color:var(--btnt); padding:.7rem 1rem; text-decoration:none; font: 600 1rem/1.2 system-ui, sans-serif; }
a.btn.alt { background:transparent; color:var(--ink); border:2px solid var(--ink); }
.disc { border-top: 1px solid var(--line); padding-top: .8rem; }
footer { border-top: 1px solid var(--line); margin-top: 2rem; }
@media (max-width: 40rem) { body { font-size: 17px; } }