:root{
  --void:#0a0c0f;--panel:#12161b;--panel-2:#171d24;
  --ink:#f4f1ea;--ink-soft:#9aa5b1;--ink-dim:#6d7883;
  --rule:#242c35;--rule-2:#333e4a;
  --amber:#f2a33c;--red:#e35a48;--green:#54c396;
  --sans:"Archivo",system-ui,-apple-system,sans-serif;
  --serif:"Newsreader",Georgia,serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--void);color:var(--ink);font-family:var(--serif);font-size:17px;line-height:1.72;font-optical-sizing:auto}
.wrap{width:100%;max-width:780px;margin:0 auto;padding:0 24px}
h1,h2,h3,.sans{font-family:var(--sans);font-weight:700;line-height:1.15;letter-spacing:-0.02em}
h1{font-size:clamp(2rem,5vw,3.1rem);letter-spacing:-0.038em;margin:0 0 10px;font-weight:900}
h2{font-size:1.32rem;margin:40px 0 10px;color:var(--ink)}
h3{font-size:1.04rem;margin:28px 0 6px;color:var(--amber)}
p,li{margin:0 0 16px;color:var(--ink-soft)}
li::marker{color:var(--rule-2)}
ul{padding-left:22px}
a{color:var(--ink)}
a:hover{color:var(--amber)}
strong{color:var(--ink)}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.top{border-bottom:1px solid var(--rule);background:rgba(10,12,15,.85);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;flex-wrap:wrap}
.logo{font-family:var(--sans);font-weight:900;font-size:1.32rem;letter-spacing:-0.045em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:9px}
.logo span{position:relative;z-index:1}
.logo::before{content:"";width:11px;height:11px;background:var(--amber);border-radius:2px;box-shadow:0 0 14px rgba(242,163,60,.85);flex:none}
.back{font-family:var(--sans);font-weight:600;font-size:.93rem;text-decoration:none;color:var(--amber);border:1px solid var(--rule-2);border-radius:3px;padding:8px 15px}
.back:hover{border-color:var(--amber);background:rgba(242,163,60,.09);color:var(--amber)}
main{padding:60px 0 20px}
.updated{font-family:var(--sans);font-weight:600;font-size:.88rem;color:var(--ink-dim);margin:0 0 36px;letter-spacing:.04em;text-transform:uppercase}
.callout{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--rule);border-left:4px solid var(--green);padding:22px 26px;margin:28px 0;border-radius:0 4px 4px 0}
.callout p:last-child{margin:0}
.foot{border-top:1px solid var(--rule);margin-top:54px;padding:36px 0 60px;font-size:.92rem;color:var(--ink-dim);background:#080a0d}
.foot a{color:var(--ink-soft)}
.foot a:hover{color:var(--amber)}
.foot p{color:var(--ink-dim)}
