/* LOTTO ORBIT — Targeted visual alignment pass, 20 October 2026
   The country flag artwork now reaches the bottom edge of collapsed cards,
   whereas open-card game links retain a clean, opaque reading surface.
   The clarity section uses one card rather than two nested frames.
   About uses the same compact rhythm as the FAQ hero.
   Purely presentational; the original HTML/JS game controls are unchanged. */

/* A complete flag surface in the Find Your Lottery country tiles. */
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile:not(.country-open)::after {
  height:calc(100% - 2px) !important;
  top:1px !important;
  right:1px !important;
  bottom:1px !important;
  width:64% !important;
  background-position:center right !important;
  background-size:cover !important;
  border-radius:0 18px 18px 0 !important;
}
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile.country-open::after {
  /* Expanded game links are not placed on top of a visible flag. */
  height:calc(73px + 34px) !important;
  top:1px !important;
  width:64% !important;
  right:1px !important;
  background-position:center right !important;
  background-size:cover !important;
  border-radius:0 18px 0 0 !important;
}
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile.country-open .country-lottery-links {
  position:relative !important;
  z-index:3 !important;
  background:var(--lo-surface) !important;
  border-radius:0 !important;
}
html[data-theme] body.visual-perfection-home #gameCatalog .country-tile .country-tile-top {
  position:relative !important;
  z-index:2 !important;
}

/* BUILT FOR CLARITY — a single composed editorial card. */
html[data-theme] body.visual-perfection-home section.atlas-home-story {
  margin:28px 0 43px !important;
  padding:clamp(25px,3.2vw,46px) !important;
  border-radius:24px !important;
  border:1px solid var(--lo-rule) !important;
  background:linear-gradient(112deg, color-mix(in srgb,var(--lo-sea) 4%,var(--lo-surface)),var(--lo-surface) 54%) !important;
  box-shadow:var(--lo-elevation) !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-content {
  display:grid !important;
  grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr) !important;
  align-items:center !important;
  gap:clamp(22px,4vw,66px) !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-content > div {min-width:0 !important;}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-content h2 {
  font-size:clamp(27px,2.7vw,39px) !important;
  line-height:1.23 !important;
  letter-spacing:-.04em !important;
  margin:12px 0 16px !important;
  max-width:27ch !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-content > div > p {
  max-width:61ch !important;
  font-size:clamp(12px,1.04vw,14px) !important;
  line-height:1.75 !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts {
  display:grid !important;
  gap:0 !important;
  padding:8px clamp(16px,2vw,28px) !important;
  border:1px solid var(--lo-rule) !important;
  border-radius:17px !important;
  background:var(--lo-quiet) !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts > div {
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin:0 !important;
  padding:17px 0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--lo-rule) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts > div:last-child {
  border-bottom:0 !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts > div > span {
  display:grid !important;
  place-items:center !important;
  flex:0 0 28px !important;
  width:28px !important;
  height:28px !important;
  background:color-mix(in srgb,var(--lo-sea) 13%,var(--lo-surface)) !important;
  color:var(--lo-sea) !important;
  border-radius:50% !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts p {
  margin:0 !important;
  min-width:0 !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts strong {
  font-size:13px !important;
  line-height:1.35 !important;
  color:var(--lo-ink) !important;
}
html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts small {
  display:block !important;
  margin-top:4px !important;
  font-size:12px !important;
  line-height:1.6 !important;
  color:var(--lo-subtext) !important;
}

/* ABOUT — remove inherited excess whitespace; align visual rhythm to FAQ. */
html[data-theme] body.about-page.vp-site-info main#mainContent > .about-hero {
  margin-top:0 !important;
  margin-bottom:22px !important;
  padding:clamp(26px,2.9vw,42px) !important;
  gap:clamp(22px,3.3vw,48px) !important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  min-height:0 !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero h1 {
  font-size:clamp(37px,3.1vw,50px) !important;
  line-height:1.08 !important;
  max-width:none !important;
  margin:17px 0 17px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero .about-orbit {
  width:min(100%,315px) !important;
  margin-inline:auto !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero .about-eyebrow-tag {
  margin-top:13px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero .hero-buttons {
  margin-top:17px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero .about-hero-caption {
  margin-top:13px !important;
}
html[data-theme] body.about-page.vp-site-info .about-hero p {
  margin-bottom:9px !important;
  line-height:1.59 !important;
}
html[data-theme] body.about-page.vp-site-info main#mainContent > .about-stat-band {
  margin-bottom:clamp(24px,2.6vw,34px) !important;
}
@media(max-width:900px) {
 html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-content {
  grid-template-columns:minmax(0,1fr) !important;
  gap:21px !important;
 }
 html[data-theme] body.about-page.vp-site-info main#mainContent > .about-hero {
  grid-template-columns:minmax(0,1fr) !important;
 }
}
@media(max-width:600px) {
 html[data-theme] body.visual-perfection-home #gameCatalog .country-tile:not(.country-open)::after {
  height:calc(100% - 2px) !important;
  border-radius:0 15px 15px 0 !important;
  opacity:.62 !important;
 }
 html[data-theme] body.visual-perfection-home #gameCatalog .country-tile.country-open::after {
  height:calc(73px + 30px) !important;
  border-radius:0 15px 0 0 !important;
 }
 html[data-theme] body.visual-perfection-home section.atlas-home-story {
  padding:23px 18px !important;
  margin:21px 0 30px !important;
  border-radius:19px !important;
 }
 html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-content h2 {
  font-size:clamp(24px,6.7vw,30px) !important;
 }
 html[data-theme] body.visual-perfection-home .atlas-home-story .atlas-trust-facts {
  padding:4px 15px !important;
 }
 html[data-theme] body.about-page.vp-site-info main#mainContent > .about-hero {
  padding:23px 19px !important;
  margin-bottom:14px !important;
  gap:12px !important;
 }
 html[data-theme] body.about-page.vp-site-info .about-hero h1 {
  font-size:clamp(32px,8.4vw,41px) !important;
  max-width:none !important;
 }
 html[data-theme] body.about-page.vp-site-info .about-hero .about-orbit {
  width:min(100%,250px) !important;
 }
}