:root { --bg:#f6efe2; --card:#fffaf1; --text:#3b2a1a; --muted:#7a6448; --accent:#d9792b; --line:#e6d8c2; }
@media (prefers-color-scheme: dark) { :root { --bg:#1d1712; --card:#2a221b; --text:#f1e6d6; --muted:#bfa98b; --accent:#f0913f; --line:#3d3226; } }
* { 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: 760px; margin: 0 auto; padding: 40px 16px 64px; }
header { text-align:center; margin-bottom: 32px; }
.mark { width:64px; height:auto; }
h1 { font-family: Marcellus, Georgia, serif; font-weight:400; font-size: 44px; margin: 8px 0 4px; letter-spacing: .5px; }
.tag { color: var(--muted); letter-spacing: 3px; text-transform: uppercase; font-size: 13px; margin:0; }
h2 { font-family: Marcellus, Georgia, serif; font-weight:400; font-size: 26px; margin: 36px 0 8px; }
h3 { font-size: 18px; margin: 24px 0 4px; }
section.card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 8px 24px 20px; margin-top: 20px; }
a { color: var(--accent); }
nav { display:flex; gap:20px; justify-content:center; flex-wrap:wrap; margin-top: 16px; }
nav a { text-decoration:none; font-weight:600; }
.meta { color: var(--muted); font-size: 15px; }
footer { text-align:center; color: var(--muted); font-size: 14px; margin-top: 48px; }
ul { padding-left: 22px; }