:root{--bg:#FFF8EE;--surface:#FFFFFF;--text:#2B2118;--muted:rgba(43,33,24,.62);--coral:#E8553A;--line:rgba(43,33,24,.12)}
@media (prefers-color-scheme: dark){:root{--bg:#1F1915;--surface:#2A231E;--text:#F6EEE4;--muted:rgba(246,238,228,.66);--coral:#EF6A50;--line:rgba(246,238,228,.14)}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:600 16px/1.6 Nunito,system-ui,sans-serif;padding:40px 18px 64px}
main{max-width:680px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.brand svg{width:44px;height:44px;border-radius:12px}
.brand b{font-weight:900;font-size:20px}
h1{font-weight:900;font-size:30px;line-height:1.2;margin:0 0 6px}
h2{font-weight:800;font-size:19px;margin:30px 0 6px}
p,li{color:var(--muted)}
strong{color:var(--text)}
a{color:var(--coral)}
.meta{font-size:14px;margin-bottom:22px}
.lang{float:right;font-size:14px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 20px}