/* Presentation-forward refinement. The original narrative and controls remain intact. */
@media (min-width: 900px) {
  .chapter:first-child .chapter-inner {
    width: min(390px, 34vw);
    max-width: 390px;
    top: 17vh;
    margin-inline: auto;
    padding: 17px 33px 19px;
    background: linear-gradient(146deg, rgba(9,39,31,.94), rgba(10,27,23,.89));
    border: 1px solid rgba(234,192,107,.78);
    border-radius: 17px;
    box-shadow: 0 18px 75px rgba(6,24,18,.44), inset 0 0 0 1px rgba(255,243,203,.08);
    backdrop-filter: blur(14px);
    text-align: center;
  }
  .chapter:first-child .chapter-inner:before,
  .chapter:first-child .chapter-inner:after {
    content: '◇';
    display: block;
    color: #e2bd73;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 8px;
  }
  .chapter:first-child .chapter-inner:before {margin-bottom: 2px}
  .chapter:first-child .chapter-inner:after {margin-top: 8px}
  .chapter:first-child .eyebrow {color: #efd59b;letter-spacing: .09em}
  .chapter:first-child h1 {font-size: clamp(38px, 3.1vw, 56px);line-height: 1.32;margin: 0 0 8px}
  .chapter:first-child .chapter-desc {max-width: 300px;margin: 0 auto;color: #eae9d9;font-size: 12px;line-height: 1.8}
  .chapter:first-child .hero-actions {justify-content: center;gap: 16px;margin-top: 14px}
  .chapter:first-child .primary {background: linear-gradient(130deg,#f5dc9b,#c69b51);color:#17251f;border-radius:9px;font-weight:700;box-shadow: 0 5px 18px #0004}
  .chapter:first-child .concept-label {font-size: 8px;opacity:.63;margin-top:14px}
  .chapter:first-child .scroll-cue {display:none}
}
@media (max-width: 899px) {
  .chapter:first-child .chapter-inner {border-color: rgba(234,192,107,.64);border-radius: 13px}
}