/* VoteMotta2028 sitewide responsive repair v12.3 */
:root{
  --vm123-page:1280px;
  --vm123-pad:24px;
  --vm123-blue:#0759c7;
  --vm123-navy:#071d3c;
  --vm123-line:#d8e2ef;
}
html{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
  overflow-x:hidden!important;
  width:100%!important;
}
*{box-sizing:border-box}
body{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  overflow-x:hidden!important;
  background:#fff!important;
}
main{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
img,video,iframe,svg,canvas{max-width:100%!important}

.hero,
.stats-band,
.section,
.reader-section,
.share-section,
.join-section{
  width:min(var(--vm123-page),calc(100% - 48px))!important;
  max-width:var(--vm123-page)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.hero-copy,
.hero-visual,
.reader-copy,
.sample-article,
.join-intro,
.join-form,
.caption-card,
.section-heading,
.topic-grid,
.steps,
.stat-grid{
  min-width:0!important;
}

@media (min-width:1008px){
  .hero{
    display:grid!important;
    grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)!important;
    gap:48px!important;
    align-items:center!important;
    padding-top:54px!important;
    padding-bottom:54px!important;
  }
  .hero-copy{max-width:760px!important}
  .hero h1{
    font-size:clamp(3.25rem,5vw,5.5rem)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
  }
  .hero-lede{
    max-width:720px!important;
    font-size:1.08rem!important;
    line-height:1.6!important;
  }

  .stats-band{
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
    gap:32px!important;
    align-items:center!important;
  }
  .stat-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .steps{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .topic-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .reader-section{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;
    gap:44px!important;
    align-items:center!important;
  }
  .share-section{
    display:grid!important;
    grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr)!important;
    gap:44px!important;
    align-items:start!important;
  }
  .join-section{
    display:grid!important;
    grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr)!important;
    gap:48px!important;
    align-items:start!important;
  }

  .section,
  .reader-section,
  .share-section,
  .join-section{
    padding-top:56px!important;
    padding-bottom:56px!important;
  }

  .site-header .vm-v7-inner,
  .vm-master-top,
  .vm-master-modules,
  .vm-nav-inner{
    width:min(var(--vm123-page),calc(100% - 40px))!important;
    max-width:var(--vm123-page)!important;
    margin-inline:auto!important;
  }
}

@media (min-width:641px) and (max-width:1007px){
  .hero,
  .stats-band,
  .section,
  .reader-section,
  .share-section,
  .join-section{
    width:calc(100% - 36px)!important;
  }

  .hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(260px,.72fr)!important;
    gap:28px!important;
    align-items:center!important;
    padding-top:38px!important;
    padding-bottom:42px!important;
  }
  .hero h1{
    font-size:clamp(2.7rem,6vw,4.1rem)!important;
    line-height:.96!important;
  }

  .stats-band,
  .reader-section,
  .share-section,
  .join-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .stat-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .steps,
  .topic-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }

  .section,
  .reader-section,
  .share-section,
  .join-section{
    padding-top:46px!important;
    padding-bottom:46px!important;
  }
}

@media (min-width:641px) and (max-width:819px){
  .hero{grid-template-columns:1fr!important}
  .hero-visual{
    max-width:560px!important;
    margin-inline:auto!important;
    width:100%!important;
  }
}

@media (max-width:640px){
  :root{--vm123-pad:14px}
  body{
    font-size:16px!important;
    line-height:1.55!important;
  }

  .hero,
  .stats-band,
  .section,
  .reader-section,
  .share-section,
  .join-section{
    width:calc(100% - 28px)!important;
    max-width:none!important;
  }

  .hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding-top:28px!important;
    padding-bottom:34px!important;
  }
  .hero-copy{max-width:none!important}
  .hero h1{
    font-size:clamp(2.3rem,12vw,3.55rem)!important;
    line-height:.97!important;
    overflow-wrap:anywhere!important;
  }
  .hero-lede{font-size:1rem!important}

  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .hero-actions .button,
  .hero-actions a.button{
    width:100%!important;
    min-height:46px!important;
    justify-content:center!important;
  }

  .stats-band,
  .reader-section,
  .share-section,
  .join-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .stat-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .steps,
  .topic-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .section,
  .reader-section,
  .share-section,
  .join-section{
    padding-top:36px!important;
    padding-bottom:36px!important;
  }

  .section-heading h2,
  .reader-copy h2,
  .join-intro h2,
  .share-section h2{
    font-size:clamp(1.8rem,9vw,2.55rem)!important;
    line-height:1.05!important;
  }

  .field-row{grid-template-columns:1fr!important}
  .join-form input,
  .join-form select,
  .join-form textarea{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    font-size:16px!important;
  }

  .vm12IssueImg,
  .vm12FeatureImage,
  .vm12MediaPoster,
  .vm12HeroFigure img,
  .vm12RouteVisual img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
  }

  .vm12-asset-poster .vm12IssueImg,
  .vm12-asset-illustration .vm12IssueImg{
    object-fit:contain!important;
    aspect-ratio:16/10!important;
  }
  .vm12-asset-photo .vm12IssueImg,
  .vm12-asset-wide .vm12IssueImg{
    object-fit:cover!important;
    aspect-ratio:16/10!important;
  }
}

@media (max-width:380px){
  .hero,
  .stats-band,
  .section,
  .reader-section,
  .share-section,
  .join-section{
    width:calc(100% - 20px)!important;
  }
}