@import url("fonts/fonts.css");
:root{ --ink:#0e131c; --paper:#f3efe6; --paper-dim:#c9c2b0; --mist:#8891a3; --gold:#c9a227; --line:#c9a22733; }
*{box-sizing:border-box;}
body{ margin:0; background:var(--ink); color:var(--paper); font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace; font-size:14px; line-height:1.7; padding:clamp(28px,6vw,64px) 16px; }
.wrap{ max-width:680px; margin:0 auto; }
a{ color:var(--gold); }
h1{ font-family:"Fraunces",Georgia,serif; font-weight:600; font-size:clamp(26px,4vw,34px); margin:0 0 6px; }
nav.top{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:28px; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
nav.top .langs a{ margin-left:8px; text-decoration:none; color:var(--mist); }
nav.top .langs a[aria-current]{ color:var(--gold); }
nav.bottom{ margin-top:36px; font-size:12px; line-height:1.9; }
.upd{ color:var(--mist); font-size:12px; margin:0 0 28px; }
.lead{ color:var(--paper-dim); }
h2{ font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); margin:32px 0 10px; border-top:1px solid var(--line); padding-top:24px; }
p{ color:var(--paper-dim); margin:0 0 14px; }
ul,ol{ color:var(--paper-dim); padding-left:22px; margin:0 0 14px; }
li{ margin-bottom:6px; }