/* HCIE route: network cobalt, cloud cyan, data-grid structure and signal coral. */
body.book-hcie {
  --ink: #172b46; --muted: #61738a; --line: #d4e0ea; --paper: #fbfdff; --mist: #eef6fa;
  --brand: #1769aa; --brand-strong: #0f426d; --brand-soft: #dceef9; --accent: #db6b46; --accent-soft: #fde5dc;
  --blue: #1e93af; --blue-soft: #d9f0f3; --shadow: 0 18px 46px rgba(15, 66, 109, 0.15);
  --stage: #0d2238; --stage-ink: #f4f8fa; --stage-muted: rgba(244, 248, 250, 0.72); --stage-line: rgba(244, 248, 250, 0.2);
  --stage-accent: #74d6de; --stage-acid: #b6db94; --stage-secondary: #db6b46; --stage-surface: #fbfdff; --stage-surface-strong: #e3f1f6; --stage-surface-line: #d4e0ea;
  background: #eef6fa;
}
body.book-hcie::before { background: repeating-linear-gradient(90deg, rgba(23, 105, 170, 0.05) 0 1px, transparent 1px 56px), repeating-linear-gradient(0deg, rgba(30, 147, 175, 0.045) 0 1px, transparent 1px 56px); opacity: 0.76; }
body.book-hcie .brand-mark { color: #79d7df; border-color: #79d7df; box-shadow: 5px 5px 0 #db6b46; }
body.book-hcie .hero-band::before { content: "NETWORK / 24"; }
body.book-hcie .hero-band::after { content: "云"; color: transparent; -webkit-text-stroke-color: rgba(121, 215, 223, 0.24); font-family: "Microsoft YaHei", sans-serif; }
body.book-hcie .book-preview::after { content: "SOURCE / 10P"; }
body.book-hcie .hero-band .primary-button, body.book-hcie .primary-button { box-shadow: 5px 5px 0 #db6b46; }
body.book-hcie .hero-band .primary-button:hover, body.book-hcie .primary-button:hover { box-shadow: 1px 1px 0 #db6b46; }
body.book-hcie .stat::before, body.book-hcie .course-item::before, body.book-hcie .practice-item::before, body.book-hcie .paper-card::before, body.book-hcie .progress-bar span, body.book-hcie .quiz-meter span { background: #db6b46; }
body.book-hcie .section:nth-of-type(odd) { background: rgba(255,255,255,0.7); }
@media (max-width: 720px) { body.book-hcie .hero-band::after { font-size: 180px; } }

/* Keep the route-specific landing composition compact after the shared visual layer. */
body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-band,
body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-grid { min-height: 520px; }
body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-grid {
  align-items: center;
  padding-top: 60px;
  padding-bottom: 40px;
}
body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-grid h1 { font-size: 64px; }
body.book-hcie:not(.book-bsks):not(.book-zsb) .book-preview {
  min-height: 0;
  padding: 18px 18px 16px;
}
body.book-hcie:not(.book-bsks):not(.book-zsb) .book-preview::before,
body.book-hcie:not(.book-bsks):not(.book-zsb) .book-preview::after { content: none; }
body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage { min-height: 350px; }
body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage img {
  position: relative;
  width: 100%;
  height: 170px;
  aspect-ratio: auto;
}
body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage img:nth-child(1) { transform: rotate(-3deg); }
body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage img:nth-child(2) { transform: rotate(2deg); }
body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage img:nth-child(3) { transform: rotate(1deg); }
body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage img:nth-child(4) { transform: rotate(-2deg); }

@media (max-width: 920px) {
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-grid {
    min-height: auto;
    padding-top: 48px;
    padding-bottom: 34px;
  }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .book-preview { min-height: 0; }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage { min-height: 310px; }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage img { height: 150px; }
}

@media (max-width: 560px) {
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-grid h1 { font-size: 42px; }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage { min-height: 270px; }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .preview-collage img { height: 130px; }
}

@media (min-width: 921px) {
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(420px, 0.7fr);
    gap: 48px;
  }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-grid h1 {
    margin-top: 12px;
    margin-bottom: 18px;
    font-size: 56px;
    line-height: 0.92;
  }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-lede,
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-description,
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-source { max-width: 680px; }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-lede {
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 1.5;
  }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-description {
    font-size: 15px;
    line-height: 1.6;
  }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-signal-row { margin-top: 12px; }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-actions { margin-top: 24px; }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .hero-copy .hero-source {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.55;
  }
  body.book-hcie:not(.book-bsks):not(.book-zsb) .landing-section { padding-top: 36px; }
}