:root{--bg:#fff;--bg-alt:#fff8dc;--ink:#171717;--ink-soft:#625d4f;--line:#eadfab;--brand:#111111;--brand-soft:#2b2b2b;--accent:#f5c400;--max:840px;--font:"Inter","Segoe UI",system-ui,-apple-system,Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.7}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.nav__in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;max-width:1140px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:1.2rem;font-weight:600;letter-spacing:.04em}
.brand__mark{width:32px;height:32px;border-radius:9px;background:var(--brand);color:var(--accent);display:grid;place-items:center;font-size:1rem}
.back{font-size:.9rem;color:var(--ink-soft);text-decoration:none;white-space:nowrap}
.back:hover{color:var(--brand)}
main{padding:56px 0 24px}
h1{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2;margin-bottom:8px}
.updated{font-size:.84rem;color:var(--ink-soft);margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid var(--line)}
h3{font-family:var(--serif);font-size:1.1rem;margin:30px 0 10px}
p,li{color:var(--ink-soft);font-size:.96rem}
p{margin-bottom:13px}
ul{margin:0 0 16px 22px;display:grid;gap:7px}
a{color:var(--brand-soft)}
.box{background:var(--bg-alt);border:1px solid var(--line);border-radius:12px;padding:22px;margin:20px 0}
.box p:last-child{margin-bottom:0}
.back-bottom{display:block;text-align:center;margin:44px 0 64px}
.back-bottom a{display:inline-block;padding:13px 26px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-weight:600;font-size:.93rem}
.back-bottom a:hover{background:var(--brand-soft)}
.footer{background:var(--brand);color:#b8b8b8;padding:26px 0;font-size:.84rem;text-align:center}
.footer a{color:#f1d867}
@media(max-width:640px){.nav__in{height:64px}main{padding:40px 0 16px}}