:root{
  --ink:#080706;
  --ink-2:#141210;
  --gold:#c9a84c;
  --gold-soft:#e4cf8f;
  --cream:#f5f0e8;
  --muted:#9c9184;
  --line-dark:#332d20;
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--ink);
  color:var(--cream);
  font-family:'PT Sans', Arial, sans-serif;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gold-soft);}
.wrap{max-width:820px; margin-inline:auto; padding:40px 16px 64px;}
.top{display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; justify-content:space-between;
  border-bottom:1px solid var(--line-dark); padding-bottom:16px; margin-bottom:36px;}
.top a{text-decoration:none; font-size:14px;}
.brand{font-family:'PT Serif', Georgia, serif; font-size:20px; color:var(--cream) !important;}
.eyebrow{font-family:'PT Mono', monospace; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--gold); margin:0 0 12px; display:block;}
h1,h2{font-family:'PT Serif', Georgia, serif; font-weight:700; line-height:1.2; text-wrap:balance;}
h1{font-size:30px; margin:0 0 8px;}
h2{font-size:20px; margin:36px 0 12px; color:var(--gold-soft);}
p{margin:0 0 12px;}
ul{margin:0 0 14px; padding-left:22px;}
li{margin-bottom:6px;}
.meta{color:var(--muted); font-size:14px; margin-bottom:28px;}
.note{border-left:3px solid var(--gold); background:var(--ink-2); padding:14px 18px; margin:16px 0;}
.docs{list-style:none; padding:0;}
.docs li{border:1px solid var(--line-dark); padding:16px 18px; margin-bottom:12px;}
.docs a{font-family:'PT Serif', Georgia, serif; font-size:18px; text-decoration:none;}
.docs span{display:block; color:var(--muted); font-size:14px;}
footer{border-top:1px solid var(--line-dark); margin-top:48px; padding-top:18px; color:#786f60; font-size:13px;}
@media (min-width:760px){ h1{font-size:36px;} .wrap{padding-top:56px;} }
