:root{
  --bg:#0d0a08;
  --surface:#17110d;
  --line:#2c2118;
  --cream:#f1e6d8;
  --muted:#a89686;
  --muted-2:#7d6f62;
  --amber:#c98a46;
  --rust:#8c4a2a;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--bg);color:var(--cream);
  font-family:'Inter',sans-serif;font-weight:300;
  line-height:1.7;
}
a{color:inherit;}
.mono{font-family:'JetBrains Mono',monospace;}
.serif{font-family:'Fraunces',serif;}

header{
  display:flex;align-items:center;justify-content:space-between;
  padding:26px clamp(20px,5vw,64px);
  border-bottom:1px solid var(--line);
}
.brand-mark{display:flex;align-items:center;gap:12px;text-decoration:none;}
.brand-mark span{font-family:'Fraunces',serif;font-size:19px;letter-spacing:.16em;font-weight:500;}
.back{font-size:12px;letter-spacing:.08em;color:var(--muted);text-decoration:none;}
.back:hover{color:var(--amber);}

main{
  max-width:760px;margin:0 auto;
  padding:70px clamp(20px,5vw,64px) 120px;
}
.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--amber);margin-bottom:18px;}
h1{
  font-family:'Fraunces',serif;font-weight:500;font-size:clamp(32px,4.4vw,50px);
  margin-bottom:14px;letter-spacing:-.01em;
}
.updated{font-size:12px;color:var(--muted-2);margin-bottom:56px;font-family:'JetBrains Mono',monospace;}

article h2{
  font-family:'Fraunces',serif;font-weight:500;font-size:22px;
  margin-top:46px;margin-bottom:16px;color:var(--cream);
}
article p{color:var(--muted);font-size:15px;margin-bottom:16px;max-width:62ch;}
article ul{color:var(--muted);font-size:15px;margin:0 0 16px 22px;max-width:60ch;}
article li{margin-bottom:8px;}
article strong{color:var(--cream);font-weight:500;}
.fill{color:var(--amber);font-style:italic;}

footer{
  border-top:1px solid var(--line);
  padding:30px clamp(20px,5vw,64px);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-size:12px;color:var(--muted-2);
}
footer a:hover{color:var(--amber);}

@media (max-width:600px){
  footer{flex-direction:column;text-align:center;}
}