/* VOLIQA V423 — canonical heading order, sizing, roadmap text glow and spacing.
 * CONTENT TYPOGRAPHY ONLY. Locked: top navigation/menu buttons, mobile top menu,
 * footer/mobile bottom menu buttons, authentication UI/logic, tables and button geometry.
 * Canonical order: WHITE PRIMARY HEADING first, CYAN KICKER second.
 */
:root{
  --v423-heading-size:clamp(30px,3.2vw,46px);
  --v423-heading-mobile:clamp(26px,8vw,36px);
  --v423-kicker-size:10px;
  --v423-section-gap:28px;
}

/* All public section-heading pairs: H2 first, cyan kicker second. */
body.v13 .v253-home .v254-section-head > div,
body.v13 .v255-roadmap-head,
body.v13 .v318-scanner-roadmap-head,
body.v13 .v303-move .v291-move-top > div,
body.v13 #live-scanner .v253-scanner-top > div:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
body.v13 .v253-home .v254-section-head > div > h2,
body.v13 .v255-roadmap-head > h2,
body.v13 .v318-scanner-roadmap-head > h2,
body.v13 .v303-move .v291-move-top h2,
body.v13 #live-scanner .v253-scanner-top > div:first-child > h2{
  order:1!important;
  margin:0 0 8px!important;
  font-size:var(--v423-heading-size)!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  color:#f2fdff!important;
  text-shadow:0 0 8px rgba(72,227,255,.58),0 0 18px rgba(45,221,255,.22)!important;
}
body.v13 .v253-home .v254-section-head > div > small,
body.v13 .v255-roadmap-head > small,
body.v13 .v318-scanner-roadmap-head > small,
body.v13 .v303-move .v291-move-top small,
body.v13 #live-scanner .v253-scanner-top > div:first-child > small{
  order:2!important;
  display:block!important;
  margin:0!important;
  font-size:var(--v423-kicker-size)!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:1.6px!important;
  color:#4be3ff!important;
  text-shadow:0 0 7px rgba(75,227,255,.72),0 0 15px rgba(45,221,255,.26)!important;
}

/* ACTIVE HIGH-VOLATILITY CASES: one point larger than the canonical kicker. */
body.v13 .v303-move .v291-move-top small{font-size:11px!important}

/* Preserve workflow below the reordered LIVE SCANNER pair. */
body.v13 #live-scanner .v253-scanner-top > div:first-child > .v256-workflow{order:3!important;margin-top:10px!important}

/* Roadmap: text gets the approved halo; pill surfaces/buttons do not. */
body.v13 :is(.v368-product-roadmap,.v318-scanner-roadmap-flow) span{
  text-shadow:0 0 6px rgba(75,227,255,.52),0 0 13px rgba(45,221,255,.20)!important;
}
body.v13 :is(.v368-product-roadmap,.v318-scanner-roadmap-flow) span.is-done{
  text-shadow:0 0 6px rgba(123,255,208,.48),0 0 12px rgba(32,200,120,.18)!important;
}
body.v13 :is(.v368-product-roadmap,.v318-scanner-roadmap-flow) span em{
  text-shadow:0 0 6px rgba(75,227,255,.52),0 0 13px rgba(45,221,255,.20)!important;
}

/* Canonical vertical rhythm between homepage content windows/sections. */
body.v13 .v253-home > :is(section,.v291-move-wrap,.v272-public-pattern,.v258-rewards){
  margin-top:var(--v423-section-gap)!important;
}
body.v13 .v253-home > :first-child{margin-top:0!important}

/* Popup/card grids: one spacing token across development/help surfaces. */
body.v13 :is(.v371-build-grid,.v43-help-list,.v40-faq-content){gap:18px!important}

@media(max-width:760px){
  :root{--v423-section-gap:22px}
  body.v13 .v253-home .v254-section-head > div > h2,
  body.v13 .v255-roadmap-head > h2,
  body.v13 .v318-scanner-roadmap-head > h2,
  body.v13 .v303-move .v291-move-top h2,
  body.v13 #live-scanner .v253-scanner-top > div:first-child > h2{
    font-size:var(--v423-heading-mobile)!important;
    line-height:1.04!important;
  }
  /* Same content typography on mobile; locked top/bottom menus are not selected. */
}
