/* Paper Lecture: ruled cream paper, a red margin line, serif headings and ink-red accents. */
:root {
  --bg: #f3eee2;
  --surface: #fbf8f1;
  --ink: #1e1c17;
  --muted: #6f6758;
  --line: #d9d0bd;
  --accent: #b8432c;
  --accent-ink: #ffffff;
  --accent-2: #2c4a78;
  --ok: #3b7d4a;
  --bad: #b8432c;
  --font-display: "Deck Serif", var(--cjk-serif), Georgia, serif;
  --font-body: "Deck Sans", var(--cjk), system-ui, sans-serif;
  --radius: 14px;
  --pad: 150px;
  --chart-colors: #b8432c, #2c4a78, #c9952b, #3b7d4a, #7a5aa6;
  --outer: #2a2620;
}
.deck-stage > section {
  padding-left: 220px;
  background-color: var(--bg);
  background-image:
    linear-gradient(90deg, transparent 158px, rgb(184 67 44 / 0.55) 158px, rgb(184 67 44 / 0.55) 161px, transparent 161px),
    repeating-linear-gradient(180deg, transparent 0 57px, rgb(44 74 120 / 0.09) 57px 59px);
}
section .kicker { color: var(--accent-2); }
section h1, section h2 { color: var(--ink); }
section em { color: var(--accent); font-style: italic; }
:lang(zh) section em { font-style: normal; }
section[data-layout="cover"]::after {
  content: ""; position: absolute; right: 150px; top: 130px; width: 220px; height: 220px; border-radius: 50%;
  border: 3px solid var(--accent); opacity: 0.85;
}
section[data-layout="bullets"] li::before { background: var(--accent); height: 3px; }
.stat { border-top: 2px solid var(--accent-2); }
.stat b { color: var(--accent-2); }
section[data-layout="compare"] .col { background: var(--surface); box-shadow: 0 1px 0 var(--line); }
section[data-layout="compare"] .col:last-child { border-color: var(--accent-2); }
section[data-layout="quote"] blockquote::before { color: var(--accent); }
.quiz li, ol.sort li, .match .target { background: var(--surface); }
.match .item { background: var(--accent-2); color: #fff; }