/* Dine Digest theme for the Magazine Opus kit: forest laurel, antique brass, linen paper, olive-charcoal ink.
   One signal colour: paprika (#d65a3a), used only for the dot, the primary button, dock label and glance bullets.
   Contrast: ink on signal 5.1:1 (buttons); signal is never used for body text on paper. */
:root {
  --paper: #f8f7f2; --paper-2: #efece2; --card: #fcfbf7;
  --ink: #191816; --ink-2: #34312b; --muted: #676257;
  --rule: #e1dccf; --rule-strong: #c6bfae;
  --brand: #244b39; --brand-2: #8c6b2d;
  --signal: #d65a3a; --signal-ink: #191816;
  --inv-bg: #191816; --inv-fg: #f8f7f2; --cover-bg: #0f1511;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #121411; --paper-2: #1a1d19; --card: #171a16; --ink: #ece9e0; --ink-2: #d2cec3; --muted: #a39e92;
    --rule: #2a2e28; --rule-strong: #40453d; --brand: #8fc4a5; --brand-2: #d4b67a; --signal: #e8744f;
    --inv-bg: #1c201b; --inv-fg: #ece9e0; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --paper: #121411; --paper-2: #1a1d19; --card: #171a16; --ink: #ece9e0; --ink-2: #d2cec3; --muted: #a39e92;
  --rule: #2a2e28; --rule-strong: #40453d; --brand: #8fc4a5; --brand-2: #d4b67a; --signal: #e8744f;
  --inv-bg: #1c201b; --inv-fg: #ece9e0; color-scheme: dark;
}
.cover-mast { text-shadow: 0 2px 30px rgba(0,0,0,.35); }
.bar-brand i { display: inline-block; width: .28em; height: .28em; margin-left: .06em; border-radius: 50%; background: var(--signal); vertical-align: .04em; }
.bar-brand span { color: var(--brand-2); opacity: 1; }
.bar:not(.is-solid) .bar-brand span { color: #e2c98f; }
.chapter-motif circle { fill: var(--signal); }
.chart { border-left-color: var(--brand); }
/* Guide facts on the standalone page: the listing, as a quiet ledger. */
.facts { margin: 22px 0 0; padding: 16px 0 0; border-top: 1px solid var(--rule-strong); }
.facts dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px 24px; margin: 0; }
.facts dt { font: 500 10px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.facts dd { margin: 4px 0 0; font: 400 15px/1.4 var(--sans); color: var(--ink); }
.sources-list { margin: 26px 0 0; padding-top: 16px; border-top: 1px solid var(--rule-strong); }
.sources-list h2 { margin: 0 0 6px; font: 500 11px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.sources-list ol { margin: 0; padding: 0 0 0 1.4em; font: 400 14px/1.5 var(--sans); }
.sources-list li { padding: 4px 0; color: var(--muted); }
.sources-list li a { color: var(--ink-2); }
.sources-list .note { margin: 6px 0 0; font: 400 12.5px/1.5 var(--sans); color: var(--muted); }
.unsourced-note { margin: 14px 0 0; padding: 10px 14px; border-left: 3px solid var(--brand-2); background: var(--paper-2); font: 400 14px/1.5 var(--sans); color: var(--ink-2); }
.continue { margin: 6px 0 0; font: 500 14px/1.4 var(--sans); }
.continue a { color: var(--brand); }
.lead-in { font-size: 1.06em; color: var(--ink); }
/* Kit specificity fixes: labels inside paragraphs-with-body-styles. */
.welcome-body .eyebrow { font: 500 11px/1.4 var(--mono); letter-spacing: .14em; color: var(--muted); margin: 0 0 14px; }
.brief .story-meta { font: 500 11px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.cover-issue span:first-child { color: #f3ab93; }
/* Four briefs read as one row on wide screens instead of three plus an orphan. */
@media (min-width: 1021px) { .briefs:has(> .brief:nth-of-type(4)):not(:has(> .brief:nth-of-type(5))) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }