/* RankBe guide refresh: 現行の投票仕様を分かりやすく伝えるための専用スタイル */
body.light-preview #guide.page-guide {
  padding: 64px 0 104px !important;
  background: linear-gradient(180deg, #fff 0%, #fff7fb 38%, #fff 100%) !important;
}

body.light-preview #guide .guide-refresh {
  width: min(1120px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 76px !important;
  color: #17213F !important;
}

body.light-preview #guide .guide-intro-card,
body.light-preview #guide .guide-choice-section,
body.light-preview #guide .guide-flow-section,
body.light-preview #guide .guide-tickets-section,
body.light-preview #guide .guide-after-section,
body.light-preview #guide .guide-faq-section,
body.light-preview #guide .guide-final-cta {
  position: relative !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.light-preview #guide .guide-intro-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr) !important;
  gap: 48px !important;
  align-items: center !important;
  min-height: 430px !important;
  padding: 58px 64px !important;
  border: 1px solid #F0D5E1 !important;
  border-radius: 28px !important;
  background: linear-gradient(122deg, #fff 0%, #fff5fa 62%, #fceefd 100%) !important;
  box-shadow: 0 20px 42px rgba(154, 66, 116, .09) !important;
}

body.light-preview #guide .guide-intro-card::after {
  content: '' !important;
  position: absolute !important;
  right: -100px !important;
  bottom: -160px !important;
  width: 390px !important;
  height: 390px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(237, 93, 159, .14), rgba(174, 88, 222, 0) 68%) !important;
  pointer-events: none !important;
}

body.light-preview #guide .guide-kicker {
  margin: 0 0 12px !important;
  color: #C94982 !important;
  font-family: Inter, 'Noto Sans JP', sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
}

body.light-preview #guide .guide-intro-card h1,
body.light-preview #guide .guide-section-intro h2,
body.light-preview #guide .guide-final-cta h2 {
  margin: 0 !important;
  color: #17213F !important;
  font-family: 'Noto Sans JP', Inter, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.055em !important;
}

body.light-preview #guide .guide-intro-card h1 {
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.16 !important;
}

body.light-preview #guide .guide-intro-lead {
  max-width: 600px !important;
  margin: 22px 0 24px !important;
  color: #59627B !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.9 !important;
}

body.light-preview #guide .guide-intro-points {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

body.light-preview #guide .guide-intro-points span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 11px !important;
  border: 1px solid #EFC7D9 !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.78) !important;
  color: #9C3C6C !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.light-preview #guide .guide-intro-visual {
  position: relative !important;
  z-index: 1 !important;
  min-height: 290px !important;
}

body.light-preview #guide .guide-visual-orbit {
  position: absolute !important;
  border: 1px solid rgba(217, 89, 153, .25) !important;
  border-radius: 50% !important;
}

body.light-preview #guide .guide-visual-orbit-a { width: 230px !important; height: 230px !important; top: 8px !important; left: 16px !important; }
body.light-preview #guide .guide-visual-orbit-b { width: 160px !important; height: 160px !important; right: 4px !important; bottom: 3px !important; }

body.light-preview #guide .guide-visual-card {
  position: absolute !important;
  display: grid !important;
  align-content: center !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 35px rgba(68, 32, 61, .15) !important;
}

body.light-preview #guide .guide-visual-card-back {
  right: 10px !important;
  bottom: 23px !important;
  width: 255px !important;
  min-height: 140px !important;
  padding: 26px !important;
  transform: rotate(7deg) !important;
  background: #FFF !important;
  border: 1px solid #F1D4E2 !important;
}

body.light-preview #guide .guide-visual-card-back small,
body.light-preview #guide .guide-visual-card-back b { display: block !important; }
body.light-preview #guide .guide-visual-card-back small { color: #C94982 !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: .12em !important; }
body.light-preview #guide .guide-visual-card-back b { margin-top: 8px !important; color: #17213F !important; font-size: 17px !important; font-weight: 900 !important; }

body.light-preview #guide .guide-visual-card-front {
  top: 24px !important;
  left: 16px !important;
  width: 265px !important;
  min-height: 205px !important;
  padding: 26px !important;
  transform: rotate(-5deg) !important;
  background: linear-gradient(135deg, #ED5D9F, #AE58DE) !important;
  color: #fff !important;
}

body.light-preview #guide .guide-visual-card-front small { color: rgba(255,255,255,.88) !important; font-family: Inter, sans-serif !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: .14em !important; }
body.light-preview #guide .guide-visual-card-front strong { margin-top: 12px !important; color: #fff !important; font-size: 27px !important; font-weight: 900 !important; letter-spacing: -.055em !important; }
body.light-preview #guide .guide-visual-card-front em { margin-top: 8px !important; color: rgba(255,255,255,.86) !important; font-size: 12px !important; font-style: normal !important; font-weight: 700 !important; }
body.light-preview #guide .guide-visual-heart { position: absolute !important; top: 18px !important; right: 21px !important; color: rgba(255,255,255,.9) !important; font-family: Arial, sans-serif !important; font-size: 42px !important; font-weight: 400 !important; line-height: 1 !important; }

body.light-preview #guide .guide-section-intro { max-width: 680px !important; margin-bottom: 28px !important; }
body.light-preview #guide .guide-section-intro h2 { font-size: clamp(28px, 3.2vw, 40px) !important; line-height: 1.25 !important; }
body.light-preview #guide .guide-section-intro > p:last-child { margin: 13px 0 0 !important; color: #59627B !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.82 !important; }

body.light-preview #guide .guide-choice-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

body.light-preview #guide .guide-choice-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 434px !important;
  padding: 30px !important;
  border: 1px solid #EFD7E2 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 12px 30px rgba(59, 37, 60, .05) !important;
}

body.light-preview #guide .guide-choice-member { border-color: #E3B5CE !important; background: linear-gradient(145deg, #fff 0%, #fff0f6 100%) !important; }
body.light-preview #guide .guide-choice-card-top { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; }
body.light-preview #guide .guide-choice-label { padding: 7px 10px !important; border-radius: 999px !important; background: #FFF0F6 !important; color: #A43770 !important; font-size: 12px !important; font-weight: 800 !important; }
body.light-preview #guide .guide-choice-icon { display: grid !important; place-items: center !important; width: 34px !important; height: 34px !important; border: 1px solid #EAB9D0 !important; border-radius: 50% !important; color: #C94982 !important; font-family: Inter, sans-serif !important; font-size: 15px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-choice-card h3 { margin: 19px 0 0 !important; color: #17213F !important; font-size: 24px !important; font-weight: 900 !important; letter-spacing: -.045em !important; }
body.light-preview #guide .guide-choice-subtitle { min-height: 44px !important; margin: 8px 0 0 !important; color: #59627B !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.55 !important; }
body.light-preview #guide .guide-choice-number { display: flex !important; align-items: flex-end !important; gap: 8px !important; margin: 17px 0 12px !important; }
body.light-preview #guide .guide-choice-number strong { color: #D24B84 !important; font-family: Inter, 'Noto Sans JP', sans-serif !important; font-size: 56px !important; font-weight: 900 !important; line-height: .9 !important; letter-spacing: -.07em !important; }
body.light-preview #guide .guide-choice-number span { padding-bottom: 5px !important; color: #59627B !important; font-size: 14px !important; font-weight: 800 !important; }
body.light-preview #guide .guide-choice-card ul { display: grid !important; gap: 9px !important; margin: 0 !important; padding: 14px 0 0 !important; border-top: 1px solid #F1DCE6 !important; list-style: none !important; }
body.light-preview #guide .guide-choice-card li { position: relative !important; padding-left: 18px !important; color: #36405D !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1.6 !important; }
body.light-preview #guide .guide-choice-card li::before { content: '' !important; position: absolute !important; left: 0 !important; top: .56em !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: #D95A98 !important; }

body.light-preview #guide .guide-choice-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 50px !important;
  margin-top: auto !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  font-family: 'Noto Sans JP', sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
}

body.light-preview #guide .guide-choice-button:hover { transform: translateY(-2px) !important; }
body.light-preview #guide .guide-choice-button b { font-size: 19px !important; line-height: 1 !important; }
body.light-preview #guide .guide-choice-button-outline { border: 1px solid #E3A9C6 !important; background: #fff !important; color: #A43770 !important; }
body.light-preview #guide .guide-choice-button-primary { border: 1px solid transparent !important; background: linear-gradient(105deg, #ED5D9F, #AE58DE) !important; color: #fff !important; box-shadow: 0 10px 18px rgba(191, 74, 145, .2) !important; }
body.light-preview #guide .guide-choice-note { margin: 14px 0 0 !important; color: #767E92 !important; font-size: 12px !important; font-weight: 600 !important; text-align: center !important; }

body.light-preview #guide .guide-flow-section { padding: 46px !important; border-radius: 24px !important; background: #17213F !important; }
body.light-preview #guide .guide-flow-section .guide-kicker { color: #FFC0DE !important; }
body.light-preview #guide .guide-flow-section .guide-section-intro h2 { color: #fff !important; }
body.light-preview #guide .guide-flow-section .guide-section-intro > p:last-child { color: rgba(255,255,255,.74) !important; }
body.light-preview #guide .guide-flow-list { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.light-preview #guide .guide-flow-list li { position: relative !important; min-height: 240px !important; padding: 25px !important; border: 1px solid rgba(255,255,255,.16) !important; border-radius: 18px !important; background: rgba(255,255,255,.06) !important; }
body.light-preview #guide .guide-flow-number { color: #FFBEDD !important; font-family: Inter, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .08em !important; }
body.light-preview #guide .guide-flow-icon { display: grid !important; place-items: center !important; width: 47px !important; height: 47px !important; margin: 22px 0 18px !important; border-radius: 13px !important; background: rgba(255,255,255,.12) !important; color: #fff !important; }
body.light-preview #guide .guide-flow-icon svg { width: 25px !important; height: 25px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.8 !important; stroke-linecap: round !important; stroke-linejoin: round !important; }
body.light-preview #guide .guide-flow-list h3 { margin: 0 !important; color: #fff !important; font-size: 18px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-flow-list p { margin: 9px 0 0 !important; color: rgba(255,255,255,.75) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.75 !important; }
body.light-preview #guide .guide-flow-callout { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 18px !important; padding: 15px 18px !important; border: 1px solid rgba(255, 192, 222, .35) !important; border-radius: 14px !important; background: rgba(255,255,255,.08) !important; }
body.light-preview #guide .guide-flow-callout > span { display: grid !important; place-items: center !important; flex: 0 0 auto !important; width: 23px !important; height: 23px !important; border-radius: 50% !important; background: #FFC0DE !important; color: #17213F !important; font-weight: 900 !important; }
body.light-preview #guide .guide-flow-callout p { margin: 0 !important; color: rgba(255,255,255,.88) !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.65 !important; }
body.light-preview #guide .guide-flow-callout b { color: #fff !important; }

body.light-preview #guide .guide-about-section { max-width: 760px !important; }
body.light-preview #guide .guide-about-section h2 { margin: 0 !important; color: #17213F !important; font-family: 'Noto Sans JP', Inter, sans-serif !important; font-size: clamp(26px, 3vw, 34px) !important; font-weight: 900 !important; letter-spacing: -.045em !important; }
body.light-preview #guide .guide-about-section > p { margin: 14px 0 0 !important; color: #495166 !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.9 !important; }

body.light-preview #guide .guide-flow-list-visual li { min-height: 0 !important; display: grid !important; gap: 16px !important; }
body.light-preview #guide .guide-mock { border-radius: 14px !important; background: #fff !important; overflow: hidden !important; box-shadow: 0 14px 26px rgba(9, 12, 26, .3) !important; }

body.light-preview #guide .guide-mock-events-head { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 14px !important; border-bottom: 1px solid #F3E1EA !important; }
body.light-preview #guide .guide-mock-events-head b { color: #D24B84 !important; font-size: 13px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-mock-events-head span { color: #9AA1B4 !important; font-size: 10px !important; font-weight: 700 !important; }
body.light-preview #guide .guide-mock-event-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 12px 14px !important; border-top: 1px solid #F6ECF1 !important; }
body.light-preview #guide .guide-mock-event-row:first-of-type { border-top: 0 !important; }
body.light-preview #guide .guide-mock-event-row em { flex: none !important; display: inline-flex !important; align-items: center !important; height: 20px !important; padding: 0 8px !important; border-radius: 999px !important; background: #ED5D9F !important; color: #fff !important; font-size: 10px !important; font-style: normal !important; font-weight: 900 !important; white-space: nowrap !important; }
body.light-preview #guide .guide-mock-event-row div { display: grid !important; gap: 2px !important; min-width: 0 !important; }
body.light-preview #guide .guide-mock-event-row strong { overflow: hidden !important; color: #17213F !important; font-size: 12px !important; font-weight: 800 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body.light-preview #guide .guide-mock-event-row small { color: #9AA1B4 !important; font-size: 10px !important; font-weight: 700 !important; }

body.light-preview #guide .guide-mock-vote-head { display: flex !important; align-items: center !important; gap: 12px !important; padding: 16px 16px 0 !important; }
body.light-preview #guide .guide-mock-crown { display: inline-flex !important; align-items: center !important; gap: 3px !important; color: #E8C36A !important; font-size: 15px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-mock-crown svg { width: 16px !important; height: auto !important; fill: currentColor !important; }
body.light-preview #guide .guide-mock-vote-head b { color: #17213F !important; font-size: 16px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-mock-vote-stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; margin: 14px 16px 0 !important; padding: 12px 0 !important; border-top: 1px solid #F3E1EA !important; border-bottom: 1px solid #F3E1EA !important; }
body.light-preview #guide .guide-mock-vote-stats small { display: block !important; color: #9AA1B4 !important; font-size: 10px !important; font-weight: 700 !important; }
body.light-preview #guide .guide-mock-vote-stats b { display: block !important; margin-top: 3px !important; color: #17213F !important; font-size: 15px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-mock-vote-options { display: flex !important; gap: 6px !important; margin: 12px 16px 0 !important; }
body.light-preview #guide .guide-mock-vote-options span { flex: 1 !important; display: grid !important; place-items: center !important; height: 26px !important; border-radius: 8px !important; background: #F7F0F4 !important; color: #59627B !important; font-size: 10px !important; font-weight: 800 !important; }
body.light-preview #guide .guide-mock-vote-options span.is-selected { background: #ED5D9F !important; color: #fff !important; }
body.light-preview #guide .guide-mock-vote-cta { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; margin: 12px 16px 16px !important; height: 34px !important; border-radius: 10px !important; background: linear-gradient(105deg, #ED5D9F, #AE58DE) !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-mock-vote-cta b { color: #fff !important; }

body.light-preview #guide .guide-mock-rank-head { display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 12px 14px !important; border-bottom: 1px solid #F3E1EA !important; }
body.light-preview #guide .guide-mock-rank-head b { color: #17213F !important; font-size: 13px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-mock-rank-head span { color: #D24B84 !important; font-size: 10px !important; font-weight: 800 !important; }
body.light-preview #guide .guide-mock-rank-row { display: flex !important; align-items: center !important; gap: 10px !important; padding: 10px 14px !important; border-top: 1px solid #F6ECF1 !important; }
body.light-preview #guide .guide-mock-rank-row:first-of-type { border-top: 0 !important; }
body.light-preview #guide .guide-mock-medal { flex: none !important; display: grid !important; place-items: center !important; width: 22px !important; height: 22px !important; border-radius: 50% !important; font-size: 11px !important; font-style: normal !important; font-weight: 900 !important; }
body.light-preview #guide .guide-mock-medal.is-gold { background: #E8C36A !important; color: #17213F !important; }
body.light-preview #guide .guide-mock-medal.is-silver { background: #C8CDD6 !important; color: #17213F !important; }
body.light-preview #guide .guide-mock-medal.is-bronze { background: #B8704C !important; color: #fff !important; }
body.light-preview #guide .guide-mock-rank-row strong { flex: 1 !important; overflow: hidden !important; color: #17213F !important; font-size: 12px !important; font-weight: 800 !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body.light-preview #guide .guide-mock-rank-row small { flex: none !important; color: #D24B84 !important; font-size: 11px !important; font-weight: 900 !important; }

body.light-preview #guide .guide-ticket-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; }
body.light-preview #guide .guide-ticket-card { padding: 29px !important; border: 1px solid #EFD7E2 !important; border-radius: 20px !important; background: #fff !important; }
body.light-preview #guide .guide-ticket-card-pink { border-color: #ECC6DA !important; background: linear-gradient(135deg, #FFF3F8, #FBF3FF) !important; }
body.light-preview #guide .guide-ticket-tag { display: inline-flex !important; min-height: 28px !important; align-items: center !important; padding: 0 10px !important; border-radius: 999px !important; background: #FFF0F6 !important; color: #A43770 !important; font-size: 11px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-ticket-card h3 { margin: 15px 0 0 !important; color: #17213F !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1.35 !important; letter-spacing: -.045em !important; }
body.light-preview #guide .guide-ticket-card > p { margin: 12px 0 0 !important; color: #59627B !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.75 !important; }
body.light-preview #guide .guide-ticket-card dl { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin: 20px 0 0 !important; }
body.light-preview #guide .guide-ticket-card dl div { padding-top: 11px !important; border-top: 1px solid #F1DCE6 !important; }
body.light-preview #guide .guide-ticket-card dt { color: #7A8294 !important; font-size: 11px !important; font-weight: 700 !important; }
body.light-preview #guide .guide-ticket-card dd { margin: 4px 0 0 !important; color: #17213F !important; font-size: 13px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-ticket-order { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 26px !important; margin-top: 18px !important; padding: 21px 24px !important; border: 1px solid #EFD7E2 !important; border-radius: 16px !important; background: #fff !important; }
body.light-preview #guide .guide-ticket-order div { display: grid !important; gap: 4px !important; }
body.light-preview #guide .guide-ticket-order b { color: #17213F !important; font-size: 14px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-ticket-order span { color: #59627B !important; font-size: 13px !important; font-weight: 600 !important; }
body.light-preview #guide .guide-ticket-order .guide-choice-button { min-width: 210px !important; margin: 0 !important; }

body.light-preview #guide .guide-after-section { padding: 46px !important; border-radius: 24px !important; background: #FFF2F8 !important; }
body.light-preview #guide .guide-after-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
body.light-preview #guide .guide-after-grid article { padding: 24px !important; border-radius: 17px !important; background: #fff !important; }
body.light-preview #guide .guide-after-grid article > span { display: block !important; color: #D24B84 !important; font-family: Inter, sans-serif !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: .08em !important; }
body.light-preview #guide .guide-after-grid h3 { margin: 17px 0 0 !important; color: #17213F !important; font-size: 17px !important; font-weight: 900 !important; }
body.light-preview #guide .guide-after-grid p { margin: 9px 0 0 !important; color: #59627B !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.75 !important; }

body.light-preview #guide .guide-faq-list { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
body.light-preview #guide .guide-faq-list details { border: 1px solid #EFD7E2 !important; border-radius: 15px !important; background: #fff !important; overflow: hidden !important; }
body.light-preview #guide .guide-faq-list summary { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 15px !important; padding: 19px 20px !important; color: #17213F !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.55 !important; cursor: pointer !important; list-style: none !important; }
body.light-preview #guide .guide-faq-list summary::-webkit-details-marker { display: none !important; }
body.light-preview #guide .guide-faq-list summary span { display: grid !important; place-items: center !important; flex: 0 0 auto !important; width: 26px !important; height: 26px !important; border-radius: 50% !important; background: #FFF0F6 !important; color: #A43770 !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1 !important; }
body.light-preview #guide .guide-faq-list details[open] summary span { font-size: 0 !important; }
body.light-preview #guide .guide-faq-list details[open] summary span::after { content: '−' !important; font-size: 20px !important; }
body.light-preview #guide .guide-faq-list details p { margin: 0 !important; padding: 0 20px 20px !important; color: #59627B !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1.8 !important; }

body.light-preview #guide .guide-final-cta { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 36px !important; padding: 42px 48px !important; border-radius: 24px !important; background: linear-gradient(105deg, #ED5D9F, #AE58DE) !important; }
body.light-preview #guide .guide-final-cta .guide-kicker { color: rgba(255,255,255,.8) !important; }
body.light-preview #guide .guide-final-cta h2 { color: #fff !important; font-size: clamp(28px, 3vw, 39px) !important; line-height: 1.35 !important; }
body.light-preview #guide .guide-final-cta p:last-child { margin: 12px 0 0 !important; color: rgba(255,255,255,.86) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.7 !important; }
body.light-preview #guide .guide-final-cta .guide-choice-button { min-width: 244px !important; margin: 0 !important; background: #fff !important; color: #A43770 !important; box-shadow: none !important; }

@media (max-width: 820px) {
  body.light-preview #guide .guide-refresh { gap: 58px !important; }
  body.light-preview #guide .guide-intro-card { grid-template-columns: 1fr !important; gap: 18px !important; padding: 42px !important; }
  body.light-preview #guide .guide-intro-visual { max-width: 420px !important; width: 100% !important; margin: 0 auto !important; }
  body.light-preview #guide .guide-flow-list { grid-template-columns: 1fr !important; }
  body.light-preview #guide .guide-flow-list li { min-height: 0 !important; }
  body.light-preview #guide .guide-after-grid { grid-template-columns: 1fr !important; }
  body.light-preview #guide .guide-after-grid article { display: grid !important; grid-template-columns: 36px minmax(0, 1fr) !important; column-gap: 14px !important; align-items: start !important; }
  body.light-preview #guide .guide-after-grid article > span { grid-row: span 2 !important; padding-top: 4px !important; }
  body.light-preview #guide .guide-after-grid h3 { margin: 0 !important; }
  body.light-preview #guide .guide-after-grid p { margin-top: 7px !important; }
}

@media (max-width: 600px) {
  body.light-preview #guide.page-guide { padding: 34px 0 76px !important; }
  body.light-preview #guide .guide-refresh { width: min(100% - 28px, 520px) !important; gap: 45px !important; }
  body.light-preview #guide .guide-intro-card { min-height: 0 !important; padding: 30px 23px 20px !important; border-radius: 21px !important; }
  body.light-preview #guide .guide-intro-card h1 { font-size: 33px !important; }
  body.light-preview #guide .guide-intro-lead { margin: 17px 0 20px !important; font-size: 13px !important; line-height: 1.75 !important; }
  body.light-preview #guide .guide-intro-points span { min-height: 27px !important; padding: 0 9px !important; font-size: 10px !important; }
  body.light-preview #guide .guide-intro-visual { min-height: 210px !important; transform: scale(.88) !important; transform-origin: top center !important; margin-bottom: -28px !important; }
  body.light-preview #guide .guide-visual-card-front { left: 3px !important; }
  body.light-preview #guide .guide-visual-card-back { right: 1px !important; }
  body.light-preview #guide .guide-section-intro { margin-bottom: 21px !important; }
  body.light-preview #guide .guide-section-intro h2 { font-size: 27px !important; }
  body.light-preview #guide .guide-section-intro > p:last-child { margin-top: 9px !important; font-size: 13px !important; line-height: 1.75 !important; }
  body.light-preview #guide .guide-choice-grid,
  body.light-preview #guide .guide-ticket-grid,
  body.light-preview #guide .guide-faq-list { grid-template-columns: 1fr !important; }
  body.light-preview #guide .guide-choice-card { min-height: 0 !important; padding: 23px !important; border-radius: 17px !important; }
  body.light-preview #guide .guide-choice-card h3 { margin-top: 15px !important; font-size: 21px !important; }
  body.light-preview #guide .guide-choice-number strong { font-size: 49px !important; }
  body.light-preview #guide .guide-choice-card ul { margin-bottom: 22px !important; }
  body.light-preview #guide .guide-choice-button { min-height: 47px !important; font-size: 13px !important; }
  body.light-preview #guide .guide-choice-note { font-size: 11px !important; line-height: 1.6 !important; }
  body.light-preview #guide .guide-flow-section,
  body.light-preview #guide .guide-after-section { padding: 28px 20px !important; border-radius: 20px !important; }
  body.light-preview #guide .guide-flow-list { gap: 11px !important; }
  body.light-preview #guide .guide-flow-list li { padding: 20px !important; border-radius: 15px !important; }
  body.light-preview #guide .guide-flow-icon { width: 42px !important; height: 42px !important; margin: 16px 0 15px !important; }
  body.light-preview #guide .guide-flow-list h3 { font-size: 16px !important; }
  body.light-preview #guide .guide-flow-list p,
  body.light-preview #guide .guide-flow-callout p { font-size: 12px !important; }
  body.light-preview #guide .guide-flow-callout { align-items: flex-start !important; padding: 14px !important; }
  body.light-preview #guide .guide-ticket-card { padding: 23px !important; border-radius: 17px !important; }
  body.light-preview #guide .guide-ticket-card h3 { font-size: 21px !important; }
  body.light-preview #guide .guide-ticket-order { display: grid !important; gap: 16px !important; padding: 18px !important; }
  body.light-preview #guide .guide-ticket-order span { font-size: 12px !important; line-height: 1.65 !important; }
  body.light-preview #guide .guide-ticket-order .guide-choice-button { width: 100% !important; min-width: 0 !important; }
  body.light-preview #guide .guide-after-grid { gap: 10px !important; }
  body.light-preview #guide .guide-after-grid article { padding: 19px !important; }
  body.light-preview #guide .guide-after-grid h3 { font-size: 15px !important; }
  body.light-preview #guide .guide-after-grid p,
  body.light-preview #guide .guide-faq-list details p { font-size: 12px !important; }
  body.light-preview #guide .guide-faq-list summary { padding: 16px !important; font-size: 13px !important; }
  body.light-preview #guide .guide-faq-list details p { padding: 0 16px 17px !important; }
  body.light-preview #guide .guide-final-cta { display: grid !important; gap: 23px !important; padding: 30px 23px !important; border-radius: 20px !important; }
  body.light-preview #guide .guide-final-cta h2 { font-size: 28px !important; }
  body.light-preview #guide .guide-final-cta p:last-child { font-size: 12px !important; }
  body.light-preview #guide .guide-final-cta .guide-choice-button { width: 100% !important; min-width: 0 !important; }
}