/* THE MIDDLE COLUMN: design system v0.1 (local prototype)
   Ledger aesthetic: paper, ink, ruled lines, stamps.
   Epistemic color system: color encodes CONFIDENCE, never side.
   Red and blue are banned from side-coding anywhere in this system. */

:root{
  --paper:#faf7f0;
  --ink:#1c1a17;
  --ink-soft:#4a463f;
  --rule:#d8d2c4;
  --verified:#1c1a17;
  --corroborated:#6b665c;
  --inference:#8a8478;
  --disputed:#a3722c;
  --unverified:#9a958a;
  --accent:#7a5c1e; /* stamp gold-brown, used for the seal and stamps only */
  --card:#fffdf8;
}
*{box-sizing:border-box}
html{font-size:18px}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.55;
}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px 64px}

/* Masthead */
.masthead{border-bottom:3px double var(--ink);padding:28px 0 14px;text-align:center}
.masthead .name{
  font-family:Georgia,"Times New Roman",serif;font-weight:700;
  font-size:2.6rem;letter-spacing:.02em;margin:0;text-transform:uppercase;
}
.masthead .motto{font-family:Georgia,serif;font-style:italic;color:var(--ink-soft);margin:6px 0 0}
.masthead .dateline{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px}
nav.bar{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--rule);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}
nav.bar a{color:var(--ink);text-decoration:none}
nav.bar a:hover{text-decoration:underline}

/* The seal */
.seal{
  display:inline-block;border:2px solid var(--accent);color:var(--accent);
  padding:6px 14px;border-radius:4px;font-size:.78rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;transform:rotate(-1.2deg);
  background:transparent;
}
.hookline{font-family:Georgia,serif;font-style:italic;color:var(--ink-soft);text-align:center;margin:10px 0 0}

/* Split screen (Layer 1) */
.split{display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin:26px 0;border:1.5px solid var(--ink);background:var(--card)}
.split .side{padding:20px 22px}
.split .side h3{margin:0 0 8px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.split .side blockquote{margin:0;font-family:Georgia,serif;font-size:1.12rem;line-height:1.45}
.split .middle{
  border-left:1.5px solid var(--ink);border-right:1.5px solid var(--ink);
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:20px 26px;text-align:center;min-width:230px;background:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(28,26,23,.05) 28px);
}
.split .middle .label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.split .middle .number{font-family:Georgia,serif;font-size:3.2rem;font-weight:700;line-height:1.05;margin:6px 0}
.split .middle .caption{font-size:.85rem;color:var(--ink-soft);max-width:260px}
@media (max-width:760px){
  .split{grid-template-columns:1fr}
  .split .middle{border:none;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}
}

/* Verdict strip (Layer 2) */
.verdict{border-left:4px solid var(--ink);background:var(--card);padding:14px 18px;margin:22px 0}
.verdict p{margin:0}
.figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.fig{border:1px solid var(--rule);background:var(--card);padding:14px 16px}
.fig .n{font-family:Georgia,serif;font-size:1.5rem;font-weight:700}
.fig .t{font-size:.9rem;color:var(--ink-soft)}

/* Confidence chips: shape carries the meaning, color supports it */
.chip{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:2px;vertical-align:middle}
.chip.verified{background:var(--verified);color:var(--paper)}
.chip.corroborated{background:var(--corroborated);color:#fff}
.chip.inference{background:transparent;border:1.5px solid var(--inference);color:var(--ink-soft)}
.chip.disputed{background:linear-gradient(90deg,var(--disputed) 50%,transparent 50%);border:1.5px solid var(--disputed);color:var(--ink)}
.chip.unverified{background:transparent;border:1.5px dashed var(--unverified);color:var(--ink-soft)}

/* Brief body (Layer 3) */
.brief h2{font-family:Georgia,serif;font-size:1.35rem;border-bottom:1px solid var(--rule);padding-bottom:6px;margin:34px 0 12px}
.brief h2 .no{color:var(--accent);margin-right:10px}
.brief p{margin:0 0 12px}
.brief ul{margin:0 0 12px;padding-left:22px}
.glossary{border:1px solid var(--rule);background:var(--card);padding:6px 18px}
.glossary dt{font-weight:700;margin-top:12px}
.glossary dd{margin:2px 0 12px;color:var(--ink-soft)}
.sources{font-size:.9rem;color:var(--ink-soft)}
.standing{font-family:Georgia,serif;font-style:italic;text-align:center;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:10px;margin:26px 0}

/* Filed shelf (home) */
.shelf{width:100%;border-collapse:collapse;margin:20px 0;background:var(--card)}
.shelf th,.shelf td{border-bottom:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}
.shelf th{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.shelf td.num{font-family:Georgia,serif;font-weight:700;font-size:1.15rem;white-space:nowrap}
.stamp{display:inline-block;border:2px solid var(--accent);color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.12em;padding:2px 8px;border-radius:3px;text-transform:uppercase;transform:rotate(-1deg)}

/* Corrections log */
.corr{border:1px solid var(--rule);background:var(--card);padding:16px 18px;margin:14px 0}
.corr h3{margin:0 0 6px;font-family:Georgia,serif}
.corr .meta{font-size:.8rem;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase}

/* Filing panels (intake is by email; these name the address and what to include) */
.filing{border:1.5px solid var(--ink);background:var(--card);padding:20px}
.filing a.btn{display:inline-block;margin-top:10px;background:var(--ink);color:var(--paper);padding:12px 22px;font-weight:700;letter-spacing:.06em;text-decoration:none}
.notice{border:1.5px dashed var(--unverified);padding:12px 16px;color:var(--ink-soft);background:var(--card)}

footer{border-top:3px double var(--ink);margin-top:48px;padding-top:14px;font-size:.85rem;color:var(--ink-soft);text-align:center}
h1.page{font-family:Georgia,serif;font-size:2rem;margin:26px 0 6px}
.lede{font-size:1.08rem;color:var(--ink-soft);max-width:46em}
a{color:var(--ink)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.side .claimform { font-family: Georgia, serif; font-size: 1.12rem; line-height: 1.45; margin: 0 0 8px; }
.side .caption { font-size: .8rem; color: var(--ink-soft, #555); margin: 6px 0 0; }

/* v1.4 home elements (2026-10-30): Decision Panel, Projections strip, Filed Updates line */
.panel{border:1.5px solid var(--ink);background:var(--card);padding:16px 20px;margin:22px 0}
.panel h3{margin:0 0 10px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.panel p{margin:0 0 10px}
.panel p:last-child{margin-bottom:0}
.strip{border:1px solid var(--rule);background:var(--card);padding:14px 18px;margin:18px 0}
.strip h3{margin:0 0 8px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.strip p{margin:0 0 8px}
.strip p:last-child{margin-bottom:0}
.filedline{font-size:.85rem;color:var(--ink-soft);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0;margin:18px 0}
.brief blockquote{margin:0 0 12px;padding:10px 16px;border-left:4px solid var(--rule);background:var(--card);font-family:Georgia,serif}
.brief blockquote p{margin:0}

/* Mobile-only pass (2026-10-29, approved by Grant): every rule below lives
   inside a width media query and applies only at tablet or phone widths.
   No rule above this line is changed, so the desktop presentation is
   exactly as built. Same colors, fonts, content, and order throughout. */

/* Tablets and narrow windows: figures run two across */
@media (max-width:1020px) and (min-width:761px){
  .figs{grid-template-columns:repeat(2,1fr)}
}

/* Phones and small tablets */
@media (max-width:760px){
  .wrap{padding:0 14px 48px}

  /* Masthead and navigation, sized for a phone screen */
  .masthead{padding:20px 0 10px}
  .masthead .name{font-size:1.65rem;letter-spacing:.01em}
  .masthead .motto{font-size:.95rem}
  .masthead .dateline{font-size:.66rem;letter-spacing:.08em;line-height:1.7}
  nav.bar{gap:8px 16px;font-size:.78rem;padding:8px 0}
  nav.bar a{padding:6px 2px}
  .seal{font-size:.7rem;padding:5px 10px}
  .hookline{font-size:.95rem}

  /* Split screen: same stacked order, finished rather than squeezed */
  .split{margin:18px 0}
  .split .side{padding:16px 18px}
  .split .side blockquote,.split .side .claimform{font-size:1.02rem;line-height:1.5}
  .split .middle{min-width:0;padding:12px 16px}
  .split .middle .number{font-size:2.2rem;margin:2px 0}
  .split .middle .caption{max-width:none;font-size:.8rem}

  /* Layer 2: verdict strip and one-column figures */
  .verdict{padding:12px 14px;margin:16px 0}
  .figs{grid-template-columns:1fr;gap:10px;margin:14px 0}
  .fig{padding:12px 14px}
  .fig .n{font-size:1.3rem}

  /* Brief pages at phone density */
  h1.page{font-size:1.5rem;margin:20px 0 4px}
  .lede{font-size:1rem}
  .brief h2{font-size:1.12rem;margin:26px 0 10px}
  .brief ul{padding-left:18px}
  .glossary{padding:4px 14px}
  .filing{padding:16px}
  .corr{padding:14px 16px}
  .standing{margin:20px 0}

  /* Launch Shelf: each row becomes a stacked card, labels kept */
  .shelf,.shelf tbody,.shelf tr,.shelf td{display:block;width:100%}
  .shelf thead{display:none}
  .shelf tr{border:1px solid var(--rule);margin:0 0 10px;padding:8px 12px}
  .shelf td{border-bottom:none;padding:3px 0}
  .shelf td::before{display:block;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1px}
  .shelf td:nth-child(1)::before{content:"File"}
  .shelf td:nth-child(2)::before{content:"The argument"}
  .shelf td:nth-child(3)::before{content:"The middle number"}
  .shelf td:nth-child(4)::before{content:"Status"}
  .shelf td.num{font-size:1.05rem;white-space:normal}

  footer{font-size:.8rem;margin-top:36px}
}

/* Small phones */
@media (max-width:400px){
  .masthead .name{font-size:1.45rem}
  nav.bar{gap:6px 12px}
  .split .middle .number{font-size:2rem}
}

/* Election edition visual layer (2026-11-04, Grant's direction): Kurzgesagt
   discipline inside the Records Office surface. Flat geometric shapes,
   generous white space, one visual idea per panel. Color encodes STATUS
   (solid = called, hatched = not called) and CONFIDENCE, never side.
   No red, no blue, anywhere in this layer. */
.scene{border:1.5px solid var(--ink);background:var(--card);padding:18px 18px 10px;margin:26px 0}
.scene svg{width:100%;height:auto;display:block}
.scenecap{font-family:Georgia,serif;font-style:italic;color:var(--ink-soft);text-align:center;margin:8px 0 6px;font-size:.95rem}
.glance{border:1px solid var(--rule);background:var(--card);padding:16px 20px;margin:18px 0}
.glance h3{margin:0 0 12px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.glancerow{margin:0 0 6px}
.glancelabel{font-weight:700;font-size:.95rem}
.glancenote{font-size:.85rem;color:var(--ink-soft);margin:6px 0 14px}
.glancenote:last-child{margin-bottom:0}
.seatbar{display:flex;height:34px;border:1.5px solid var(--ink);overflow:hidden;background:var(--card)}
.seatbar .seg{display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden}
.seatbar .seg.solid{background:var(--ink);color:var(--paper)}
.seatbar .seg.mid{background:#cfc8b8;color:var(--ink)}
.seatbar .seg.open{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(28,26,23,.35) 5px,rgba(28,26,23,.35) 7px)}
.minibar{display:flex;height:22px;border:1.5px solid var(--ink);overflow:hidden;margin-top:12px}
.minibar .seg{display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden}
.minibar .seg.solid{background:var(--ink);color:var(--paper)}
.minibar .seg.mid{background:#cfc8b8;color:var(--ink)}

/* Hover tooltips: definitions at the point of use, so the record itself
   stays uncluttered. Rationale: a reader who does not know a term should
   not have to leave the page, and a reader who does should not have to
   wade through definitions in the text. */
[data-tip]{position:relative;border-bottom:1.5px dotted var(--accent);cursor:help}
.chip[data-tip]{border-bottom:none}
[data-tip]::after{
  content:attr(data-tip);
  position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%) translateY(3px);
  width:250px;max-width:78vw;background:var(--ink);color:var(--paper);
  font-size:.8rem;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.45;
  padding:10px 12px;border-radius:3px;box-shadow:0 4px 14px rgba(28,26,23,.25);
  opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:40;
}
[data-tip]:hover::after,[data-tip]:focus::after{opacity:1;transform:translateX(-50%) translateY(0)}
[data-tip]:focus{outline:3px solid var(--accent);outline-offset:2px}

.soundbtn{background:none;border:1.5px solid var(--ink);color:var(--ink);font:inherit;
  font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;cursor:pointer;border-radius:2px}
.soundbtn:hover{background:var(--ink);color:var(--paper)}

.dedication{font-family:Georgia,serif;font-style:italic;text-align:center;color:var(--ink-soft);
  font-size:.95rem;margin:40px auto 0;max-width:34em;line-height:1.6}

@media (max-width:760px){
  .scene{padding:12px 10px 6px;margin:18px 0}
  .seatbar{height:30px}
  .seatbar .seg{font-size:.68rem}
  .glance{padding:14px 14px}
}

/* Poster layer (2026-11-04, Grant's direction): Kurzgesagt poster mechanics
   as proven on the AxMITax poster he approved (deep field, dot grid, chunky
   rounded cards, pill tags, saturated category accents, waffle squares),
   translated into the Records Office. Accents mark CATEGORIES and STATUS
   only. Party data is never colored: called seats are ink or stone tones,
   uncalled seats are dashed outlines, in every chart on the page. */
:root{
  --field:#0e2233; --field2:#14304d;
  --gold:#ffd166; --teal:#4ecdc4; --mint:#6bf1c0; --lav:#c39bff; --amber:#ffb35c;
}
.poster{
  background:var(--field);
  background-image:radial-gradient(rgba(255,255,255,.16) 2px, transparent 2.6px);
  background-size:44px 44px;
  border-radius:26px; box-shadow:0 12px 32px rgba(12,32,54,.35);
  padding:26px 26px 14px; margin:26px 0; color:#f4f8fb;
}
.poster svg{width:100%;height:auto;display:block}
.poster .scenecap{color:#c9dcea;font-family:Georgia,serif;font-style:italic;text-align:center;margin:10px 0 8px;font-size:1rem}
.fig,.panel,.strip,.notice,.glance,.corr{border-radius:16px;box-shadow:0 6px 18px rgba(28,26,23,.07)}
.split{border-radius:16px;overflow:hidden}
.chip{border-radius:999px}
.ptagrow{margin:34px 0 6px}
.ptag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  padding:6px 16px;border-radius:999px;color:#1c1a17}
.ptag.gold{background:var(--gold)} .ptag.teal{background:var(--teal)}
.ptag.mint{background:var(--mint)} .ptag.lav{background:var(--lav)} .ptag.amber{background:var(--amber)}
.waffle{display:grid;gap:3px;margin:8px 0 4px}
.waffle i{display:block;aspect-ratio:1/1;border-radius:3px}
.waffle i.s{background:var(--ink)}
.waffle i.m{background:#cfc8b8}
.waffle i.o{background:transparent;border:1.5px dashed #9a958a}
.waffle.senate{grid-template-columns:repeat(20,1fr)}
.waffle.house{grid-template-columns:repeat(29,1fr)}
.wlegend{font-size:.85rem;color:var(--ink-soft);margin:6px 0 14px}
.wlegend b{color:var(--ink)}
@media (max-width:760px){
  .poster{padding:16px 12px 8px;border-radius:20px}
  .waffle{gap:2px}
  .waffle i{border-radius:2px}
}

/* Poster v2 (2026-11-04): the panel system from Grant's reference posters.
   Each major section is a color-blocked panel with its own field color
   (Human Body poster), the hero is a dusk gradient plate (dinosaur strip),
   steps carry circled numbers (Human Cell poster), and the catalog is a
   tile grid (Space Events poster). Panel colors mark SECTIONS, rotate
   through a warm and jewel palette, and never encode party or result:
   inside every panel, data stays ink, cream, stone, and dashed outline. */
.pblock{border-radius:26px;padding:28px 30px;margin:20px 0;box-shadow:0 12px 30px rgba(28,26,23,.16)}
.pblock .lede{color:inherit;opacity:.92}
.pblock.dark{background:var(--field);color:#f4f8fb}
.pblock.dark h3{color:#ffd166}
.pblock.dark .glancelabel{color:#f4f8fb}
.pblock.dark .glancenote,.pblock.dark .wlegend{color:#c9dcea}
.pblock.dark .waffle i.s{background:#f4f8fb}
.pblock.dark .waffle i.m{background:#5b7a99}
.pblock.dark .waffle i.o{background:transparent;border:1.5px dashed #ffd166}
.pblock.plum{background:#3a2a52;color:#f4f8fb}
.pblock.plum .shelf{background:transparent;color:inherit;box-shadow:none}
.pblock.plum .shelf th{color:#ffd166;border-bottom:1px solid rgba(244,248,251,.35)}
.pblock.plum .shelf td{border-bottom:1px solid rgba(244,248,251,.18)}
.pblock.plum .panel{background:rgba(244,248,251,.08);border-color:rgba(244,248,251,.5);color:inherit;box-shadow:none}
.pblock.plum .sources{color:#d8cdf2}
.pblock.plum a{color:#ffd166}
.pblock.plum .shelf a{color:#f4f8fb}
.pblock.olive{background:#2e4038;color:#f4f8fb}
.pblock.olive .sources{color:#d3e4da}
.pblock.olive a{color:inherit}
.pblock.lav{background:#463366;color:#f4f8fb}
.pblock.lav h3{color:#ffd166}
.pblock.lav .sources,.pblock.lav p{color:#ece5fa}
.pblock.lav strong{color:#ffffff}
.vig{display:inline-block;width:40px;height:40px;vertical-align:-12px;margin-left:8px}
.vig svg{width:100%;height:100%}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0}
.step{border:1px solid var(--rule);background:var(--card);border-radius:16px;padding:16px 18px;box-shadow:0 6px 18px rgba(28,26,23,.07)}
.step p{margin:0;font-size:.95rem}
.stepnum{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;
  font-weight:800;font-size:1.05rem;color:#1c1a17;margin-bottom:10px}
.stepnum.c1{background:var(--gold)} .stepnum.c2{background:var(--teal)}
.stepnum.c3{background:var(--mint)} .stepnum.c4{background:var(--lav)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:20px 0}
.tile{display:flex;flex-direction:column;gap:6px;border-radius:20px;padding:18px 20px;color:#f4f8fb;
  text-decoration:none;box-shadow:0 8px 22px rgba(28,26,23,.18);transition:transform .18s ease,box-shadow .18s ease}
.tile .tfile{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.tile .tnum{font-family:Georgia,serif;font-size:2rem;font-weight:700;line-height:1.05}
.tile .ttitle{font-size:.95rem;line-height:1.4}
.tile .tstatus{margin-top:auto;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  border:1.5px solid rgba(244,248,251,.65);border-radius:999px;padding:3px 10px;align-self:flex-start}
.tile.t1{background:#0e2233}.tile.t2{background:#3a2a52}.tile.t3{background:#1d4a38}.tile.t4{background:#6e4512}
.tile.t5{background:#2b4258}.tile.t6{background:#0f4c4c}.tile.t7{background:#445423}.tile.t8{background:#5e4a1f}
.tile.t9{background:#2e2a5e}.tile.t10{background:#4a3220}
.tile:hover,.tile:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px rgba(28,26,23,.28)}
.fig,.step,.panel,.strip{transition:transform .18s ease,box-shadow .18s ease}
.fig:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(28,26,23,.14)}
.poster .stars circle{animation:twinkle 3.2s ease-in-out infinite}
.poster .stars circle:nth-child(2n){animation-delay:1.1s}
.poster .stars circle:nth-child(3n){animation-delay:2s}
.poster .floaty{animation:floaty 7s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (prefers-reduced-motion: reduce){
  .poster .stars circle,.poster .floaty{animation:none}
  .tile,.fig,.step{transition:none}
}
@media (max-width:760px){
  .pblock{padding:20px 16px;border-radius:20px}
  .tiles{grid-template-columns:1fr 1fr;gap:10px}
  .tile{padding:14px 14px}
  .tile .tnum{font-size:1.45rem}
  .steps{grid-template-columns:1fr}
}
@media (max-width:400px){ .tiles{grid-template-columns:1fr} }

/* Poster v2 fixes from the screenshot loop (2026-11-04): cream cards inside
   color panels keep ink text (panel color must not cascade into cards);
   the dark-panel waffle uses a warm stone, never a blue-gray; panel inner
   headings take the panel accent. */
.pblock .fig,.pblock .step{color:var(--ink)}
.pblock.plum .panel h3{color:#ffd166}
.pblock.dark .waffle i.m{background:#97887a}
@media (max-width:760px){
  .pblock.plum .shelf td::before{color:#ffd166}
}

/* Site-wide poster pass (2026-11-04): brief homes carry a per-file accent
   panel behind the decision zone, in the same color as the file's catalog
   tile on the front page, so a file has one color everywhere it appears.
   The panel is presentation only; the exhibit below it is untouched. */
.pblock.accent1{background:#0e2233;color:#f4f8fb}.pblock.accent2{background:#3a2a52;color:#f4f8fb}
.pblock.accent3{background:#1d4a38;color:#f4f8fb}.pblock.accent4{background:#6e4512;color:#f4f8fb}
.pblock.accent5{background:#2b4258;color:#f4f8fb}.pblock.accent6{background:#0f4c4c;color:#f4f8fb}
.pblock.accent7{background:#445423;color:#f4f8fb}.pblock.accent8{background:#5e4a1f;color:#f4f8fb}
.pblock.accent9{background:#2e2a5e;color:#f4f8fb}.pblock.accent10{background:#4a3220;color:#f4f8fb}
.pblock .bridge{opacity:.94}
.glossary{background:#2e4038;color:#f4f8fb;border-radius:16px;padding:18px 22px;box-shadow:0 8px 22px rgba(28,26,23,.14)}
.glossary dt{color:#ffd166}
.glossary dd{color:#eef4f0}
.miniposter{border-radius:20px;overflow:hidden;box-shadow:0 10px 26px rgba(28,26,23,.22);margin:20px 0 6px}
.miniposter svg{width:100%;height:auto;display:block}
.brief-home .strip{background:#463366;color:#f4f8fb;border:none;border-radius:26px;padding:26px 30px;box-shadow:0 12px 30px rgba(28,26,23,.16)}
.brief-home .strip h3{color:#ffd166}
.brief-home .strip p{color:#ece5fa}
.pblock .split,.pblock .verdict,.pblock .panel{color:var(--ink)}
.corrwrap .corr,.corrwrap .corr p,.corrwrap .corr h3,.corrwrap .corr .meta{color:var(--ink)}

/* Completion pass (2026-11-04): every remaining element brought into the
   poster system, so no default ledger surface is left between panels.
   Semantic color rule extended: in the Debatable pair, ink means settled
   and amber means open; the distinction is stated in the section itself. */
.bar{border-top:3px solid;border-image:linear-gradient(90deg,#ffd166,#e8933a,#c65f2e,#6d3b5e,#2a1e3f) 1}
.seal{background:var(--gold);color:#1c1a17;border-color:#1c1a17}
.ptag.ink{background:#1c1a17;color:#f4f8fb}
h2 .no{display:inline-flex;align-items:center;justify-content:center;min-width:1.65em;height:1.65em;
  border-radius:50%;background:var(--gold);color:#1c1a17;padding:0 .18em;margin-right:.45em;
  font-size:.82em;vertical-align:.08em}
.home .notice{background:var(--field);color:#f4f8fb;border:none;border-radius:26px;
  padding:24px 28px;box-shadow:0 12px 30px rgba(12,32,54,.3)}
.home .notice strong{color:var(--gold)}
.dndfigs .fig:nth-child(1),.dndfigs .fig:nth-child(2){background:var(--ink);color:#f4f8fb;border-color:var(--ink)}
.dndfigs .fig:nth-child(3){background:var(--amber);color:#1c1a17;border-color:#1c1a17}
.dndfigs .chip{border:1px solid rgba(244,248,251,.55)}
.dndfigs .fig:nth-child(3) .chip{border-color:rgba(28,26,23,.4)}
.split{border:2.5px solid var(--ink)}
.split .middle{background:linear-gradient(180deg,#fdf6dd,#f6e3b4)}
.verdict{background:var(--ink);color:#f4f8fb;border-left:6px solid var(--gold);border-radius:0 16px 16px 0}
.verdict strong{color:var(--gold)}
.natfigs .fig{color:#f4f8fb}
.natfigs .fig .t{color:#f4f8fb}
.natfigs .fig:nth-child(1){background:#0e2233}
.natfigs .fig:nth-child(2){background:#3a2a52}
.natfigs .fig:nth-child(3){background:#1d4a38}
.natfigs .fig:nth-child(4){background:#6e4512}
.receiptspanel{border-left:6px solid var(--gold)}
.brief-home .lede{background:var(--card);border:1px solid var(--rule);border-radius:16px;
  padding:18px 22px;box-shadow:0 6px 18px rgba(28,26,23,.07)}
.pblock .verdict{color:#f4f8fb}
.dndfigs .fig:nth-child(1) .t,.dndfigs .fig:nth-child(2) .t{color:#f4f8fb}
.dndfigs .fig:nth-child(1) strong,.dndfigs .fig:nth-child(2) strong{color:#ffffff}