:root{
  --bg:#100F0D;
  --panel:#181614;
  --ink:#F5F1E6;
  --ink-soft: rgba(245,241,230,0.7);
  --ink-faint: rgba(245,241,230,0.46);
  --amber:#E8A33D;
  --amber-soft: rgba(232,163,61,0.14);
  --line: rgba(245,241,230,0.14);
  --line-strong: rgba(245,241,230,0.24);
  --card:#181614;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--bg); color:var(--ink); font-family:'Inter', sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.7;
}
a{color:var(--amber); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:840px; margin:0 auto; padding:0 32px;}

header{
  position:sticky; top:0; z-index:50; background:rgba(16,15,13,0.88);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); border-bottom:1px solid var(--line);
}
nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 40px; max-width:1240px; margin:0 auto;
}
.logo{font-family:'Fraunces', serif; font-weight:600; font-size:23px; letter-spacing:-0.01em; display:flex; align-items:center; gap:9px;}
.logo .dot{width:8px; height:8px; border-radius:50%; background:var(--amber); display:inline-block;}
.back-link{font-family:'IBM Plex Mono', monospace; font-size:12.5px; letter-spacing:0.03em; color:var(--ink-soft); text-decoration:none;}
.back-link:hover{color:var(--amber); text-decoration:none;}

.page-head{padding:72px 0 40px; border-bottom:1px solid var(--line);}
.eyebrow{
  font-family:'IBM Plex Mono', monospace; font-size:11.5px; letter-spacing:0.12em; text-transform:uppercase;
  color:var(--amber); background:var(--amber-soft); display:inline-block; padding:7px 14px; border-radius:100px; margin-bottom:22px;
}
h1{font-family:'Fraunces', serif; font-weight:400; font-size:clamp(30px,4.4vw,46px); letter-spacing:-0.015em; margin-bottom:14px;}
.updated{font-family:'IBM Plex Mono', monospace; font-size:12.5px; color:var(--ink-faint);}

main{padding:56px 0 100px;}
h2{
  font-family:'Fraunces', serif; font-weight:500; font-size:23px; margin:44px 0 14px;
  letter-spacing:-0.01em;
}
h2:first-child{margin-top:0;}
p{font-size:15px; color:var(--ink-soft); margin-bottom:14px;}
ul{margin:0 0 14px 22px; color:var(--ink-soft); font-size:15px;}
li{margin-bottom:8px;}
strong{color:var(--ink); font-weight:600;}
.callout{
  background:var(--card); border:1px solid var(--line); border-radius:2px; padding:26px 28px; margin:28px 0;
}
.callout p{margin-bottom:0;}
table{width:100%; border-collapse:collapse; margin:18px 0 24px; font-size:14px;}
th, td{text-align:left; padding:12px 14px; border-bottom:1px solid var(--line);}
th{font-family:'IBM Plex Mono', monospace; font-size:11.5px; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-faint);}

footer{background:var(--panel); border-top:1px solid var(--line); padding:36px 0; margin-top:0;}
.footer-row{
  max-width:1240px; margin:0 auto; padding:0 40px; display:flex; justify-content:space-between;
  flex-wrap:wrap; gap:12px; font-size:12.5px; color:var(--ink-faint);
}
.footer-row a{color:var(--ink-faint);}