:root{
  --bg:#0a0b10;--line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);
  --text:#eef0f4;--muted:#9aa0ac;--muted-2:#6d7381;--gold:#d8b678;--max:820px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
header{border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:11px;font-family:"Fraunces",Georgia,serif;font-size:20px;letter-spacing:.02em;color:var(--text);text-decoration:none}
.brand .mark{width:26px;height:26px;position:relative}
.brand .mark::before{content:"";position:absolute;inset:0;border:1.5px solid var(--gold);border-radius:50%}
.brand .mark::after{content:"";position:absolute;inset:7px;background:var(--gold);border-radius:50%;opacity:.85}
.nav a.back{font-size:14px;color:var(--muted);text-decoration:none}
main{padding:64px 0 80px}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:500;line-height:1.15}
h1{font-size:clamp(34px,5vw,48px);margin:0 0 10px}
h2{font-size:22px;margin:44px 0 12px}
p,li{color:var(--muted);font-size:15.5px}
strong{color:var(--text);font-weight:500}
.updated{color:var(--muted-2);font-size:14px;margin:0 0 36px}
footer{border-top:1px solid var(--line);padding:30px 0 40px;color:var(--muted-2);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none;margin-left:18px}
@media(max-width:560px){.wrap{padding:0 20px}footer a{margin:0 18px 0 0}}