/* Research Journal: kraft paper, olive and rust ink, taped sticky-note quotes and stamped labels. */
:root {
  --bg: #ebe4d2;
  --surface: #f6f1e4;
  --ink: #2a2a22;
  --muted: #6b6858;
  --line: #cbbf9f;
  --accent: #5d6c2c;
  --accent-ink: #ffffff;
  --accent-2: #b4622a;
  --ok: #5d6c2c;
  --bad: #b4622a;
  --font-display: "Deck Serif", var(--cjk-serif), Georgia, serif;
  --font-body: "Deck Sans", var(--cjk), system-ui, sans-serif;
  --radius: 4px;
  --pad: 140px;
  --chart-colors: #5d6c2c, #b4622a, #8a8466, #d0a53b, #3f5c6b;
  --outer: #23211a;
}
.deck-stage > section {
  background:
    radial-gradient(circle at 20% 30%, rgb(255 255 255 / 0.25), transparent 40%),
    radial-gradient(circle at 85% 75%, rgb(120 100 60 / 0.08), transparent 45%),
    var(--bg);
}
section .kicker { display: inline-block; align-self: flex-start; color: var(--accent-2); border: 2px solid var(--accent-2); padding: 8px 14px 6px; transform: rotate(-1.5deg); }
section em { color: var(--accent); font-style: italic; }
:lang(zh) section em { font-style: normal; }
section[data-layout="quote"] blockquote {
  position: relative; background: #f6e7a6; padding: 70px 80px 60px; font-size: 76px; line-height: 1.18; transform: rotate(-1.2deg);
  box-shadow: 0 18px 40px rgb(60 50 20 / 0.18); max-width: 1450px;
}
section[data-layout="quote"] blockquote::after { content: ""; position: absolute; left: 50%; top: -22px; width: 200px; height: 46px; transform: translateX(-50%) rotate(2deg); background: rgb(255 255 255 / 0.55); }
section[data-layout="quote"] blockquote::before { display: none; }
section[data-layout="quote"] cite { padding-left: 80px; }
.stat { border-top: 2px solid var(--ink); }
.stat b { color: var(--accent); }
section[data-layout="bullets"] li::before { background: var(--accent-2); }
section[data-layout="compare"] .col { background: var(--surface); box-shadow: 0 8px 22px rgb(60 50 20 / 0.1); border: 0; }
section[data-layout="compare"] .col:last-child { border-top: 6px solid var(--accent); }
.match .item { background: var(--accent); }