/* ==========================================================================
   gothic.css — the Dark Angels layer. Load AFTER ledger.css.
   Nine small blocks; each stands alone — delete any you don't want.
   Needs one extra font: Cinzel 600 (Google Fonts) for block 1.
   ========================================================================== */

/* 1 · INSCRIBED TYPE — carved capitals for the words that name things; an illuminated initial */
.ledger{--display:'Cinzel','Cormorant Garamond',Georgia,serif;isolation:isolate}
.ledger .heading,.ledger .wordmark{font-family:var(--display);font-weight:600;letter-spacing:var(--ls-3)}
.ledger .heading::first-letter{color:var(--gold-warm);font-size:1.15em}

/* 2 · THE CROSS RULE — every section's underline becomes line · ✠ · line */
.ledger .plate-head::after{content:"\2720";width:calc(120px*var(--ui));height:auto;margin-top:var(--s2);
  font-family:var(--serif);font-size:var(--fs-4);line-height:1;color:var(--gold);text-align:center;box-shadow:none;text-shadow:0 0 10px var(--glow-live);
  background:linear-gradient(90deg,transparent,var(--gold-line) 18%,var(--gold) 40%,transparent 41%,transparent 59%,var(--gold) 60%,var(--gold-line) 82%,transparent);
  background-size:100% 1px;background-position:center;background-repeat:no-repeat}
.ledger :is(.a-head,.r-head,.s-head) .plate-head::after{display:none}

/* 3 · BRACKETED PLATES — a hanging plaque: the top hairline turns down at both ends */
.ledger .plate::before,.ledger .plate::after{content:"";position:absolute;inset:auto;top:-1px;width:calc(10px*var(--ui));height:calc(10px*var(--ui));
  background:none;pointer-events:none;z-index:1;border:0;border-top:1px solid var(--gold)}
.ledger .plate::before{left:0;border-left:1px solid var(--gold)}
.ledger .plate::after{right:0;border-right:1px solid var(--gold)}
.ledger .crew-card::before,.ledger .crew-card::after{border:0}

/* 4 · READOUTS IN BRACKETS — the meta line reads like a stencilled plate */
.ledger .plate-head-meta::before{content:"[ ";color:var(--gold-ash)}
.ledger .plate-head-meta::after{content:" ]";color:var(--gold-ash)}

/* 5 · THE CHAPTER WATERMARK — the winged sword, ghosted behind the head of every page
   TWO CHANGES FROM THE DROP, BOTH THE OWNER'S: "make this graphic dark angel
   logo static in the background. I like it but more faint."
   · `fixed`, not `absolute`. On a handoff page `.ledger` IS the document and
     the sword scrolls away with it. Here the app scrolls an inner pane, so
     absolute would have pinned it near enough by accident -- fixed says it.
   · .045 -> .026. Faint enough to be a watermark rather than a picture. */
.ledger::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:url(assets/chapter-sigil.png) center calc(64px*var(--ui))/min(52vw,calc(560px*var(--ui))) no-repeat;opacity:.026}

/* 6 · GILT EDGE — a gold line and its shadow under the nav and the filing bar */
.ledger .topbar,.ledger .filing-bar{border-bottom:1px solid var(--gold-dim);box-shadow:0 2px 0 rgba(0,0,0,.6),0 3px 0 rgba(201,164,92,.16)}
.ledger .navtab-on{color:var(--gold-warm);text-shadow:0 0 10px var(--glow-live)}

/* 7 · THE WAX SEAL — a credited man carries the chapter's seal, pressed at an angle */
.ledger .crew-credited .crew-state .mark{width:calc(56px*var(--ui));height:calc(56px*var(--ui));justify-content:center;padding:0;border-radius:50%;transform:rotate(-8deg);
  border:2px solid #6A4A12;font-size:calc(7px*var(--ui));letter-spacing:.08em;color:var(--ink-on-gold);text-shadow:none;
  background:radial-gradient(circle at 35% 30%,#F3DA9A,#C9A45C 45%,#8A6A32 82%,#6A4A12);
  box-shadow:0 4px 10px rgba(0,0,0,.65),inset 0 0 0 4px rgba(255,236,180,.28),inset 0 0 0 5px rgba(90,60,10,.55)}
.ledger .crew-credited .crew-state .mark-lamp::before{display:none}

/* 8 · CANDLELIT GLOOM — the edges of the page fall into shadow */
.ledger::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 85% 70% at 50% 28%,transparent 50%,rgba(0,0,0,.42))}

/* 9 · BRASS RIVETS — four studs on the corners of every recess */
.ledger .roll,.ledger .tiles-hero{position:relative}
.ledger .roll::before,.ledger .tiles-hero::before{content:"";position:absolute;inset:4px;pointer-events:none;z-index:2;
  background:
    radial-gradient(circle at 0 0,rgba(222,206,164,.6) 0 1.3px,rgba(0,0,0,.6) 1.3px 2.3px,transparent 2.5px),
    radial-gradient(circle at 100% 0,rgba(222,206,164,.6) 0 1.3px,rgba(0,0,0,.6) 1.3px 2.3px,transparent 2.5px),
    radial-gradient(circle at 0 100%,rgba(222,206,164,.6) 0 1.3px,rgba(0,0,0,.6) 1.3px 2.3px,transparent 2.5px),
    radial-gradient(circle at 100% 100%,rgba(222,206,164,.6) 0 1.3px,rgba(0,0,0,.6) 1.3px 2.3px,transparent 2.5px)}