/* 首頁安座引導：沿用正式主視覺，只補足操作狀態與閱讀層次。 */
.landing .onboarding-beta { margin: .7rem auto 0; color: var(--gold); font-size: .9rem; line-height: 1.7; max-width: 32rem; }
.landing .onboarding-entry-note { color: var(--dim); font-size: .92rem; line-height: 1.9; margin: 1rem 0 .5rem; }
.onboarding-entry-note a, .onboarding-before-start a { color: var(--gold-bright); text-underline-offset: .2em; text-decoration: underline; }
.onboarding-before-start { max-width: 720px; margin: 1.2rem auto; padding: .9rem 1.1rem; border-left: 2px solid var(--gold); background: rgba(25, 16, 9, .72); border-radius: 0 10px 10px 0; }
.onboarding-before-start strong { color: var(--cream); font-size: .95rem; }
.onboarding-before-start p { margin: .45rem 0 0; color: var(--dim); font-size: .88rem; line-height: 1.8; }
.onboarding-progress { max-width: 720px; padding: 0; margin: 1.1rem auto .7rem; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; }
.onboarding-progress li { color: var(--dim); border-bottom: 2px solid rgba(212, 169, 78, .24); padding: .5rem .15rem; text-align: center; font-size: .85rem; }
.onboarding-progress li[aria-current="step"] { color: var(--gold-bright); border-color: var(--gold-bright); font-weight: 700; }
.wizard.onboarding-in-progress > .steps3, .wizard.onboarding-in-progress > .wz-title, .wizard.onboarding-in-progress > .onboarding-before-start { display: none; }
.onboarding-eligibility { max-width: 720px; margin: .4rem auto .6rem; color: var(--gold); font-size: .8rem; line-height: 1.7; }
.wizard.onboarding-in-progress .onboarding-draft { margin-bottom: .6rem; }
.wizard.onboarding-in-progress .wz-title { margin-top: .8rem; }
.onboarding-draft { max-width: 720px; margin: 0 auto 1.4rem; display: flex; align-items: center; gap: .6rem; }
.onboarding-draft p { flex: 1; margin: 0; font-size: .8rem; line-height: 1.8; color: var(--dim); }
.onboarding-text-button { flex: none; min-height: 44px; padding: .35rem .55rem; color: var(--gold); background: transparent; border: 1px solid rgba(212, 169, 78, .35); border-radius: 8px; font: inherit; font-size: .85rem; cursor: pointer; }
.onboarding-field-note { color: var(--dim); font-size: .88rem; line-height: 1.8; margin: .5rem 0 0; }
.onboarding-field-count { color: var(--dim); font-size: .8rem; margin: .3rem 0 0; text-align: right; }
.onboarding-load-status { text-align: center; color: var(--dim); font-size: .9rem; }
.landing #retryDeities { display: block; margin: .7rem auto; }
.landing #registrationGoogleRetry { margin: .6rem auto; }
.landing .deity-card { margin: 0; }
.landing .deity-card:focus-visible, .landing .onboarding-text-button:focus-visible { outline: 3px solid var(--gold-bright); outline-offset: 4px; }
.landing [data-step-focus]:focus { outline: none; }
.landing .onboarding-progress[hidden], .landing .onboarding-draft[hidden], .landing #retryDeities[hidden], .landing #registrationGoogleRetry[hidden], .landing #clearDraft[hidden] { display: none; }
@media (max-width: 480px) {
  .onboarding-progress { gap: .25rem; }
  .onboarding-progress li { font-size: .75rem; padding-inline: 0; }
  .onboarding-draft { align-items: flex-start; }
}
/* 手機橫放仍沿用收合選單，讓短螢幕保留填寫空間。 */
@media (max-height: 480px) and (max-width: 1000px) {
  .landing .site-nav-top { padding: .25rem max(0px, env(safe-area-inset-right)) .25rem max(0px, env(safe-area-inset-left)); }
  .landing .site-nav-login, .landing .site-nav-links { display: none; }
  .landing .site-nav-menu { position: relative; display: block; margin-left: auto; }
  .landing .site-nav-menu-toggle { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 1.5px solid rgba(212,169,78,.45); border-radius: 50%; background: rgba(20,12,6,.82); color: var(--gold-bright); cursor: pointer; list-style: none; }
  .landing .site-nav-menu-toggle::-webkit-details-marker { display: none; }
  .landing .site-nav-menu-toggle:focus-visible { border-color: var(--gold-bright); outline: 2px solid rgba(240,201,108,.3); outline-offset: 2px; }
  .landing .site-nav-menu[open] .site-nav-menu-toggle { border-color: var(--gold-bright); background: rgba(212,169,78,.14); }
  .landing .site-nav-menu-icon { width: 20px; display: grid; gap: 4px; }
  .landing .site-nav-menu-icon i { display: block; width: 100%; height: 2px; border-radius: 999px; background: currentColor; }
  .landing .site-nav-popover { position: absolute; z-index: 2; top: calc(100% + .4rem); right: 0; width: min(84vw, 320px); max-height: calc(100dvh - 72px - env(safe-area-inset-bottom)); overflow-y: auto; padding: .55rem; border: 1px solid rgba(212,169,78,.45); border-radius: 14px; background: rgba(18,11,6,.98); box-shadow: 0 18px 42px rgba(0,0,0,.58); overscroll-behavior: contain; }
  .landing .site-nav-menu-links { display: grid; gap: .35rem; }
  .landing .site-nav-menu-links a, .landing .site-nav-menu-auth { min-height: 48px; display: flex; align-items: center; gap: .7rem; padding: .62rem .75rem; border: 1px solid rgba(212,169,78,.2); border-radius: 10px; background: rgba(255,255,255,.035); color: var(--cream); text-decoration: none; font-size: .96rem; line-height: 1.35; }
  .landing .site-nav-menu-links .site-nav-icon { width: 1.55rem; height: 1.55rem; }
  .landing .site-nav-menu-auth { margin-top: .65rem; border-color: rgba(212,169,78,.4); border-radius: 0 0 10px 10px; border-width: 1px 0 0; background: transparent; color: var(--gold-bright); }
  .landing .site-nav-menu-auth > span { width: 1.55rem; flex: 0 0 1.55rem; color: var(--gold); font-size: 1.2rem; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .landing .wz-step.on { animation: none; }
  .landing .deity-card { transition: none; }
}