/**

 * 採点結果配信中版：下層セクション用

 * FV 分（ヘッダー・MV・直下 CTA）は index.html クリティカル CSS にインライン

 */

.page--scoring-live {

  --live-red: #d32f2f;

  --live-red-dark: #b71c1c;

  --live-orange: #f57c00;

  --live-green: #0d5c2e;

}



.page--scoring-live .io-fadeup {

  opacity: 1;

  transform: none;

}



html {

  scroll-behavior: smooth;

}



#service,

#analysis,

#present,

#course {

  scroll-margin-top: 72px;

}



@media (min-width: 768px) {

  #service,

  #analysis,

  #present,

  #course {

    scroll-margin-top: 80px;

  }

}



.page--scoring-live .btn--floating-cta {

  font-size: clamp(1rem, 3.5vw, 1.14rem);

  box-shadow:

    0 0 0 3px #fff,

    0 0 0 8px rgba(245, 158, 11, 0.35),

    0 8px 24px rgba(245, 158, 11, 0.5);

}



.page--scoring-live .cta-block {

  border-radius: var(--radius);

  background: linear-gradient(180deg, #fff8e6 0%, #f0f7ff 100%);

  border: 2px solid rgba(245, 124, 0, 0.25);

}



.page--scoring-live .cta-block .mv__countdown {

  padding-top: 16px;

}



.page--scoring-live .merit-card__catch-detail--live {

  font-size: clamp(1.15rem, 4vw, 1.6rem);

  font-weight: 800;

  color: var(--live-red-dark);

  line-height: 1.45;

}



@media (prefers-reduced-motion: reduce) {

  html {

    scroll-behavior: auto;

  }

}


@media (min-width: 768px) {
  .present-card--tokuten {
      margin-bottom: 24px;
  }
}