/* mettl website: plain, calm, readable. No external fonts, scripts or trackers. */
:root { --paper:#FAF8F5; --ink:#3D2B1F; --muted:#6F5E52; --line:#DDD3C8; --accent:#AB3F1D; --card:#FFFFFF; }
@media (prefers-color-scheme: dark) {
  :root { --paper:#1B130E; --ink:#F2ECE4; --muted:#B7A99C; --line:#3A2D24; --accent:#E2784F; --card:#241A14; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width: 42rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
header.site { display:flex; align-items:baseline; gap:.75rem; padding-bottom:1.25rem; border-bottom:1px solid var(--line); margin-bottom:2rem; }
header.site a.brand { font-family: Georgia,"Times New Roman",serif; font-size:1.7rem; font-weight:700; color:var(--ink); text-decoration:none; letter-spacing:.01em; }
header.site span { color:var(--muted); font-size:.95rem; }
h1 { font-family: Georgia,"Times New Roman",serif; font-size:2rem; line-height:1.2; margin:0 0 .35rem; }
h2 { font-family: Georgia,"Times New Roman",serif; font-size:1.3rem; line-height:1.3; margin:2.25rem 0 .5rem; }
p, li { margin:.6rem 0; }
ul, ol { padding-left: 1.3rem; }
a { color: var(--accent); }
.meta { color:var(--muted); font-size:.95rem; margin:0 0 1.5rem; }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:1rem 1.25rem; margin:1.25rem 0; }
.todo { background:#FFE98A; color:#3D2B1F; padding:0 .25em; border-radius:3px; }
footer.site { margin-top:3rem; padding-top:1.25rem; border-top:1px solid var(--line); color:var(--muted); font-size:.92rem; }
footer.site a { margin-right:1rem; }