/* LP typography: sans-serif throughout; preserve handwriting and card numbers. */
main {
  --lp-font-sans: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
}
/* Narrative and UI text. */
main .hero,
main .hero .brand__zh,
main .hero .brand__en,
main .hero .audience-tag,
main .hero .resonance-copy,
main .hero .resonance-copy p,
main .hero .resonance-copy__opening,
main .hero .continue-cue,
main .answer-bridge__content,
main .superpower-deck__intro,
main .superpower-card__turn-label,
main .superpower-card__back-intro,
main .superpower-card__back-title,
main .superpower-card__back-subhead,
main .superpower-card__back-copy,
main .superpower-carousel__swipe,
main .superpower-benefits p,
main .awareness-action__message,
main .course-positioning__card li,
main .registration-intro p,
main .registration-form__group legend,
main .value-closing__body,
main .loss-live .loss-live__headline p {
  font-family: var(--lp-font-sans);
}
/* Main headings, card names, and core declarations. */
main .hero h1,
main .hero .hero-title__lead,
main .hero .hero-title__question,
main .scenario-section .section-intro h2,
main .scenario-section .scenario-card h3,
main .scenario-section .scenario-transition h3,
main .cognition-intro h2,
main .cognition-section .cognition-card .cognition-panel h3,
main .cognition-ending h3,
main .cognition-section .cognition-loss-lead,
main .loss-live .loss-live__headline h2,
main .answer-bridge h2,
main .superpower-deck__header h2,
main .superpower-card__title,
main .superpower-benefits h3,
main .awareness-action h2,
main .awareness-action__beginning strong,
main .awareness-action__possibility-row strong,
main .course-positioning__card h2,
main .registration-intro h2,
main .value-closing h2,
main .value-closing__signature > span {
  font-family: var(--lp-font-sans);
}
/* Timeline captions now follow the sans-serif typography. */
main .loss-live__timeline { font-family: var(--lp-font-sans); }

/* Card headings and lecture declaration use sans-serif. */
main .scenario-section .scenario-card h3,
main .cognition-section .cognition-card .cognition-panel h3,
main .superpower-card__title {
  font-family: var(--lp-font-sans);
}
main .awareness-action__beginning strong {
  font-family: var(--lp-font-sans);
}

/* Numerals outside card indices use sans-serif. */
main .lp-number,
main .cognition-progress__count,
main .cognition-progress__count b,
main .registration-countdown__time b,
main .registration-field input[type="tel"],
main .registration-field select[name="age"],
main .registration-field select[name="age"] option {
  font-family: var(--lp-font-sans);
}

/* Only the three card families retain Georgia indices. */
main .scenario-card__index,
main .scenario-card__index .lp-number,
main .cognition-panel__number,
main .cognition-panel__number .lp-number,
main .superpower-card__number,
main .superpower-card__number .lp-number {
  font-family: Georgia, "Times New Roman", serif;
}
main .superpower-card__title { font-weight: 400; }
main .awareness-action__beginning strong { color: #8E5A44; }

/* Approved back-half color assignments, desktop + mobile. */
main .loss-live .loss-live__headline h2 { color: #3E2F26; }
main .loss-live .loss-live__headline-lead,
main .cognition-section .cognition-loss-lead { color: #667078; }
main .loss-live .loss-live__headline p,
main .answer-bridge__intro { color: #5C493E; }
main .answer-bridge h2 span,
main .answer-bridge h2 strong { color: #3E2F26; }
main .answer-bridge__arrow { color: #5C493E; }
main .superpower-deck__header h2 { color: #3E2F26; }
main .superpower-card__title,
main .superpower-card__turn-label,
main .superpower-card__turn-icon { color: #253746; }
main .superpower-card__turn-icon { border-color: #253746; }
main .awareness-action h2 { color: #3E2F26; }
main .awareness-action__lead,
main .awareness-action__beginning > span { color: #5C493E; }
main .awareness-action__possibility,
main .awareness-action__possibility-row strong { color: #3E2F26; }
/* Preserve submit text, field placeholders, and privacy notice colors. */
main .registration-section,
main .registration-section :where(*):not(:where(
  .registration-submit, .registration-submit *,
  .registration-privacy, .registration-privacy *
)) { color: #253746 !important; }
main .registration-event__date > span { background: #5A6B8E; }
/* Two matching leather surfaces; submit semantics and text remain unchanged. */
main .registration-submit {
  background: url("assets/registration-submit-leather-green-v1.webp") center / 100% 100% no-repeat;
  box-shadow: 0 5px 14px rgba(42,74,64,.13);
}
main .registration-submit--fogblue {
  background-image: url("assets/registration-submit-leather-fogblue-v1.webp");
  box-shadow: 0 5px 14px rgba(58,69,88,.13);
}

/* Superpower names retain the serif presentation. */
main .superpower-card__title {
  font-family: "Noto Serif TC", "Songti TC", serif;
}
/* White month label is the deliberate exception to registration ink. */
main .registration-section .registration-event__date > span,
main .registration-section .registration-event__date > span * {
  color: #fff !important;
}

/* Exact awareness/action type sizes approved 2026-10-03. */
main .awareness-action h2 { font-size: 48px; }
main .awareness-action__lead { font-size: 23px; }
main .awareness-action__beginning > span { font-size: 24px; }
main .awareness-action__beginning strong { font-size: 42px; }
main .awareness-action__possibility { font-size: 25.99px; }
main .awareness-action__possibility-row strong { font-size: 36.94px; }
@media (max-width: 720px) {
  main .awareness-action h2 { font-size: 30px; }
  main .awareness-action__lead { font-size: 16.30px; }
  main .awareness-action__beginning > span { font-size: 16.30px; }
  main .awareness-action__beginning strong { font-size: 26px; }
  main .awareness-action__possibility { font-size: 16.30px; }
  main .awareness-action__possibility-row strong { font-size: 22.23px; }
}

/* Approved shorter leather capsule; full artwork with uniform scaling. */
main .registration-submit,
main .registration-submit--fogblue {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 2059 / 251;
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow: visible;
  background: url("assets/registration-submit-leather-short-v3.webp") center / contain no-repeat;
  box-shadow: none;
}
/* Move only the requested message block, preserving internal spacing. */
main .awareness-action__lead,
main .awareness-action__beginning { position: relative; top: 25px; }
@media (max-width: 720px) {
  main .awareness-action__lead,
  main .awareness-action__beginning { top: 40px; }
}

/* Desktop: uniformly reduce the approved submit capsule to 400px maximum. */
@media (min-width: 901px) {
  main .registration-submit,
  main .registration-submit--fogblue {
    width: min(100%, 400px);
    justify-self: center;
    font-size: 15px;
    gap: 12px;
  }
}