/**
 * 採点結果配信中版専用（r8_index02.html のみ）
 * 2級建築士：淡緑ベース + 配信中の強調
 */
.page--scoring-live {
  --live-emphasis: #1b7a43;
  --live-emphasis-dark: #145c32;
  --live-gold: #e6a817;
}

.page--scoring-live .site-header__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.35em 0.5em;
}

.page--scoring-live .site-header__live-tag {
  display: inline-block;
  padding: 0.12em 0.55em;
  font-size: 0.72em;
  font-weight: 900;
  letter-spacing: 0.08em;
  color: #fff;
  vertical-align: middle;
  background: linear-gradient(135deg, var(--live-emphasis) 0%, var(--live-gold) 100%);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(27, 122, 67, 0.35);
}

@keyframes r8-live-gold-shimmer {
  0%,
  100% {
    background-position: 120% center;
  }
  50% {
    background-position: -20% center;
  }
}

@keyframes r8-live-gold-glow {
  0%,
  100% {
    filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.35));
  }
  50% {
    filter: drop-shadow(0 0 12px rgba(251, 191, 36, 0.9)) drop-shadow(0 0 22px rgba(217, 119, 6, 0.55));
  }
}

.page--scoring-live .mv__countdown {
  padding: 0px 16px 4px;
  background: linear-gradient(180deg, #f5fce8 0%, var(--color-bg) 100%);
}

.page--scoring-live .mv__countdown-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 8px 10px 4px;
  line-height: 1.4;
}

.page--scoring-live .mv__live-headline,
.page--scoring-live .mv__live-hook {
  display: block;
  background: linear-gradient(105deg, #b45309 0%, #b45309 38%, #d97706 46%, #fbbf24 50%, #fde68a 52%, #fbbf24 54%, #d97706 62%, #b45309 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation:
    r8-live-gold-shimmer 2.6s ease-in-out infinite,
    r8-live-gold-glow 2.6s ease-in-out infinite;
}

.page--scoring-live .mv__live-headline {
  font-size: clamp(1.55rem, 5.2vw, 2rem);
  font-weight: 900;
  letter-spacing: 0.06em;
}

.page--scoring-live .mv__live-hook {
  max-width: 22em;
  font-size: clamp(1.05rem, 3.6vw, 1.28rem);
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.page--scoring-live .mv__countdown.is-live .mv__countdown-inner {
  color: inherit;
  -webkit-text-fill-color: inherit;
}

.page--scoring-live .mv-fv .container .mv__cta-wrap {
  gap: 12px;
  padding-top: 16px;
  padding-bottom: 22px;
  background: linear-gradient(180deg, var(--color-bg) 0%, #dff0e6 100%);
}

.page--scoring-live .cta-btn-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 25px;
  width: 100%;
}

.page--scoring-live .floating-cta .cta-btn-row {
  flex-direction: row;
  flex-wrap: nowrap;
}

.page--scoring-live .cta-btn-row .btn--mv-cta {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.page--scoring-live .cta-btn-row .btn--floating-cta {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.page--scoring-live .cta-block {
  border-radius: var(--radius);
  background: linear-gradient(180deg, #f5fce8 0%, var(--color-bg) 100%);
  border: 2px solid rgba(46, 125, 82, 0.28);
}

.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-emphasis-dark);
  line-height: 1.45;
}

@media (min-width: 768px) {
  .page--scoring-live .mv__countdown {
    padding: 16px 28px 6px;
  }

  .page--scoring-live .mv__countdown-inner {
    gap: 8px;
    padding: 10px 12px 6px;
  }

  .page--scoring-live .mv-fv .container .mv__cta-wrap {
    padding-top: 20px;
    padding-bottom: 24px;
  }

  .page--scoring-live .cta-btn-row {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 30px;
  }

  .page--scoring-live .cta-btn-row .btn--mv-cta,
  .page--scoring-live .cta-btn-row .btn--floating-cta {
    flex: 1 1 0;
    width: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page--scoring-live .mv__live-headline,
  .page--scoring-live .mv__live-hook {
    animation: none;
    filter: none;
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: #d97706;
    -webkit-text-fill-color: currentColor;
  }
}

/* 総評公開後：MV/style.js 待ち不要で下層コンテンツを即表示 */
.page--scoring-live .io-fadeup {
  opacity: 1 !important;
  transform: none !important;
}