/* A classic monster-school notebook: pink stitches, ink, and turquoise lockers. */
.theme-monster_high {
  --ink: #33303e;
  --muted: #62596b;
  --paper: #fff9fc;
  --accent: #993767;
  --accent-light: #f5e0ea;
  --line: #dac5d8;
  --mint: #dfedeb;
  --rose: #f6e3ee;
  --gold: #d9dca9;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #eac7df 0, transparent 46%), linear-gradient(135deg, #f0e9f1, #dceceb);
}
.theme-monster_high .notebook {
  border-color: #c5adc6;
  box-shadow: 8px 8px 0 #dbcbdf, 0 24px 70px #49385014;
}
.theme-monster_high .notebook::before { border-color: #d59abc; }
.theme-monster_high .hero { background: linear-gradient(115deg, #fff9fc, #eff4f0); }
.theme-monster_high .hero h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); }
.theme-monster_high .hero-art { transform: rotate(2deg); }
.theme-monster_high .primary { box-shadow: 0 3px 0 #66274d; }
.theme-monster_high .primary:hover:not(:disabled) { background: #782b55; }
.theme-monster_high :is(button, a, summary, input):focus-visible,
.theme-monster_high .answer:has(input:focus-visible) { outline-color: #2c646c; }
.theme-monster_high .answer:hover { background: #fbecf5; border-color: #b87eaa; }
.theme-monster_high .answer-letter { background: #eee3f0; }
.theme-monster_high .answer:has(input:checked) { background: var(--accent-light); }
.theme-monster_high .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-monster_high .scorecard { background: #eaf1ee; }
.theme-monster_high progress,
.theme-monster_high progress::-webkit-progress-bar { background: #ebdce9; }
.theme-monster_high meter,
.theme-monster_high meter::-webkit-meter-bar { background: #d4e0db; }
@media (max-width: 720px) {
  .theme-monster_high .hero h1 { font-size: clamp(2.2rem, 8.5vw, 3rem); }
  .theme-monster_high .notebook { box-shadow: 5px 5px 0 #dbcbdf; }
}