:root{--paper:#FAF6F0;--surface:#FFFFFF;--ink:#2B241F;--ink2:#7A6E64;--coral:#E0583A;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--paper:#171411;--surface:#25211C;--ink:#F5EFE7;--ink2:#B4A99E;--coral:#F06A4C}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 ui-rounded,-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",sans-serif;padding:24px 16px}
main{max-width:720px;margin:0 auto;background:var(--surface);border-radius:22px;padding:28px 24px;box-shadow:0 8px 24px -12px rgba(43,36,31,.25)}
header{max-width:720px;margin:0 auto 16px;display:flex;align-items:center;gap:12px}
header a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:20px}
header img{width:40px;height:40px;border-radius:10px}
h1{margin:0 0 4px;font-size:30px;line-height:1.2}
h2{font-size:19px;margin:28px 0 6px}
p,li{color:var(--ink2)}
a{color:var(--coral)}
.date{font-size:14px}
.hero{text-align:center;padding:36px 16px}
.hero img{width:120px;height:120px;border-radius:27px;box-shadow:0 10px 24px -10px rgba(224,88,58,.6)}
.hero p{font-size:19px;margin:8px auto 0;max-width:460px}
.links{display:flex;justify-content:center;gap:20px;margin-top:28px;flex-wrap:wrap}
footer{max-width:720px;margin:20px auto 0;text-align:center;font-size:14px;color:var(--ink2)}
footer a{color:var(--ink2);margin:0 8px}