/* DebugInit Signals — a royal, antique broadsheet, kept minimal.
   Paper is the design: no cards, no boxes, no boxed inputs. Structure comes from print: rules (hairline,
   double, gilt), columns, folios, fleurons and margin notes. Ink on royal white paper, oxblood for the one spot of
   colour, gold for ornaments and rules only (never body text). Royal white paper.
   The real Signals logo heads every page; the DebugInit family closes it.
   Type: Cinzel (Roman capitals) for labels, Cormorant Garamond for heads, EB Garamond to read.
   Fonts are served from fonts/ (fonts.css). */

/* ---------- Tokens ---------- */
:root {
  /* Royal white: an ivory-white sheet on a pale stone desk (close to Pulse Milk), gold and oxblood on it. */
  --desk: #ECEAE4;
  --paper: #FDFCF9;
  --ink: #1D1A16;
  --ink-2: #4A453D;               /* quiet ink, 9.5:1 on paper */
  --rule: #1D1A16;
  --rule-soft: rgba(29, 26, 22, .22);
  --red: #7A1E1E;                 /* oxblood, 10.4:1 on paper */
  --gilt: #A8873F;                /* gold: ornaments and rules only */
  --gilt-ink: #7A5E22;            /* gold that carries words: 5.6:1 on paper, 5.0:1 on the desk */
  --w-it: 500;                    /* italic display weight; heavier at night, where thin light strokes fade */
  --fade: rgba(168, 135, 63, .05);

  --f-cap: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --f-head: "Cormorant Garamond", "EB Garamond", Garamond, Georgia, serif;
  --f-body: "EB Garamond", Garamond, "Iowan Old Style", Georgia, serif;

  /* One spacing scale */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 40px; --s5: 64px;
  --max: 1200px;
  --tap: 44px;
}
:root[data-theme="dark"] {
  --desk: #000000; --paper: #0C0D0E; --ink: #F1F0EB; --ink-2: #C9C8C1;
  --rule: #F1F0EB; --rule-soft: rgba(241, 240, 235, .2);
  --red: #F4A391; --gilt: #D9B95E; --gilt-ink: #E3C676; --fade: rgba(0, 0, 0, .5); --w-it: 600;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --desk: #000000; --paper: #0C0D0E; --ink: #F1F0EB; --ink-2: #C9C8C1;
    --rule: #F1F0EB; --rule-soft: rgba(241, 240, 235, .2);
    --red: #F4A391; --gilt: #D9B95E; --gilt-ink: #E3C676; --fade: rgba(0, 0, 0, .5); --w-it: 600;
  }
}

/* ---------- Base ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--desk); color: var(--ink); font: 400 19px/1.7 var(--f-body); overflow-x: hidden; }
a { color: inherit; }
::selection { background: var(--red); color: var(--paper); }
:focus-visible { outline: 2px solid var(--red); outline-offset: 4px; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--ink); color: var(--paper); padding: 8px 14px; z-index: 100; }
.skip:focus { left: 8px; }

/* Small capitals, engraved-plate spacing: every label on the paper. */
.kicker, .byline, .folio, .dateline, .box-h, .sec, .line, .label-line, .r-no,
.ledger th, .wire, .specimen-note b, .disclosure b {
  font-family: var(--f-cap); font-weight: 500; font-style: normal; font-size: 13px; line-height: 1.5;
  letter-spacing: .14em; text-transform: uppercase;
}
.small { font-size: 17px; line-height: 1.6; color: var(--ink-2); }
.nobr { white-space: nowrap; }

/* ---------- The sheet: one royal white page in a gilt frame ---------- */
.sheet {
  max-width: var(--max); margin: clamp(0px, 3vw, 36px) auto;
  padding: 14px clamp(20px, 5vw, 72px) var(--s4);
  background-color: var(--paper);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .035 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at center, transparent 55%, var(--fade) 100%),
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(0, 0, 0, .025) 50%, transparent calc(50% + 1px));
  border: 1px solid color-mix(in srgb, var(--gilt) 55%, transparent);
  outline: 1px solid var(--gilt); outline-offset: -10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 22px 60px -28px rgba(60, 50, 30, .35);
}

/* Fleuron on a hairline: the divider between sections and papers. */
.page::before, .paper::before {
  content: "❦"; position: absolute; top: 4px; left: 0; right: 0; text-align: center; font-size: 22px; line-height: 1; color: var(--gilt);
  background: linear-gradient(var(--gilt), var(--gilt)) left 50% / calc(50% - 26px) 1px no-repeat,
              linear-gradient(var(--gilt), var(--gilt)) right 50% / calc(50% - 26px) 1px no-repeat;
}

/* ---------- Masthead: the real Signals logo ---------- */
.seal-h { margin: var(--s2) 0 var(--s2); line-height: 0; }
.seal { display: inline-block; }
.seal img { width: clamp(240px, 34vw, 420px); height: auto; }
.compact .seal img { width: clamp(190px, 22vw, 280px); }
/* The logos are drawn on white. On parchment the white is multiplied away; at night each logo is inverted with its
   hues turned back, so the white becomes dark and screens away, and the navy wordmarks read light. No plates, no boxes. */
.logo-img { mix-blend-mode: multiply; }
:root[data-theme="dark"] .logo-img { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .logo-img { filter: invert(1) hue-rotate(180deg); mix-blend-mode: screen; } }
.masthead { padding-top: max(var(--s1), env(safe-area-inset-top)); text-align: center; }
.maxim::before, .maxim::after { content: " ❧ "; color: var(--gilt); font-style: normal; }
.maxim::before { display: inline-block; transform: scaleX(-1); }
.dateline {
  display: flex; justify-content: space-between; gap: var(--s2); flex-wrap: wrap; padding: 6px 2px;
  border-top: 3px double var(--gilt); border-bottom: 3px double var(--gilt);
}

/* The wire: dispatches that pass along one line. */
.wire { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--rule); color: var(--ink-2); }
.wire-tag { color: var(--red); white-space: nowrap; }
.wire-tag::after { content: "  ❦"; color: var(--gilt); }
.wire-win { overflow: hidden; flex: 1; }
.wire-track { display: flex; width: max-content; animation: tick 80s linear infinite; }
.wire-track span { white-space: nowrap; padding-right: 12px; }

/* ---------- Type ---------- */
.kicker { color: var(--red); margin: 0 0 10px; }
.banner { font: 500 clamp(52px, 8.6vw, 112px)/.95 var(--f-head); letter-spacing: -.01em; margin: 0; }
.head { font: 500 clamp(32px, 4.4vw, 54px)/1.05 var(--f-head); margin: 6px 0 var(--s2); }
.head.center { text-align: center; }
.banner i, .head i, .chapter-h i, .paper-h i, .couplets i { color: var(--red); font-weight: 500; }
.sub-head { font: 600 22px/1.15 var(--f-head); margin: 0 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--gilt); }
.deck { font: italic var(--w-it) clamp(20px, 2.2vw, 26px)/1.3 var(--f-head); margin: 14px 0 12px; color: var(--ink-2); max-width: 46ch; }
.small-deck { max-width: 60ch; }
.byline { margin: 0 0 14px; padding: 8px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.byline span { margin: 0 6px; }
.note, .jump, .sign { font: italic 19px/1.5 var(--f-head); color: var(--ink-2); }
.note { margin: 12px 0 0; }

.cols { columns: 3 19em; column-gap: var(--s4); column-rule: 1px solid var(--rule-soft); text-align: left; hyphens: auto; -webkit-hyphens: auto; }
.cols-2 { columns: 2 20em; }
.cols p { margin: 0 0 var(--s2); text-indent: 1.4em; }
.cols p.dropcap, .cols p.jump { text-indent: 0; }
.jump { text-align: right; }
.jump a, .ink-link { text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 4px; }
.ink-link { font: italic 700 17px/1.3 var(--f-head); color: var(--red); display: inline-flex; min-height: var(--tap); align-items: center; }
.ink-link.inline { display: inline; min-height: 0; font-size: inherit; }

/* An illuminated initial: a tall capital in oxblood, a gilt hairline beside it. */
.dropcap::first-letter { float: left; font: 600 4.6em/.78 var(--f-head); color: var(--red); padding: 6px 12px 0 0; margin-right: 4px; border-right: 1px solid var(--gilt); }

/* Reference marks: every claim points to its source. */
.ref { font: 700 .72em/0 var(--f-head); color: var(--red); margin-left: 1px; }
.ref::before { content: "["; } .ref::after { content: "]"; }
.sources { margin: var(--s1) 0 0; padding: var(--s1) 0 0 1.4em; border-top: 1px solid var(--rule-soft); font: italic 15.5px/1.45 var(--f-head); color: var(--ink-2); }
.sources li::marker { color: var(--red); font-style: normal; }

/* Sidebar pieces: rules above and below, nothing around. */
.box { border-top: 3px double var(--gilt); border-bottom: 1px solid var(--gilt); padding: 10px 0 12px; }
.box-h { margin: 0 0 8px; }

/* ---------- Front page ---------- */
.front { display: grid; grid-template-columns: 1fr 280px; gap: 0 var(--s4); padding: var(--s4) 0 var(--s1); }
.lead { padding-right: var(--s4); border-right: 1px solid var(--gilt); }
.rail { display: flex; flex-direction: column; gap: var(--s4); }
.motto-box ol { list-style: none; margin: 0; padding: 0; }
.motto-box li, .notice p { font-size: 17px; line-height: 1.6; }
.motto-box li { padding: 7px 0; border-bottom: 1px dotted var(--rule-soft); }
.motto-box li:last-child { border: 0; }
.motto-box b { font: 600 20px var(--f-head); }
.notice p { margin: 0 0 4px; }
.marginal { margin: 0; font: italic var(--w-it) 24px/1.15 var(--f-head); color: var(--red); transform: rotate(-4deg); padding-left: 10px; }

/* ---------- Inner sections ---------- */
.page { position: relative; margin-top: var(--s5); padding: var(--s5) 0 26px; }
.folio { display: flex; justify-content: space-between; margin: 0 0 var(--s3); padding-bottom: 6px; border-bottom: 1px solid var(--rule); }

.ledger { width: 100%; border-collapse: collapse; border-top: 1px solid var(--gilt); border-bottom: 1px solid var(--gilt); }
.ledger th { text-align: left; padding: 10px 14px 10px 0; border-bottom: 1px solid var(--rule); }
.ledger th + th, .ledger td + td { padding-left: 14px; }
.ledger td { padding: 14px 14px 14px 0; vertical-align: top; border-bottom: 1px dotted var(--rule-soft); font-size: 17px; line-height: 1.5; }
.ledger td + td { font-weight: 600; }
.ledger td:first-child { width: 42%; color: var(--ink-2); text-decoration: line-through; text-decoration-color: var(--red); border-right: 1px solid var(--rule-soft); }
.ledger.plain td:first-child { width: 36%; text-decoration: none; color: var(--ink); font: 600 19px var(--f-head); }
.ledger.plain td + td { font-weight: 400; }

.fund { display: grid; grid-template-columns: 1fr 300px; gap: var(--s4); }
.fund article { padding-right: var(--s4); border-right: 1px solid var(--rule); }
.pledge { margin-top: var(--s2); border-top: 1px solid var(--gilt); border-bottom: 1px solid var(--gilt); padding: 12px 0; }
.pledge .box-h { color: var(--red); }
.pledge ul { margin: 0; padding-left: 1.6em; }
.pledge li { margin: 6px 0; font-size: 17px; line-height: 1.6; }
.pledge li::marker { content: "☞  "; color: var(--red); }
.classifieds { display: grid; align-content: start; }
.class-h { font: 500 20px/1 var(--f-cap); letter-spacing: .14em; text-transform: uppercase; text-align: center; margin: 0 0 8px; padding-bottom: 8px; border-bottom: 3px double var(--rule); }
.ad { display: block; text-decoration: none; padding: 10px 0; border-bottom: 1px solid var(--rule-soft); font: 400 17px/1.55 var(--f-head); text-align: left; hyphens: auto; }
.ad b { font-weight: 600; letter-spacing: .04em; }
.ad:hover b { color: var(--red); }

/* Six questions: roman numerals set as a line of type; the chosen one underlined in oxblood. */
.six { display: grid; grid-template-columns: auto 1fr; gap: 28px; align-items: center; border-top: 1px solid var(--gilt); border-bottom: 1px solid var(--gilt); padding: 18px 0; }
.six-tabs { display: flex; flex-wrap: wrap; gap: 0 4px; max-width: 220px; }
.six-tabs button { min-width: var(--tap); min-height: var(--tap); border: 0; background: none; color: var(--ink-2); font: 500 20px/1 var(--f-cap); cursor: pointer; padding: 0 6px; }
.six-tabs button:hover { color: var(--ink); }
.six-tabs button[aria-selected="true"] { color: var(--red); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.six-q { font: 500 clamp(28px, 4vw, 48px)/1.05 var(--f-head); margin: 0; }
.six-a { font: italic 19px/1.4 var(--f-head); color: var(--ink-2); margin: 8px 0 0; }
.six-panel.swap .six-q, .six-panel.swap .six-a { animation: ink .5s ease; }

.method { margin-top: var(--s4); }
.steps { margin: 0; padding-left: 1.8em; text-align: left; }
.steps li { margin: 0 0 8px; break-inside: avoid; font-size: 17px; }
.steps li::marker { font: 600 17px var(--f-head); color: var(--red); }

/* Departments: ruled columns of type, the first spanning the page. */
.depts { columns: 3 17em; column-gap: 34px; column-rule: 1px solid var(--rule-soft); border-top: 1px solid var(--gilt); margin-top: var(--s3); padding-top: var(--s2); }
.dept { break-inside: avoid; padding: 0 0 14px; margin: 0 0 14px; border-bottom: 1px dotted var(--rule-soft); }
.dept:last-child { border-bottom: 0; }
.dept h3 { font: 600 24px/1.1 var(--f-head); margin: 4px 0 8px; }
.dept p { margin: 0; font-size: 17px; line-height: 1.6; color: var(--ink-2); }
.dept .sec { color: var(--red); margin: 0; }
.dept-lead { column-span: all; text-align: center; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--gilt); }
.dept-lead h3 { font-size: 36px; font-weight: 500; }
.dept-lead p { max-width: 60ch; margin: 0 auto; }

.three { display: grid; grid-template-columns: 1fr 1fr 1fr; }
.three > div { padding: 0 22px; border-right: 1px solid var(--rule-soft); }
.three > div:first-child { padding-left: 0; }
.three > div:last-child { border-right: 0; padding-right: 0; }
.three > .box { align-self: start; }
.toc { list-style: none; padding: 0; margin: 0 0 22px; counter-reset: t; }
.toc li { display: flex; align-items: baseline; gap: 6px; padding: 5px 0; font-size: 17px; }
.toc li::after { content: ""; order: 1; flex: 1; border-bottom: 2px dotted var(--rule-soft); transform: translateY(-4px); }
.toc span { font: 600 19px var(--f-head); }
.toc i { order: 2; font: italic 16px var(--f-head); color: var(--ink-2); white-space: nowrap; }
ol.toc li span::before { counter-increment: t; content: counter(t, upper-roman) ". "; color: var(--red); }
.checks, .standards ul { list-style: none; padding: 0; margin: 0; }
.checks li, .standards li { padding: 6px 0; border-bottom: 1px dotted var(--rule-soft); font-size: 17px; line-height: 1.5; }
.checks li { padding-left: 24px; position: relative; }
.checks li::before { content: "?"; position: absolute; left: 2px; top: 5px; font: 600 17px/1.2 var(--f-head); color: var(--red); }
.checks b { font: 600 1em var(--f-head); }
.standards .box-h { color: var(--red); }
.standards ul { margin-bottom: 10px; }
.standards li::before { content: "✕ "; color: var(--red); font-weight: 700; }

.editorial .manifesto p { font-size: 19px; }
.pull { font: italic var(--w-it) clamp(26px, 3.6vw, 40px)/1.2 var(--f-head); text-align: center; max-width: 30ch; margin: 18px auto 6px; padding: 16px 0; border-top: 1px solid var(--gilt); border-bottom: 1px solid var(--gilt); }
.sign { text-align: center; margin: 8px 0 0; }

/* ---------- Coupon: a cut line, a pen line, words you circle ---------- */
.coupon { position: relative; max-width: 720px; margin: 8px auto 0; border-top: 1px dashed var(--gilt); padding: 26px 0 6px; }
.scissors { position: absolute; top: -15px; left: 18px; font-size: 22px; line-height: 1; color: var(--gilt-ink); }
.coupon-h { font: 500 clamp(26px, 4vw, 38px)/1.1 var(--f-cap); letter-spacing: .14em; text-align: center; margin: 0 0 6px; }
.coupon-h::before, .coupon-h::after { content: " ✦ "; color: var(--gilt); font-size: .5em; vertical-align: middle; }
.coupon-sub { font: italic 19px/1.45 var(--f-head); text-align: center; color: var(--ink-2); margin: 0 auto 18px; max-width: 48ch; }
.join-form { display: grid; gap: var(--s2); }
.line { display: flex; align-items: baseline; gap: 12px; }
.line input { flex: 1; min-width: 0; min-height: var(--tap); border: 0; border-bottom: 1px solid var(--gilt); background: transparent; color: var(--ink); font: italic 400 22px/1 var(--f-head); padding: 0 2px; border-radius: 0; }
.line input:focus { outline: none; border-bottom-color: var(--red); box-shadow: 0 1px 0 var(--red); }
.tick { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 4px 18px; align-items: center; }
.tick legend { font: italic 19px var(--f-head); color: var(--ink-2); margin-bottom: 6px; padding: 0; }
.tick label { position: relative; display: inline-flex; align-items: center; min-height: var(--tap); cursor: pointer; font: 500 19px/1.2 var(--f-head); }
.tick input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.tick span { position: relative; padding: 4px 10px; }
/* A loose oxblood ring, drawn round a chosen phrase the way a pen would. */
.tick span::before {
  content: ""; position: absolute; inset: -2px -4px; border: 1.6px solid var(--red);
  border-radius: 50% 46% 52% 44% / 60% 50% 55% 48%; transform: rotate(-2deg) scale(.9);
  opacity: 0; transition: opacity .25s ease, transform .35s cubic-bezier(.2, .8, .2, 1);
}
.tick input:checked + span::before { opacity: 1; transform: rotate(-2deg) scale(1); }
.tick input:focus-visible + span { outline: 2px solid var(--red); outline-offset: 4px; }
.tick label:hover span { color: var(--red); }
.join-form button[type="submit"] {
  justify-self: center; min-height: var(--tap); padding: 0 4px; background: none; border: 0; cursor: pointer; color: var(--ink);
  font: 500 16px/1 var(--f-cap); letter-spacing: .14em; text-transform: uppercase;
  text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 2px; text-underline-offset: 8px;
}
.join-form button[type="submit"]::after { content: "  ✉"; color: var(--gilt); }
.join-form button[type="submit"]:hover { color: var(--red); }
.form-msg { text-align: center; margin: 0; min-height: 1.5em; font: italic 17px var(--f-head); color: var(--red); }

/* ---------- Reading pages: Standards, Privacy, Terms ---------- */
.reading { max-width: 760px; margin: 0 auto; padding-top: var(--s4); }
.page-title { margin-bottom: var(--s4); }
.page-title .head { font-size: clamp(40px, 6vw, 72px); }
.center-title { text-align: center; padding-top: var(--s4); max-width: 820px; margin: 0 auto var(--s4); }
.center-title .deck { margin-left: auto; margin-right: auto; }
.specimen-note, .disclosure { font: italic var(--w-it) 18px/1.55 var(--f-head); color: var(--red); border-top: 1px solid var(--gilt); border-bottom: 1px solid var(--gilt); padding: var(--s2) 0; margin: var(--s3) 0 0; }
.specimen-note b, .disclosure b { margin-right: 6px; }
.disclosure { margin: 0 0 var(--s3); }
.contents { margin: 0 0 var(--s5); }
.contents a { text-decoration: none; }
.contents a:hover span { color: var(--red); }
.contents .toc { margin: 0; }
.chapter { margin: 0 0 var(--s5); }
.chapter p { margin: 0 0 var(--s2); }
.chapter-h { font: 500 clamp(28px, 3.6vw, 40px)/1.15 var(--f-head); margin: 0 0 var(--s3); padding-bottom: var(--s1); border-bottom: 1px solid var(--gilt); }
.chapter-h span, .q span { font-family: var(--f-cap); font-size: .6em; color: var(--gilt-ink); margin-right: 10px; vertical-align: .15em; }
.defs { display: grid; grid-template-columns: max-content 1fr; gap: var(--s1) var(--s3); margin: var(--s3) 0; }
.defs dt { font: 600 20px/1.5 var(--f-head); color: var(--red); }
.defs dd { margin: 0; padding-bottom: var(--s1); border-bottom: 1px dotted var(--rule-soft); }
.articles { padding-left: 1.6em; margin: 0 0 var(--s3); }
.articles li { margin-bottom: var(--s2); padding-left: 6px; }
.articles li::marker { font: 600 18px var(--f-head); color: var(--red); }
.articles.roman { list-style: upper-roman; }
.couplets { list-style: none; padding: 0; margin: var(--s3) 0; }
.couplets li { font: 500 22px/1.45 var(--f-head); padding: 6px 0; border-bottom: 1px dotted var(--rule-soft); }
.maxim { font: italic var(--w-it) 24px/1.4 var(--f-head); text-align: center; margin: var(--s4) auto 0; max-width: 34ch; }
.never { list-style: none; padding: 0; margin: var(--s2) 0 var(--s3); }
.never li { position: relative; padding: 8px 0 8px 28px; border-bottom: 1px dotted var(--rule-soft); }
.never li::before { content: "✕"; position: absolute; left: 2px; color: var(--red); }

/* ---------- The Papers ---------- */
.register { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--gilt); }
.register a { display: grid; grid-template-columns: 80px 1fr auto; gap: var(--s1) var(--s3); align-items: baseline; padding: var(--s2) 0; border-bottom: 1px dotted var(--rule-soft); text-decoration: none; }
.register a:hover .r-title { color: var(--red); }
.r-no { color: var(--gilt-ink); }
.r-title { font: 500 clamp(22px, 2.6vw, 28px)/1.2 var(--f-head); }
.r-meta { font: italic 17px/1.3 var(--f-head); color: var(--ink-2); text-align: right; }
.paper { position: relative; max-width: 820px; margin: var(--s5) auto 0; padding-top: var(--s5); }
.label-line { line-height: 1.7; letter-spacing: .12em; color: var(--ink-2); margin: 0 0 var(--s2); }
.lbl { color: var(--red); }
.paper-h { font: 500 clamp(36px, 5vw, 60px)/1.05 var(--f-head); margin: 0 0 var(--s2); }
.paper .deck { max-width: 54ch; }
.paper-body p { margin: 0 0 var(--s2); }
.q { font: 600 22px/1.3 var(--f-head); margin: var(--s4) 0 var(--s1); }
.q:first-child { margin-top: var(--s2); }
.q span { font-size: .62em; margin-right: 8px; vertical-align: .12em; }
.paper .sources { margin-top: var(--s3); }

/* ---------- Footer: the House of DebugInit, Read & Be Connected, then the imprint ---------- */
.house { width: 100%; max-width: 1000px; padding-bottom: var(--s4); margin-bottom: var(--s1); border-bottom: 1px solid var(--gilt); }
.imprint .house-h { font: 500 20px/1 var(--f-cap); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); margin: 0 0 var(--s3); max-width: none; }
.house-h::before { content: "⚜"; display: block; color: var(--gilt); font-size: 24px; margin-bottom: var(--s2); letter-spacing: 0; }
.kin { margin: 0; display: grid; justify-items: center; align-content: end; gap: 6px; }
.kin a { display: block; line-height: 0; }
.kin img { width: 100%; max-width: 200px; height: auto; transition: transform .3s ease; }
.kin a:hover img { transform: translateY(-2px); }
.kin figcaption { font: italic 16px/1.3 var(--f-head); color: var(--ink-2); }
.kin.crown img { max-width: 290px; }
.kin.crown figcaption { font: 500 13px/1.4 var(--f-cap); letter-spacing: .14em; text-transform: uppercase; color: var(--red); }
.kin-row { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--s3); align-items: end; margin-top: var(--s3); padding-top: var(--s3); border-top: 1px dotted var(--rule-soft); }
.imprint {
  display: grid; justify-items: center; gap: var(--s2); text-align: center;
  margin-top: var(--s5); padding: var(--s4) 0 max(12px, env(safe-area-inset-bottom));
  border-top: 3px double var(--gilt); font: 17px/1.5 var(--f-head); color: var(--ink-2);
}
.imprint p { margin: 0; max-width: 60ch; }
.imprint-title { font: 500 22px/1.1 var(--f-cap); letter-spacing: .14em; color: var(--ink); }
.imprint-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 var(--s3); font: italic 17px var(--f-head); }
.imprint-links a { min-height: 40px; display: inline-flex; align-items: center; text-decoration: none; }
.imprint-links a:hover, .imprint-links a[aria-current] { color: var(--red); text-decoration: underline; text-underline-offset: 4px; }
.connect { width: 100%; max-width: 900px; border-bottom: 1px solid var(--gilt); padding: 0 0 var(--s3); margin-bottom: var(--s1); }
.imprint .connect-h { max-width: none; }
.connect-h { font: 500 20px/1 var(--f-cap); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); margin: 0 0 var(--s2); }
.connect ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--s4); text-align: left; }
.connect li { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s2); padding: 10px 0; border-bottom: 1px dotted var(--rule-soft); }
.connect a { font: 500 20px/1.3 var(--f-head); color: var(--ink); text-decoration: none; }
.connect a b { font-weight: 600; color: var(--red); }
.connect a:hover { text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: 4px; }
.connect i { font: italic 16px/1.3 var(--f-head); color: var(--ink-2); text-align: right; }

/* ---------- Motion: quiet, as print should be ---------- */
@keyframes tick { to { transform: translateX(-50%); } }
@keyframes ink { from { opacity: 0; filter: blur(2px); } to { opacity: 1; filter: none; } }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .wire-track { animation: none; }
  .wire-win { overflow-x: auto; }
  .six-panel.swap .six-q, .six-panel.swap .six-a { animation: none; }
  .tick span::before { transition: none; }
}

/* ---------- Tablet ---------- */
@media (max-width: 900px) {
  .front, .fund, .three { grid-template-columns: 1fr; }
  .lead { padding-right: 0; border-right: 0; border-bottom: 3px double var(--gilt); padding-bottom: var(--s2); margin-bottom: var(--s3); }
  .fund article { padding-right: 0; border-right: 0; }
  .three > div { padding: 0 0 18px; border-right: 0; }
  .connect ul { grid-template-columns: 1fr; }
  .kin-row { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) {
  .dateline { justify-content: center; }
}

/* ---------- Phone ---------- */
@media (max-width: 700px) {
  .sheet { margin: 0; box-shadow: none; outline-offset: -6px; }
}
@media (max-width: 640px) {
  body { font-size: 18px; line-height: 1.68; }
  .sheet { padding: 14px 22px var(--s4); }
  .front { padding-top: var(--s3); }
  /* Ragged-right on narrow columns: no rivers of space from justification. */
  .cols, .ad { text-align: left; hyphens: manual; }
  .cols p { text-indent: 0; }
  .page, .paper { margin-top: var(--s4); padding-top: var(--s4); }
  .chapter { margin-bottom: var(--s4); }
  .banner { font-size: clamp(46px, 13vw, 64px); }
  .head { font-size: clamp(30px, 8.6vw, 40px); }
  .page-title .head { font-size: clamp(38px, 11vw, 52px); }
  .paper-h { font-size: clamp(32px, 9.4vw, 44px); }
  .deck { font-size: 20px; }
  .six { grid-template-columns: 1fr; gap: 10px; }
  .six-tabs { max-width: none; }
  .six-q { font-size: 30px; }
  .dateline { flex-direction: column; align-items: center; gap: 4px; }
  .wire-tag::after { content: ""; }
  .ledger thead { display: none; }
  .ledger tr { display: block; padding: 10px 0; border-bottom: 1px dotted var(--rule-soft); }
  .ledger td { display: block; width: auto; border: 0; padding: 2px 0; }
  .ledger th + th, .ledger td + td { padding-left: 0; }
  .ledger td:first-child, .ledger.plain td:first-child { width: auto; border: 0; }
  .depts { columns: 1; }
  .defs { grid-template-columns: 1fr; gap: 0; }
  .defs dt { margin-top: var(--s2); }
  .register a { grid-template-columns: 1fr; gap: 4px; }
  .r-meta { text-align: left; }
  .connect li { flex-direction: column; gap: 2px; }
  .connect i { text-align: left; }
  .marginal { text-align: center; padding: 0; }
  .imprint-links { gap: 0 var(--s2); }
  .kin-row { grid-template-columns: repeat(2, 1fr); gap: var(--s3) var(--s2); }
  .kin img { max-width: 160px; }
  .kin-row .kin:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* ---------- Not found: a stop-press notice ---------- */
.lost { text-align: center; padding-bottom: var(--s2); }
.lost-h { font: 500 clamp(44px, 7.4vw, 88px)/1 var(--f-head); margin: var(--s1) 0 var(--s2); }
.lost-h i { color: var(--red); }
.lost .deck { margin: 0 auto var(--s4); max-width: 40ch; }
.proclamation { text-align: left; border-top: 3px double var(--gilt); border-bottom: 1px solid var(--gilt); padding: var(--s3) 0; }
.hear { font: 500 15px/1 var(--f-cap); letter-spacing: .3em; text-transform: uppercase; text-align: center; color: var(--red); margin: 0 0 var(--s3); }
.hear::before, .hear::after { content: " ✦ "; color: var(--gilt); }
.proclamation .dropcap { margin: 0 0 var(--s3); }
.sought { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 4px 12px; margin: 0; }
.sought span { font: 500 13px/1.5 var(--f-cap); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); }
.lost-path { font: italic var(--w-it) 21px/1.4 var(--f-head); color: var(--red); border-bottom: 1px solid var(--gilt); word-break: break-all; padding: 0 4px; }
.lost-ad { margin: var(--s4) auto 0; max-width: 560px; text-align: left; }
.ad-text { margin: 0; font: 400 18px/1.6 var(--f-head); text-align: left; hyphens: auto; }
.ad-text b { font-family: var(--f-cap); font-weight: 500; font-size: .82em; letter-spacing: .08em; }
.lost-ways { margin: var(--s4) auto 0; max-width: 560px; text-align: left; }
.lost-ways .box-h { text-align: center; margin-bottom: var(--s2); }
.lost-ways a { text-decoration: none; }
.lost-ways a:hover span { color: var(--red); }
@media (max-width: 640px) { .ad-text { text-align: left; } }

/* ---------- Folding, as in a code editor ---------- */
/* A chevron in the left margin beside a section's heading: faint until the section is pointed at, always shown once
   folded. A folded section keeps its heading and a "⋯ n lines" marker; either one unfolds it. */
.fold-head { position: relative; }
.fold-btn {
  position: absolute; left: -38px; top: 50%; transform: translateY(-50%);
  width: 30px; height: 30px; padding: 0; border: 0; background: none; cursor: pointer;
  color: var(--gilt); font: 600 15px/30px var(--f-body); text-align: center; opacity: .35; transition: opacity .2s ease;
}
.fold-btn::before { content: "❯"; display: inline-block; transform: rotate(90deg); transition: transform .2s ease; }
.is-folded > .fold-btn::before { transform: none; }
.fold-head:hover > .fold-btn, .fold-btn:focus-visible, .is-folded > .fold-btn { opacity: 1; }
.fold-btn:hover { color: var(--red); }
.fold-ell {
  margin-left: 12px; padding: 0 2px; border: 0; background: none; cursor: pointer; vertical-align: .2em;
  font: italic var(--w-it) 15px/1.4 var(--f-head); letter-spacing: 0; text-transform: none; color: var(--gilt-ink);
  text-decoration: underline dotted; text-underline-offset: 4px;
}
.fold-ell:hover { color: var(--red); }
.is-folded { margin-bottom: var(--s1); }
.chapter:has(.is-folded) { margin-bottom: var(--s3); }
.fold-bar { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin: 0 0 var(--s2); font: italic 17px var(--f-head); color: var(--gilt-ink); }
.fold-bar button { min-height: var(--tap); padding: 0; border: 0; background: none; cursor: pointer; font: inherit; color: var(--ink-2); }
.fold-bar button:hover { color: var(--red); text-decoration: underline; text-underline-offset: 4px; }
.fold-bar button::before { content: "❯"; color: var(--gilt); display: inline-block; font-style: normal; margin-right: 6px; }
.fold-bar button[data-all="unfold"]::before { transform: rotate(90deg); margin-right: 4px; }
@media (max-width: 760px) {
  /* No margin to hang it in on a phone: the chevron sits at the start of the heading. */
  .fold-btn { position: static; transform: none; width: 34px; height: 34px; line-height: 34px; margin: 0 4px 0 -8px; vertical-align: .1em; opacity: .7; }
}
@media (prefers-reduced-motion: reduce) { .fold-btn, .fold-btn::before { transition: none; } }

/* ======================================================================
   Layout, after wayworks: a menu down the left, a bar along the top, the paper in between.
   The look stays Signals': paper, gold rules, oxblood; no cards, the current place marked by ink and a rule.
   ====================================================================== */
:root { --side: 260px; --bar: 60px; }
body { display: grid; grid-template-columns: var(--side) minmax(0, 1fr); }
.stage { min-width: 0; }
.sheet { max-width: 1100px; margin: clamp(0px, 2.4vw, 32px) auto; }

/* The menu */
.side {
  position: sticky; top: 0; height: 100vh; overflow-y: auto; overscroll-behavior: contain;
  padding: var(--s2) var(--s2) var(--s4); border-right: 1px solid color-mix(in srgb, var(--gilt) 45%, transparent);
  background: var(--desk); scrollbar-width: thin;
}
.side-brand { display: flex; align-items: center; gap: 10px; min-height: var(--tap); padding: 0 8px; margin-bottom: var(--s2); text-decoration: none; }
.side-brand img { width: 30px; height: 30px; }
.side-brand span { font: 500 18px/1 var(--f-cap); letter-spacing: .12em; text-transform: uppercase; }
.side-group { margin-bottom: var(--s3); }
.side-h { font: 500 12.5px/1.4 var(--f-cap); letter-spacing: .16em; text-transform: uppercase; color: var(--gilt-ink); margin: 0 8px var(--s1); }
.side a:not(.side-brand) {
  display: flex; align-items: center; min-height: 40px; padding: 4px 10px 4px 12px; margin-left: -1px;
  border-left: 2px solid transparent; font: 500 18px/1.25 var(--f-head); color: var(--ink-2); text-decoration: none;
}
.side a:not(.side-brand):hover { color: var(--ink); border-left-color: var(--rule-soft); }
.side a[aria-current] { color: var(--red); border-left-color: var(--gilt); }
.side-onpage a { font-size: 16.5px; min-height: 36px; }
.side-onpage a.is-here { color: var(--red); border-left-color: var(--red); }
.side a[rel="noopener"]::after { content: " ↗"; font-size: .8em; color: var(--gilt); margin-left: 4px; }

/* The bar */
.topbar {
  position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: var(--s2);
  min-height: var(--bar); padding: 8px clamp(16px, 2.6vw, 36px);
  background: color-mix(in srgb, var(--desk) 88%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid color-mix(in srgb, var(--gilt) 45%, transparent);
}
.crumb { flex: 1; min-width: 0; margin: 0; font: italic 18px/1.2 var(--f-head); color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.crumb a { font: 500 13px/1 var(--f-cap); font-style: normal; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); text-decoration: none; }
.crumb span[aria-hidden] { margin: 0 10px; color: var(--gilt-ink); font-style: normal; }
.jump-btn, .edition-btn, .menu-btn {
  min-height: var(--tap); padding: 0 6px; border: 0; background: none; cursor: pointer; color: var(--ink-2);
  font: italic 17px/1 var(--f-head); white-space: nowrap;
}
.jump-btn { border-bottom: 1px solid var(--gilt); min-height: 36px; padding: 0 4px; margin-right: 6px; }
.jump-btn:hover, .edition-btn:hover { color: var(--red); }
kbd { font: 500 12.5px/1 var(--f-cap); letter-spacing: .1em; color: var(--gilt-ink); margin-left: 6px; }
.edition-btn { color: var(--red); }
.edition-btn::before { content: "☾ "; font-style: normal; }
.top-cta {
  font: 500 13px/1 var(--f-cap); letter-spacing: .16em; text-transform: uppercase; color: var(--ink); white-space: nowrap;
  text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 2px; text-underline-offset: 7px;
  min-height: var(--tap); display: inline-flex; align-items: center; padding: 0 2px;
}
.top-cta:hover { color: var(--red); }
.menu-btn { display: none; font: 400 24px/1 var(--f-body); color: var(--ink); width: var(--tap); padding: 0; }

/* Jump to…: a sheet of paper over the page, one line to write on, the places listed on rules. */
.jumpto { position: fixed; inset: 0; z-index: 50; display: grid; align-items: start; justify-items: center; padding: 12vh 16px 16px; background: rgba(20, 16, 10, .28); }
.jumpto[hidden] { display: none; }
.jump-sheet {
  width: min(600px, 100%); max-height: 72vh; display: flex; flex-direction: column; padding: var(--s3) var(--s3) var(--s2);
  background: var(--paper); border: 1px solid color-mix(in srgb, var(--gilt) 55%, transparent); outline: 1px solid var(--gilt); outline-offset: -7px;
  box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .45);
}
.jump-line { display: flex; align-items: baseline; gap: 12px; padding: 0 6px; }
.jump-line span { font: 500 13px/1 var(--f-cap); letter-spacing: .14em; text-transform: uppercase; color: var(--gilt-ink); }
.jump-line input { flex: 1; min-width: 0; min-height: var(--tap); border: 0; border-bottom: 1px solid var(--gilt); background: transparent; color: var(--ink); font: italic 22px/1 var(--f-head); padding: 0 2px; border-radius: 0; }
.jump-line input:focus { outline: none; border-bottom-color: var(--red); }
.jump-list { list-style: none; margin: var(--s2) 0 0; padding: 0 6px; overflow-y: auto; }
.jump-list a { display: flex; justify-content: space-between; align-items: baseline; gap: var(--s2); min-height: 42px; padding: 6px 4px; border-bottom: 1px dotted var(--rule-soft); text-decoration: none; }
.jump-list a span { font: 500 19px/1.3 var(--f-head); }
.jump-list a i { font: italic 15px var(--f-head); color: var(--ink-2); white-space: nowrap; }
.jump-list a[aria-selected="true"] span, .jump-list a:hover span { color: var(--red); }
.jump-list a[aria-selected="true"] { border-bottom-color: var(--gilt); }
.jump-empty { font: italic 18px var(--f-head); color: var(--ink-2); padding: var(--s2) 6px 0; margin: 0; }
.jump-foot { margin: var(--s2) 6px 0; font: italic 15px var(--f-head); color: var(--ink-2); }

/* Under 1000px the menu becomes a drawer behind the ☰. */
@media (max-width: 1000px) {
  body { display: block; }
  .side { position: fixed; z-index: 40; left: 0; top: 0; bottom: 0; width: min(300px, 86vw); transform: translateX(-102%); transition: transform .3s cubic-bezier(.2, .8, .2, 1); box-shadow: 20px 0 50px -30px rgba(0, 0, 0, .4); }
  body.side-open .side { transform: none; }
  body.side-open::after { content: ""; position: fixed; inset: 0; z-index: 30; background: rgba(20, 16, 10, .28); }
  .menu-btn { display: inline-flex; align-items: center; justify-content: center; }
}
@media (max-width: 640px) {
  .topbar { gap: 4px; padding: 6px 10px; }
  .crumb a, .crumb span[aria-hidden] { display: none; }
  .crumb { font-size: 17px; }
  .jump-btn { font-size: 0; border: 0; width: var(--tap); margin: 0; }
  .jump-btn::before { content: "⌕"; font: 400 24px/1 var(--f-body); color: var(--ink); }
  .jump-btn kbd { display: none; }
  .edition-btn { font-size: 0; width: var(--tap); }
  .edition-btn::before { font-size: 22px; }
  .top-cta { font-size: 12px; letter-spacing: .12em; }
}
@media (prefers-reduced-motion: reduce) { .side { transition: none; } }

/* ---------- The watermark: the one point where everything starts and ends ---------- */
/* Drawn by main.js inside the sheet, held still in the middle of the reading column while the page scrolls past it.
   The sheet is its own stacking context, so the mark sits above the paper's colour and below every word.
   Two layers: a soft light from the centre, and the drawing in faint gold over it. */
.sheet { position: relative; isolation: isolate; }
.mark {
  position: fixed; z-index: -1; pointer-events: none;
  left: calc(var(--side) + (100vw - var(--side)) / 2); top: calc(50% + var(--bar) / 2);
  width: min(74vmin, 720px); aspect-ratio: 1; transform: translate(-50%, -50%); color: var(--gilt);
}
.mark-light {
  position: absolute; inset: -18%; border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 244, 214, .95) 0%, rgba(250, 232, 190, .55) 22%, rgba(245, 225, 180, .18) 48%, transparent 70%);
  animation: mark-glow 12s ease-in-out infinite;
}
.mark svg { position: relative; width: 100%; height: 100%; overflow: visible; fill: currentColor; }
.mark-art { opacity: .1; }
:root[data-theme="dark"] .mark-art { opacity: .065; }
:root[data-theme="dark"] .mark-light { background: radial-gradient(circle, rgba(241, 240, 235, .09) 0%, rgba(241, 240, 235, .04) 26%, rgba(241, 240, 235, .012) 50%, transparent 70%); }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .mark-art { opacity: .065; }
  :root:not([data-theme="light"]) .mark-light { background: radial-gradient(circle, rgba(241, 240, 235, .09) 0%, rgba(241, 240, 235, .04) 26%, rgba(241, 240, 235, .012) 50%, transparent 70%); }
}
.mark-line { fill: none; stroke: currentColor; stroke-width: 2.2; }
.mark-line.thin { stroke-width: 1.2; }
.mark-rays { stroke: currentColor; stroke-width: .8; opacity: .7; }
.mark-hollow { fill: var(--paper); }
.mark-words { font: 500 15px var(--f-cap); font-family: "Noto Serif Devanagari", "Kohinoor Devanagari", "Devanagari Sangam MN", "Nirmala UI", "Mangal", serif; letter-spacing: .04em; }
.mark-turn { transform-origin: 0 0; animation: mark-turn 360s linear infinite; }
.mark-bindu { transform-origin: 0 0; animation: mark-breathe 9s ease-in-out infinite; }
@keyframes mark-turn { to { transform: rotate(360deg); } }
@keyframes mark-breathe { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.18); opacity: .7; } }
@keyframes mark-glow { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .75; transform: scale(1.04); } }
@media (max-width: 1000px) { .mark { left: 50%; width: min(92vmin, 620px); } }
@media (prefers-reduced-motion: reduce) { .mark-turn, .mark-bindu, .mark-light { animation: none; } }

/* The meaning of the mark, printed for readers at the foot of each page. */
.meaning { width: 100%; max-width: 900px; padding-bottom: var(--s4); margin-bottom: var(--s1); border-bottom: 1px solid var(--gilt); }
.imprint .meaning-h { font: 500 20px/1 var(--f-cap); letter-spacing: .14em; text-transform: uppercase; color: var(--ink); margin: 0 0 var(--s1); max-width: none; }
.imprint .meaning-lede { font: italic var(--w-it) 18px/1.5 var(--f-head); color: var(--ink-2); margin: 0 auto var(--s3); max-width: 52ch; }
.meaning dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 var(--s4); margin: 0; text-align: left; }
.meaning dl > div { display: grid; grid-template-columns: 88px 1fr; gap: var(--s2); align-items: baseline; padding: 10px 0; border-bottom: 1px dotted var(--rule-soft); }
.meaning dt { font: 600 18px/1.3 var(--f-head); color: var(--red); }
.meaning dt small { display: block; font: italic 15px/1.3 var(--f-head); color: var(--gilt-ink); }
.meaning dd { margin: 0; font: 17px/1.5 var(--f-body); color: var(--ink-2); }
@media (max-width: 900px) { .meaning dl { grid-template-columns: 1fr; } }

/* ---------- Night edition: chalk on slate ---------- */
/* Deep black desk, a slate-black sheet with fine chalk dust instead of paper grain, and chalk-white letters. */
:root[data-theme="dark"] .sheet {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 50% 30%, rgba(255, 255, 255, .025), transparent 70%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 30px 80px -30px rgba(0, 0, 0, .9);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .sheet {
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
      radial-gradient(ellipse at 50% 30%, rgba(255, 255, 255, .025), transparent 70%);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 30px 80px -30px rgba(0, 0, 0, .9);
  }
}