/* Wisteria and mountain greens on the established character notebook. */
.theme-demon_slayer {
  --ink: #283d35;
  --muted: #596960;
  --paper: #fcfaf3;
  --accent: #386449;
  --accent-light: #e2eddf;
  --line: #cad6c7;
  --mint: #e2eddf;
  --rose: #eee3ef;
  --gold: #ecd49e;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #e2d7e9 0, transparent 48%), linear-gradient(135deg, #f0eee3, #dae5d8);
}
.theme-demon_slayer .notebook {
  border-color: #b0c5b1;
  box-shadow: 8px 8px 0 #c2d2bd, 0 24px 70px #283d3517;
}
.theme-demon_slayer .notebook::before { border-color: #c6add0; }
.theme-demon_slayer .hero { background: linear-gradient(120deg, #fcfaf3, #eef2e7); }
.theme-demon_slayer .hero h1 { font-size: clamp(2.15rem, 3.8vw, 3.45rem); overflow-wrap: anywhere; }
.theme-demon_slayer .hero-art { transform: rotate(-1deg); }
.theme-demon_slayer .art-caption { font-size: 11px; letter-spacing: 1.4px; fill: #4b6654; }
.theme-demon_slayer .primary { box-shadow: 0 3px 0 #234430; }
.theme-demon_slayer .primary:hover:not(:disabled) { background: #2d533d; }
.theme-demon_slayer :is(button, a, summary, input):focus-visible,
.theme-demon_slayer .answer:has(input:focus-visible) { outline-color: #80518f; }
.theme-demon_slayer .answer:hover { background: #edf2e9; border-color: #8baa90; }
.theme-demon_slayer .answer-letter { background: #e2ebdf; }
.theme-demon_slayer .answer:has(input:checked) { background: var(--accent-light); }
.theme-demon_slayer .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-demon_slayer .scorecard { background: #e9efe5; }
.theme-demon_slayer progress,
.theme-demon_slayer progress::-webkit-progress-bar { background: #dce5d7; }
.theme-demon_slayer meter,
.theme-demon_slayer meter::-webkit-meter-bar { background: #d0deca; }
@media (max-width: 720px) {
  .theme-demon_slayer .hero h1 { font-size: clamp(1.8rem, 7.4vw, 2.7rem); }
  .theme-demon_slayer #question-heading { font-size: clamp(1.4rem, 6vw, 1.8rem); line-height: 1.15; }
  .theme-demon_slayer .notebook { box-shadow: 5px 5px 0 #c2d2bd; }
}