:root {
  --paper: #d9cdb4;
  --paper-stained: #c9b894;
  --paper-dark: #1c1915;
  --ink: #100e0c;
  --blood: #8b1a0f;
  --blood-bright: #c4372a;
  --yellow: #c9a227;
  --bone: #e8ddc4;
  --centipede: #1a1410;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--paper-dark);
  color: var(--bone);
  font-family: Lora, serif;
  font-size: 18px;
  line-height: 1.6;
}
body::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 1;
  background:
    radial-gradient(circle at 18% 20%, rgba(139,26,15,.08), transparent 42%),
    radial-gradient(circle at 80% 80%, rgba(201,162,39,.05), transparent 36%);
}
body::after {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 2; opacity: .45;
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(0,0,0,.05) 3px, transparent 4px);
}
a { color: inherit; }
.masthead, nav.bar, main, footer { position: relative; z-index: 5; }
.masthead {
  border-bottom: 3px double var(--bone);
  padding: 1rem 1.4rem 1.2rem;
  background: linear-gradient(#14110e, #1c1915);
  text-align: center;
}
.mast-top {
  display: flex; justify-content: space-between; gap: 1rem;
  font-family: "Special Elite", monospace; font-size: .68rem;
  letter-spacing: .16em; text-transform: uppercase; color: var(--paper-stained);
}
.mast-top .c { color: var(--blood-bright); letter-spacing: .28em; }
h1.logo {
  font-family: UnifrakturMaguntia, serif;
  font-size: clamp(3.2rem, 9vw, 6.4rem);
  font-weight: normal; line-height: .88; color: var(--bone);
  text-shadow: 1px 1px 0 #000, 3px 3px 0 rgba(139,26,15,.45);
}
h1.logo .amp {
  color: var(--blood-bright); font-family: Lora, serif; font-style: italic;
  display: inline-block; transform: rotate(4deg) translateY(-.04em); font-size: .78em;
}
.tagline {
  font-family: "Cutive Mono", monospace; letter-spacing: .34em;
  text-transform: uppercase; color: var(--yellow); font-size: .86rem; margin-top: .45rem;
}
.struck { text-decoration: line-through; text-decoration-color: var(--blood-bright); text-decoration-thickness: 2px; color: var(--paper-stained); }
nav.bar {
  background: var(--ink); display: flex; justify-content: center; flex-wrap: wrap;
  gap: .2rem 1.1rem; padding: .7rem 1rem;
  font-family: "Special Elite", monospace; font-size: .74rem; letter-spacing: .12em;
}
nav.bar a { color: var(--paper-stained); text-decoration: none; }
nav.bar a:hover, nav.bar a.on { color: var(--blood-bright); }
main { max-width: 1080px; margin: 0 auto; padding: 1.6rem 1.1rem 3.5rem; }
.bureau {
  display: grid; grid-template-columns: 200px 1fr 220px; gap: 1.2rem; align-items: start;
  margin: .4rem 0 1.8rem;
}
.stamp {
  border: 3px double var(--blood); color: var(--blood-bright);
  font-family: "Special Elite", monospace; text-transform: uppercase;
  text-align: center; letter-spacing: .12em; padding: .8rem .5rem;
  transform: rotate(-2.5deg);
}
.stamp b { display: block; font-size: 1.25rem; margin: .25rem 0; }
.notice { text-align: center; border-top: 2px solid var(--bone); border-bottom: 2px solid var(--bone); padding: .9rem .4rem; }
.kicker { font-family: "Cutive Mono", monospace; font-size: .68rem; letter-spacing: .28em; color: var(--yellow); text-transform: uppercase; }
.notice h2 { font-style: italic; font-size: clamp(1.4rem, 3vw, 2.05rem); line-height: 1.15; margin: .4rem 0; }
.notice h2 .red { color: var(--blood-bright); font-style: normal; }
.redacted { background: #000; color: #000; padding: 0 .2em; }
.redacted:hover { background: transparent; color: var(--blood-bright); }
.cutup { font-family: "Cutive Mono", monospace; font-size: .74rem; display: flex; flex-direction: column; gap: .35rem; }
.cutup span { border-left: 2px solid var(--blood); padding: .2rem .4rem; background: rgba(217,205,180,.05); }
.section-h {
  font-family: "Cutive Mono", monospace; letter-spacing: .2em; text-transform: uppercase;
  color: var(--yellow); font-size: .78rem; margin: 1.6rem 0 .8rem;
  border-bottom: 1px dashed rgba(201,162,39,.4); padding-bottom: .3rem;
}
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .9rem; }
.card {
  display: block; text-decoration: none; color: var(--bone);
  border: 1px solid rgba(232,221,196,.28); padding: .85rem .9rem;
  background: rgba(0,0,0,.22);
}
.card:nth-child(odd) { transform: rotate(-.4deg); }
.card:nth-child(even) { transform: rotate(.4deg); }
.card:hover { border-color: var(--blood-bright); transform: none; }
.card .st { font-family: "Special Elite", monospace; font-size: .68rem; color: var(--yellow); letter-spacing: .08em; }
.card h3 { font-family: UnifrakturMaguntia, serif; font-size: 1.7rem; font-weight: normal; margin: .2rem 0; }
.card .party { font-family: "Cutive Mono", monospace; font-size: .72rem; color: var(--paper-stained); }
.card p { font-size: .92rem; margin-top: .35rem; }
.filehead { margin-bottom: 1rem; }
.filehead h2 { font-family: UnifrakturMaguntia, serif; font-size: clamp(2.4rem, 6vw, 4rem); font-weight: normal; line-height: .95; }
.sub { font-family: "Cutive Mono", monospace; color: var(--yellow); font-size: .78rem; letter-spacing: .08em; margin: .3rem 0 .7rem; }
.lede { font-size: 1.05rem; max-width: 68ch; }
.exhibit { border-top: 1px solid rgba(232,221,196,.22); padding: 1rem 0; }
.exhibit h3 { font-family: "Special Elite", monospace; font-size: .95rem; font-weight: normal; color: var(--blood-bright); }
.date { font-family: "Cutive Mono", monospace; font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; color: var(--yellow); margin: .2rem 0 .55rem; }
blockquote { border-left: 3px solid var(--blood); margin: .3rem 0 .7rem; padding: .15rem 0 .15rem .8rem; font-style: italic; color: var(--paper); }
.verdict strong, .rhetoric strong, .logic strong { font-family: "Special Elite", monospace; font-weight: normal; color: var(--blood-bright); }
.rhetoric, .logic { margin: .45rem 0; }
.logic { border-left: 2px solid var(--blood); padding-left: .7rem; }
.meters { margin-top: 1rem; max-width: 520px; }
.meter { display: grid; grid-template-columns: 1fr 90px 2.2rem; gap: .4rem; align-items: center; font-family: "Cutive Mono", monospace; font-size: .75rem; margin: .28rem 0; }
.bar { height: 7px; background: #2a241c; }
.bar i { display: block; height: 100%; background: var(--blood-bright); }
footer { position: relative; z-index: 5; border-top: 1px solid rgba(232,221,196,.2); padding: 1.2rem; text-align: center; font-family: "Cutive Mono", monospace; font-size: .75rem; color: var(--paper-stained); }
@media (max-width: 800px) {
  .bureau { grid-template-columns: 1fr; }
  .stamp { transform: none; }
}

.cite { font-family: 'Cutive Mono', monospace; font-size: .72rem; color: var(--paper-stained); margin: .35rem 0 .2rem; }
.cite a { color: var(--yellow); }

.card .mug.face { aspect-ratio: 1; object-fit: cover; object-position: center center; }
.mug {
  width: 100%;
  aspect-ratio: 15 / 7;
  object-fit: cover;
  display: block;
  margin: 0 0 .7rem;
  border: 1px solid rgba(232,221,196,.35);
}

.stamps { display:flex; flex-wrap:wrap; gap:.3rem; margin:.35rem 0 .15rem; }
.stamp-mini { font-family:"Cutive Mono",monospace; font-size:.62rem; letter-spacing:.06em; text-transform:uppercase; border:1px solid rgba(201,162,39,.45); color:var(--yellow); padding:.1rem .35rem; }
.stamp-mini.verdict { border-color:var(--blood); color:var(--blood-bright); }
.stamp-mini.tag { color:var(--paper-stained); }
.drawer { border:1px solid rgba(201,162,39,.45); background:rgba(201,162,39,.06); padding:.55rem .7rem; margin:.4rem 0 .7rem; font-family:"Cutive Mono",monospace; font-size:.78rem; }
.drawer .kicker { display:block; margin-bottom:.25rem; }
.tagline-file { font-family:"Cutive Mono",monospace; font-size:.72rem; color:var(--yellow); margin:.2rem 0 .4rem; }
.tagline-file a, .filters a, footer a { color:var(--yellow); }
.filters { display:flex; flex-wrap:wrap; gap:.4rem; margin:.6rem 0 1rem; }
.filters button { font-family:"Special Elite",monospace; font-size:.68rem; letter-spacing:.08em; background:transparent; color:var(--paper-stained); border:1px solid rgba(232,221,196,.3); padding:.35rem .55rem; cursor:pointer; }
.filters button.on, .filters button:hover { color:var(--blood-bright); border-color:var(--blood-bright); }
.mug.plate { display:flex; align-items:center; justify-content:center; background:#14110e; color:var(--blood-bright); font-family:UnifrakturMaguntia,serif; font-size:2rem; }

/* Desk improvements — 6 Oct 2026 */
:focus-visible { outline: 2px solid var(--yellow); outline-offset: 3px; }
.skip {
  position: absolute; left: .6rem; top: -4rem; z-index: 20;
  background: var(--yellow); color: var(--ink); padding: .4rem .7rem;
  font-family: "Cutive Mono", monospace; font-size: .75rem;
}
.skip:focus { top: .6rem; }
.searchrow { display: flex; gap: .5rem; align-items: center; margin: .8rem 0 .2rem; }
.searchrow input {
  flex: 1; background: rgba(0,0,0,.35); color: var(--bone);
  border: 1px solid rgba(232,221,196,.35); padding: .55rem .7rem;
  font-family: "Cutive Mono", monospace; font-size: .85rem;
}
.searchrow input::placeholder { color: rgba(232,221,196,.45); }
.countline { font-family: "Cutive Mono", monospace; font-size: .72rem; color: var(--paper-stained); letter-spacing: .08em; margin: .2rem 0 .4rem; }
.card[hidden] { display: none !important; }
.unfiled { color: var(--paper-stained); text-decoration: line-through; text-decoration-color: var(--blood); cursor: help; }
nav.bar a.on { color: var(--blood-bright); border-bottom: 1px solid var(--blood-bright); }
.card .mug { filter: grayscale(.35) contrast(1.05); }
.card:hover .mug { filter: none; }
footer a { color: var(--yellow); }
@media (max-width: 640px) {
  .mast-top span:first-child, .mast-top span:last-child { display: none; }
  .mast-top { justify-content: center; }
  h1.logo { font-size: clamp(2.6rem, 14vw, 4rem); }
  .tagline { letter-spacing: .12em; font-size: .72rem; }
  nav.bar { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
  nav.bar a { white-space: nowrap; }
  .card:nth-child(odd), .card:nth-child(even) { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .card { transform: none !important; }
}