/* Stone, sage, and brass on the established character notebook. */
.theme-attack_on_titan {
  --ink: #30392f;
  --muted: #62685b;
  --paper: #faf8ee;
  --accent: #506b46;
  --accent-light: #e1e9d8;
  --line: #c8ceb9;
  --mint: #e5e9da;
  --rose: #eee4d4;
  --gold: #c1a46f;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #d6dfc8 0, transparent 48%), linear-gradient(135deg, #eff0e7, #e5dfd0);
}
.theme-attack_on_titan .notebook { border-color: #a9b198; box-shadow: 8px 8px 0 #c2c9b4, 0 24px 70px #30392f17; }
.theme-attack_on_titan .notebook::before { border-color: #a3ad86; }
.theme-attack_on_titan .hero { background: linear-gradient(120deg, #faf8ee, #e9eddf); }
.theme-attack_on_titan .hero h1 { font-size: clamp(2.4rem, 4.1vw, 3.7rem); overflow-wrap: anywhere; }
.theme-attack_on_titan .hero-art { transform: rotate(-1deg); }
.theme-attack_on_titan .art-caption { font-size: 10.5px; letter-spacing: 1.25px; fill: #4b6043; }
.theme-attack_on_titan .primary { box-shadow: 0 3px 0 #35492f; }
.theme-attack_on_titan .primary:hover:not(:disabled) { background: #405b37; }
.theme-attack_on_titan :is(button, a, summary, input):focus-visible,
.theme-attack_on_titan .answer:has(input:focus-visible) { outline-color: #506b46; }
.theme-attack_on_titan .answer:hover { background: #edf0e3; border-color: #92a17b; }
.theme-attack_on_titan .answer-letter { background: #e2e7d5; }
.theme-attack_on_titan .answer:has(input:checked) { background: var(--accent-light); }
.theme-attack_on_titan .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-attack_on_titan .scorecard { background: #e9eddc; }
.theme-attack_on_titan progress,
.theme-attack_on_titan progress::-webkit-progress-bar { background: #dbe1cb; }
.theme-attack_on_titan meter,
.theme-attack_on_titan meter::-webkit-meter-bar { background: #d2dac1; }
@media (max-width: 720px) {
  .theme-attack_on_titan .hero h1 { font-size: clamp(1.95rem, 7.8vw, 2.8rem); }
  .theme-attack_on_titan #question-heading { font-size: clamp(1.4rem, 6vw, 1.8rem); line-height: 1.15; }
  .theme-attack_on_titan .notebook { box-shadow: 5px 5px 0 #c2c9b4; }
}