@font-face { font-family: Cinzel; src: url(/fonts/cinzel.ttf) format("truetype"); font-weight: 400 900; font-display: swap; }
:root { --bg:#FDFBF7; --tx:#1C1917; --tx2:#57534E; --acc:#B45309; --ln:#E7E0D3; }
@media (prefers-color-scheme: dark) { :root { --bg:#0F172A; --tx:#F8FAFC; --tx2:#CBD5E1; --acc:#F59E0B; --ln:#334155; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--tx); font:17px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 72px 24px; }
h1 { font-family: Cinzel, serif; font-weight: 700; font-size: clamp(32px, 7vw, 52px); line-height: 1.1; margin: 0 0 16px; }
h2 { font-family: Cinzel, serif; font-size: 22px; margin: 40px 0 8px; }
p, li { color: var(--tx2); }
a { color: var(--acc); }
.code { border-left: 3px solid var(--acc); padding: 8px 16px; font-style: italic; }
footer { border-top: 1px solid var(--ln); margin-top: 56px; padding-top: 16px; font-size: 15px; }