:root{
  --bg:#FAFAF8; --panel:#FFFFFF; --line:#E7E2D9; --text:#1B1D22;
  --muted:#6B7178; --accent:#C75B12; --accent-ink:#8A3F0C; --max:820px;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#15171C; --panel:#1C1F26; --line:#2B2E36; --text:#EDEEF0; --muted:#9AA0AA; --accent:#E07A33; --accent-ink:#F0A46A; }
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--text); font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.wrap{max-width:var(--max); margin:0 auto; padding:0 20px}
header{border-bottom:1px solid var(--line); padding:16px 0}
.logo{font-weight:700}
.logo span{color:var(--accent)}
.logo a{color:inherit; text-decoration:none}
main{padding:40px 0 60px}
h1{font-size:28px; margin:0 0 24px}
p{color:var(--text); font-size:15px; margin:0 0 14px}
strong{color:var(--accent-ink)}
a{color:var(--accent-ink)}
footer{border-top:1px solid var(--line); margin-top:20px; padding:26px 0 40px; color:var(--muted); font-size:13px; text-align:center}
footer a{color:var(--muted)}