/* Beijing essay route: blue-grey ink, civic coral, river blue and leaf green. */
body.book-jhsl {
  --ink: #1e2d36;
  --muted: #687782;
  --line: #d2dadd;
  --paper: #fbfcfa;
  --mist: #edf3f3;
  --brand: #286a78;
  --brand-strong: #1c4653;
  --brand-soft: #dcecee;
  --accent: #c2634f;
  --accent-soft: #f8e9e4;
  --blue: #3f7893;
  --blue-soft: #e3f0f3;
  --shadow: 0 18px 46px rgba(28, 70, 83, 0.14);
  --stage: #18262b;
  --stage-ink: #f5f7f4;
  --stage-muted: rgba(245, 247, 244, 0.7);
  --stage-line: rgba(245, 247, 244, 0.2);
  --stage-accent: #d9ae5c;
  --stage-acid: #a5c8a2;
  --stage-secondary: #c2634f;
  --stage-surface: #fbfcfa;
  --stage-surface-strong: #e7f0ef;
  --stage-surface-line: #d2dadd;
  background: #edf3f3;
}

body.book-jhsl::before {
  background:
    repeating-linear-gradient(90deg, rgba(40, 106, 120, 0.045) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(194, 99, 79, 0.03) 0 1px, transparent 1px 64px);
  opacity: 0.7;
}

body.book-jhsl .brand-mark {
  color: #d9ae5c;
  border-color: #d9ae5c;
  box-shadow: 5px 5px 0 #c2634f;
}

body.book-jhsl .hero-band::before {
  content: "CITY / 01";
}

body.book-jhsl .hero-band::after {
  content: "京";
  color: transparent;
  -webkit-text-stroke-color: rgba(217, 174, 92, 0.22);
  font-family: "Microsoft YaHei", sans-serif;
}

body.book-jhsl .book-preview::after {
  content: "SOURCE / 10P";
}

body.book-jhsl .hero-band .primary-button,
body.book-jhsl .primary-button {
  box-shadow: 5px 5px 0 #c2634f;
}

body.book-jhsl .hero-band .primary-button:hover,
body.book-jhsl .primary-button:hover {
  box-shadow: 1px 1px 0 #c2634f;
}

body.book-jhsl .stat::before,
body.book-jhsl .course-item::before,
body.book-jhsl .practice-item::before,
body.book-jhsl .paper-card::before,
body.book-jhsl .progress-bar span,
body.book-jhsl .quiz-meter span {
  background: #c2634f;
}

body.book-jhsl .hero-grid h1,
body.book-jhsl .focus-card h2,
body.book-jhsl .stat strong {
  letter-spacing: 0;
}

body.book-jhsl .section:nth-of-type(odd) {
  background: rgba(255, 255, 255, 0.64);
}

@media (max-width: 720px) {
  body.book-jhsl .hero-band::after {
    font-size: 180px;
  }
}