:root { --coral:#E8735A; --bg:#FAF9F7; --surface:#fff; --text:#1A1A19; --muted:#6B6B68; --border:#E8E7E4; --font:-apple-system,blinkmacsystemfont,'SF Pro Display',system-ui,sans-serif; }
@media (prefers-color-scheme:dark) { :root { --bg:#141413; --surface:#1D1D1B; --text:#F5F4F2; --muted:#A8A8A3; --border:#30302D; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font); font-size:17px; line-height:1.7; }
.container { max-width:760px; margin:0 auto; padding:0 24px 64px; }
nav { border-bottom:1px solid var(--border); padding:16px 0; margin-bottom:40px; }
a { color:var(--coral); }
nav a { text-decoration:none; font-weight:650; }
h1 { font-size:34px; line-height:1.15; margin-bottom:8px; }
h2 { font-size:21px; margin:34px 0 8px; }
p, li { color:var(--muted); }
.date { color:var(--muted); font-size:14px; }
.notice { background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:16px 18px; margin:24px 0; }
.notice strong { color:var(--text); }
footer { border-top:1px solid var(--border); margin-top:48px; padding-top:24px; color:var(--muted); font-size:14px; }