:root { color-scheme: light; --ink:#3c2b22; --muted:#706157; --paper:#fffaf0; --border:#e6d3b5; --accent:#8b471d; }
* { box-sizing:border-box; }
body { margin:0; background:#f6ecd9; color:var(--ink); font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--accent); text-underline-offset:.18em; }
a:hover { color:#4b260e; }
a:focus-visible { outline:3px solid #be721e; outline-offset:4px; }
.wrap { width:min(920px,100% - 40px); margin:auto; }
header { padding:24px 0; border-bottom:1px solid var(--border); }
header .wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { font-size:22px; font-weight:800; text-decoration:none; color:var(--ink); }
nav { display:flex; flex-wrap:wrap; gap:20px; font-size:15px; }
main { margin:38px auto 60px!important; padding:40px 44px; border:1px solid var(--border); border-radius:18px; background:var(--paper); }
h1 { margin:0 0 10px; font-size:clamp(30px,5vw,42px); line-height:1.15; letter-spacing:-.025em; }
h2 { margin:32px 0 10px; font-size:23px; line-height:1.3; }
p { margin:12px 0; }
.eyebrow,.updated { color:var(--muted); font-size:14px; }
.eyebrow { text-transform:uppercase; letter-spacing:.08em; font-weight:700; margin:0 0 12px; }
.intro { font-size:19px; }
.callout { margin:24px 0; padding:18px 22px; background:#f3e4c9; border-left:4px solid #c78c45; border-radius:0 9px 9px 0; }
.callout p:first-child { margin-top:0; }
.callout p:last-child { margin-bottom:0; }
li { margin:10px 0; }
.cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:28px; }
.card { display:block; padding:24px; border:1px solid var(--border); border-radius:12px; text-decoration:none; color:var(--ink); }
.card h2 { margin:0 0 10px; }
.card p { color:var(--muted); margin:0; }
footer { padding:0 0 30px; color:var(--muted); font-size:14px; }
@media(max-width:620px) {
  .wrap { width:calc(100% - 24px); }
  header .wrap { align-items:flex-start; flex-direction:column; gap:8px; }
  main { padding:28px 22px; margin-top:24px!important; }
  .cards { grid-template-columns:1fr; }
}