:root { --ink:#1a1a1a; --muted:#5c5c5c; --rule:#e4e4e4; --accent:#7a5c2e; --bg:#fff; }
* { box-sizing:border-box; }
body {
  margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px; line-height:1.68; color:var(--ink); background:var(--bg);
  -webkit-text-size-adjust:100%;
}
.wrap { max-width:680px; margin:0 auto; padding:0 24px 72px; }
header.site { border-bottom:1px solid var(--rule); margin-bottom:30px; padding:30px 0 0; }
.brand { font-size:1.3rem; font-weight:600; letter-spacing:.01em; color:var(--ink); text-decoration:none; border:0; display:inline-block; }
.brand span { color:var(--accent); }
nav { margin:16px 0 18px; display:flex; flex-wrap:wrap; gap:20px; }
nav a { font-size:.93rem; color:var(--muted); text-decoration:none; border:0; }
nav a:hover, nav a.on { color:var(--accent); }
h1 { font-size:1.5rem; font-weight:600; margin:0 0 6px; }
.sub { color:var(--muted); margin:0 0 30px; }
h2 { font-size:.79rem; font-weight:600; text-transform:uppercase; letter-spacing:.09em; color:var(--muted); margin:34px 0 11px; }
p { margin:0 0 14px; }
ul { margin:0 0 14px; padding-left:20px; }
li { margin-bottom:8px; }
a { color:var(--accent); text-decoration:none; border-bottom:1px solid rgba(122,92,46,.3); }
a:hover { border-bottom-color:var(--accent); }
.muted { color:var(--muted); font-size:.94rem; }
.cards { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:0 0 8px; }
.card { border:1px solid var(--rule); border-radius:4px; padding:16px 18px; }
.card h3 { margin:0 0 6px; font-size:1rem; font-weight:600; }
.card p { margin:0; font-size:.94rem; color:var(--muted); }
footer.site { border-top:1px solid var(--rule); margin-top:46px; padding-top:18px; font-size:.85rem; color:var(--muted); }
@media (max-width:620px) {
  body { font-size:16px; }
  .wrap { padding:0 20px 52px; }
  .cards { grid-template-columns:1fr; }
  nav { gap:14px; }
}