:root { --bg:#f3f1e9; --card:#fffdf8; --text:#1d2a27; --muted:#5b6b66; --accent:#0d6b57; --gold:#c9a24a; --line:#e3dccb; }
@media (prefers-color-scheme: dark) { :root { --bg:#06191a; --card:#0f2e2a; --text:#eef3f1; --muted:#a9bbb6; --accent:#e9bf59; --gold:#e9bf59; --line:#1f4a43; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:720px; margin:0 auto; padding:32px 20px 56px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
header img { width:56px; height:56px; border-radius:14px; background:#0b3a33; padding:6px; }
header a { color:inherit; text-decoration:none; }
.brand { font-family:"New York", Georgia, serif; font-size:28px; font-weight:700; color:var(--accent); }
.tagline { color:var(--muted); font-style:italic; margin-top:-2px; }
h1 { font-family:"New York", Georgia, serif; color:var(--accent); font-size:30px; margin:0 0 6px; }
h2 { font-size:19px; margin:28px 0 8px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px 22px; margin:18px 0; }
.muted { color:var(--muted); font-size:15px; }
a { color:var(--accent); }
ul { padding-left:20px; }
nav { margin-top:36px; display:flex; gap:18px; flex-wrap:wrap; font-size:15px; }