:root { --ink:#e6efd8; --mute:#c5d4b0; --line:#3d5230; --field:#c4d67a; --down:#d07a62; }
* { box-sizing:border-box; }
body { margin:0; background:#1a2416; color:var(--ink); font:16px/1.5 "Segoe UI",sans-serif; padding:0 28px 48px; }
.top { position:sticky; top:0; z-index:8; margin:0 -28px 22px; padding:14px 28px 12px; text-align:center; background:#12180f; border-bottom:1px solid var(--line); }
nav.main { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 18px; margin:12px auto 0; width:min(980px,100%); }
nav.main a { color:var(--mute); text-decoration:none; padding-bottom:3px; border-bottom:1px solid transparent; }
nav.main a.on, nav.main a:hover { color:#fff; border-bottom-color:var(--field); }
.map { width:min(980px,100%); margin:0 auto; min-height:70vh; background:radial-gradient(circle at 18% 12%,rgba(196,214,122,.16),transparent 42%),linear-gradient(#24321c,#1a2416); border:1px solid var(--line); border-radius:8px; padding:28px; }
h1.brand { margin:0; font-size:14px; font-weight:500; letter-spacing:.18em; text-transform:uppercase; }
h1.brand a { color:inherit; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
h1.brand svg { width:26px; height:26px; flex:none; }
h2.topic { margin:0 0 10px; font-size:32px; font-weight:500; }
h3 { margin:28px 0 8px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--field); }
a { color:#e6d39a; }
p { max-width:68ch; }
.cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.card { display:flex; flex-direction:column; gap:4px; padding:14px; border:1px solid var(--line); border-radius:8px; text-decoration:none; color:inherit; background:rgba(18,24,15,.35); }
.card:hover { border-color:var(--field); }
.eyebrow { font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--field); }
.card.archive .eyebrow, .card.archive strong { color:var(--down); }
.card.name .eyebrow { color:var(--mute); }
.card strong { font-size:18px; }
.card em { font-style:normal; color:#e6d39a; font-size:13px; }
.card p, .card .go { margin:0; color:var(--mute); font-size:13px; }
.onion { margin:8px 0; font-family:Consolas,monospace; font-size:14px; color:#f4f7ee; background:#10160d; border-left:3px solid var(--field); padding:10px 12px; overflow-wrap:anywhere; }
.vault { margin:8px 0 16px; }
.kicker, .fine, .see { color:var(--mute); }
.fine { font-size:14px; }
.warn { margin:16px 0; padding-left:12px; border-left:3px solid var(--down); }
.dates, .ledger { list-style:none; padding:0; margin:8px 0 0; }
.dates li, .ledger li { display:grid; grid-template-columns:160px 1fr; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.ledger a { text-decoration:none; }
.entries { border-top:1px solid var(--line); }
.entry { display:grid; grid-template-columns:36px 72px minmax(0,1fr); gap:8px 12px; padding:12px 0; border-bottom:1px solid var(--line); text-decoration:none; color:inherit; }
.entry em, .entry i { font-style:normal; font-size:13px; }
.entry em { color:var(--mute); }
.entry i { color:var(--field); }
.entry.archive i { color:var(--down); }
.entry strong { font-size:18px; }
.entry .host, .entry span { grid-column:2 / -1; color:var(--mute); }
.host { font-family:Consolas,monospace; font-size:13px; }
.seo-card, table.status { width:100%; border-collapse:collapse; }
.seo-card { padding:12px 0; border-top:1px solid var(--line); }
table.status td, table.status th { border-bottom:1px solid var(--line); text-align:left; padding:8px 4px; }
ol { padding-left:18px; }
@media (max-width:800px) {
  .cards, .dates li, .ledger li, .entry { grid-template-columns:1fr; }
  .entry .host, .entry span { grid-column:1; }
  h2.topic { font-size:28px; }
}