:root { --ink:#1d2430; --mute:#3c4654; --line:#d5cbbd; --down:#8c3b2a; --paper:#f7f3ec; }
* { box-sizing:border-box; }
body { margin:0; background:#e7e1d6; color:var(--ink); font:16px/1.5 "Segoe UI",sans-serif; }
.top { position:sticky; top:0; z-index:8; background:#243044; color:#f4efe6; padding:14px 28px 12px; }
.bar { width:min(1080px,100%); margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.stamp { margin:0; font-size:12px; color:#c9c3b6; }
nav.main { display:flex; flex-wrap:wrap; gap:8px 16px; margin:12px auto 0; width:min(1080px,100%); }
nav.main a { color:#f4efe6; text-decoration:none; font-size:14px; padding:4px 0; border-bottom:1px solid transparent; }
nav.main a.on, nav.main a:hover { color:#f0d7a2; border-bottom-color:#f0d7a2; }
.page { width:min(1080px,100%); margin:0 auto; padding:32px 28px 72px; }
h1.brand { margin:0; font-size:13px; letter-spacing:.2em; text-transform:uppercase; font-weight:600; }
h1.brand a { color:#f4efe6; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
h1.brand svg { width:22px; height:22px; flex:none; }
h2.topic { margin:0 0 12px; font:500 40px/1.15 Palatino, "Palatino Linotype", serif; }
h3 { margin:28px 0 8px; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:#243044; }
a { color:#243044; }
.cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.card { display:flex; flex-direction:column; gap:6px; min-height:100%; padding:16px; background:var(--paper); border:1px solid var(--line); border-radius:14px; text-decoration:none; color:inherit; }
.card:hover { border-color:#243044; }
.eyebrow { align-self:flex-start; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:#6d5e4c; border:1px solid var(--line); border-radius:99px; padding:3px 8px; }
.card.archive { background:#f8efe9; }
.card.archive .eyebrow, .card.archive strong { color:var(--down); }
.card.archive .eyebrow { border-color:#e2c4ba; }
.card strong { font-size:20px; }
.card em { font-style:normal; font-size:14px; }
.card p { margin:0; color:var(--mute); font-size:14px; flex:1; }
.card .go { margin-top:8px; font-size:13px; }
.card .go::after { content:" \2192"; }
.onion { margin:8px 0; font-family:Consolas,monospace; font-size:13px; color:#f4efe6; background:#243044; border-radius:8px; 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:12px 14px; background:#f8efe9; border-radius:12px; }
.dates, .ledger { list-style:none; padding:0; }
.dates li, .ledger li { display:grid; grid-template-columns:160px 1fr; gap:12px; margin-top:8px; padding:12px 14px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }
.ledger a { text-decoration:none; }
.entries { display:flex; flex-direction:column; gap:8px; }
.entry { display:grid; grid-template-columns:36px 72px minmax(0,1fr); gap:8px 12px; padding:12px 14px; background:var(--paper); border:1px solid var(--line); border-radius:12px; text-decoration:none; color:inherit; }
.entry em, .entry i { font-style:normal; font-size:13px; }
.entry em { color:var(--mute); }
.entry i { color:#243044; }
.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 14px; margin-top:8px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }
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) {
  .bar { flex-direction:column; align-items:flex-start; gap:4px; }
  .page { padding:24px 18px 48px; }
  .cards, .dates li, .ledger li, .entry { grid-template-columns:1fr; }
  .entry .host, .entry span { grid-column:1; }
  h2.topic { font-size:32px; }
}