:root{
  --bg:#140d0b;--panel:#1c1210;--cream:#f4ece1;--cream-dim:#c8b8a4;
  --copper:#c98a3f;--copper-bright:#e0a558;--line:rgba(244,236,225,.12);
  --serif:"Fraunces",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--cream);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--copper-bright);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:780px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);padding:18px 0;position:sticky;top:0;background:rgba(20,13,11,.88);backdrop-filter:blur(12px);z-index:10}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-weight:600;letter-spacing:.14em;font-size:1.05rem;color:var(--cream)}
.brand .mark{width:34px;height:34px;object-fit:contain;display:block}
main{padding:48px 0 80px}
.back{display:inline-block;color:var(--cream-dim);font-size:.9rem;margin-bottom:24px}
.back:hover{color:var(--copper-bright)}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;margin-bottom:8px}
.upd{color:var(--cream-dim);font-size:.86rem;margin-bottom:32px}
h2{font-family:var(--serif);font-weight:600;font-size:1.25rem;margin:34px 0 10px;color:var(--cream)}
p,li{color:var(--cream-dim);margin-bottom:12px}
ul{padding-left:22px}
.note{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:.86rem;margin:26px 0;color:var(--cream-dim)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--cream-dim);font-size:.84rem}
footer a{color:var(--cream-dim)}