:root{
  color-scheme:dark;
  --ink:#f4ead2;
  --muted:#c5b897;
  --gold:#e5bd55;
  --gold-soft:#ffdfa0;
  --panel:rgba(9,9,8,.9);
  --line:rgba(229,189,85,.34);
  --green:#77d9bc;
}
*{box-sizing:border-box}
html{min-height:100%;background:#050505}
body{
  min-height:100vh;
  margin:0;
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  background:
    radial-gradient(circle at 50% -10%,rgba(229,189,85,.17),transparent 38%),
    linear-gradient(160deg,#060605 0%,#11100b 55%,#030303 100%);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(115deg,transparent 0 42%,rgba(255,218,132,.08) 42.2% 42.6%,transparent 43%),
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(229,189,85,.03) 40px);
}
a{color:var(--gold-soft)}
.shell{width:min(920px,calc(100% - 28px));margin:0 auto;padding:28px 0 48px}
.masthead{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(32,27,15,.92),rgba(6,6,6,.94));
  box-shadow:0 24px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,230,170,.12);
}
.seal{
  width:58px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,222,135,.56);
  border-radius:50%;
  color:var(--gold);
  font-size:1.7rem;
  box-shadow:inset 0 0 22px rgba(229,189,85,.14),0 0 24px rgba(229,189,85,.08);
}
.eyebrow{
  margin:0 0 5px;
  color:var(--gold);
  font:700 .7rem/1.2 system-ui,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
}
h1,h2{margin:0;color:#fff0c8}
h1{font-size:clamp(1.55rem,5vw,2.5rem);line-height:1.04}
.subtitle{margin:8px 0 0;color:var(--muted);line-height:1.5}
.nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 22px;
}
.nav a{
  min-height:44px;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(11,11,10,.86);
  color:var(--ink);
  text-decoration:none;
  font:650 .82rem/1 system-ui,sans-serif;
}
.nav a[aria-current="page"]{
  border-color:var(--gold);
  color:#181207;
  background:linear-gradient(135deg,#b4882e,#ffe59b);
}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.card{
  padding:20px;
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--panel);
  box-shadow:inset 0 1px rgba(255,230,170,.08),0 18px 50px rgba(0,0,0,.28);
}
.card.wide{grid-column:1/-1}
.card h2{font-size:1.05rem;margin-bottom:10px}
.card p,.card li{color:var(--muted);line-height:1.62}
.card p{margin:8px 0}
.card ul,.card ol{margin:8px 0;padding-left:1.25rem}
.card strong{color:var(--ink)}
.status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--green);
  font:700 .72rem/1.2 system-ui,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 12px rgba(119,217,188,.75);
}
.note{
  border-left:3px solid var(--gold);
  padding-left:13px;
}
.meta{font:600 .72rem/1.5 system-ui,sans-serif;color:#9f957d}
footer{padding:22px 4px 0;color:#8f866f;font:500 .72rem/1.5 system-ui,sans-serif;text-align:center}
@media (max-width:660px){
  .shell{width:min(100% - 20px,920px);padding-top:10px}
  .masthead{grid-template-columns:1fr;text-align:center;padding:20px 16px}
  .seal{margin:auto}
  .grid{grid-template-columns:1fr}
  .card.wide{grid-column:auto}
  .nav{justify-content:center}
  .nav a{flex:1 1 28%}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media (prefers-contrast:more){
  :root{--line:#e5bd55;--muted:#eee3ca}
  .card,.masthead,.nav a{background:#000}
}