:root{--bg:#faf7f3;--surface:#fff;--text:#292524;--muted:#6b6259;--accent:#8a5a33;--border:#e2d9cd;--heading:'Arial Black',Arial,sans-serif;--body:Inter,Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.7}
header{background:#fff;border-bottom:1px solid var(--border);padding:18px 20px}
.header-inner,main,footer{width:min(100%,820px);margin:auto}
.brand{color:var(--accent);font:800 14px var(--heading);letter-spacing:.04em;text-decoration:none;text-transform:uppercase}
main{padding:48px 20px 64px}
article{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(24px,5vw,48px);box-shadow:0 12px 35px rgba(41,37,36,.06)}
h1,h2{font-family:var(--heading);line-height:1.25;color:#1c1917}
h1{font-size:clamp(26px,5vw,40px);margin:0 0 8px}
h2{font-size:19px;margin:32px 0 8px}
p,li{font-size:15px}
.updated{color:var(--muted);font-size:13px;margin:0 0 28px}
a{color:#653f22}
ul{padding-left:22px}
.notice{background:#f3eee7;border-left:4px solid var(--accent);padding:14px 16px;border-radius:8px;margin:22px 0}
footer{padding:0 20px 36px;text-align:center;color:var(--muted);font-size:12px}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:12px}
.back{display:inline-block;margin-top:28px;font-weight:700}
@media(max-width:520px){main{padding-top:24px}article{border-radius:14px}}