/* Yokohama case notes: harbor ink, book cloth, and warm paper. */
.theme-bungo_stray_dogs {
  --ink: #303a40;
  --muted: #5e6464;
  --paper: #fcf8ed;
  --accent: #79513b;
  --accent-light: #f2e6d9;
  --line: #cdc6b8;
  --mint: #e5e9e7;
  --rose: #f3e6d7;
  --gold: #ddc799;
  color: var(--ink);
  background: radial-gradient(ellipse at 0 0, #cbd7d9 0, transparent 48%), linear-gradient(135deg, #eee9dc, #dde3df);
}
.theme-bungo_stray_dogs .notebook {
  border-color: #b5b6a8;
  box-shadow: 8px 8px 0 #ccd1c5, 0 24px 70px #394b4914;
}
.theme-bungo_stray_dogs .notebook::before { border-color: #c6a384; }
.theme-bungo_stray_dogs .hero { background: linear-gradient(115deg, #fcf8ed, #eff0e7); }
.theme-bungo_stray_dogs .hero h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); overflow-wrap: anywhere; }
.theme-bungo_stray_dogs .hero-art { transform: rotate(2deg); }
.theme-bungo_stray_dogs .primary { box-shadow: 0 3px 0 #533827; }
.theme-bungo_stray_dogs .primary:hover:not(:disabled) { background: #603f2c; }
.theme-bungo_stray_dogs :is(button, a, summary, input):focus-visible,
.theme-bungo_stray_dogs .answer:has(input:focus-visible) { outline-color: #365c72; }
.theme-bungo_stray_dogs .answer:hover { background: #f5efe2; border-color: #a89176; }
.theme-bungo_stray_dogs .answer-letter { background: #e9e4d7; }
.theme-bungo_stray_dogs .answer:has(input:checked) { background: var(--accent-light); }
.theme-bungo_stray_dogs .answer:has(input:checked) .answer-letter { background: var(--accent); }
.theme-bungo_stray_dogs .scorecard { background: #eaece3; }
.theme-bungo_stray_dogs progress,
.theme-bungo_stray_dogs progress::-webkit-progress-bar { background: #e7dfcf; }
.theme-bungo_stray_dogs meter,
.theme-bungo_stray_dogs meter::-webkit-meter-bar { background: #d8decf; }
@media (max-width: 720px) {
  .theme-bungo_stray_dogs .hero h1 { font-size: clamp(2.2rem, 8.5vw, 3rem); }
  .theme-bungo_stray_dogs .notebook { box-shadow: 5px 5px 0 #ccd1c5; }
}