/*
 * First Light 0.5.200: restore the original homepage pathway-card proportions.
 *
 * 0.5.198 enlarged the UABB circles and made their headings inherit the
 * sitewide H3 scale. That solved clipping mechanically, but it changed the
 * visual composition and, for two cards, caused the generated UABB heading
 * color to lose against the global type layer. These are compact navigation
 * cards, so they retain the original 80% circle geometry and use a deliberate
 * component scale inside the global type system.
 */

html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-wrap{
  width:100%!important;
  max-width:340px!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin-inline:auto!important;
}

html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle{
  width:80%!important;
  height:80%!important;
  top:10%!important;
  right:auto!important;
  bottom:auto!important;
  left:10%!important;
  margin:0!important;
  transform:none!important;
  overflow:hidden!important;
}

/* Restore the compact card typography that existed before the global semantic
 * type layer overrode UABB's component-specific sizing. */
html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-content{
  box-sizing:border-box!important;
  width:100%!important;
  padding:24px!important;
}

html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-title{
  margin:0 0 11px!important;
  color:#FFFFFF!important;
  font-family:var(--fls-display-font,"Lusitana",serif)!important;
  font-size:24px!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.012em!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}

html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-content :is(
  p,
  .uabb-info-circle-description,
  .uabb-info-circle-desc
){
  margin-top:0!important;
  color:#FFFFFF!important;
  font-family:var(--fls-support-font,"Open Sans",sans-serif)!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.42!important;
}

html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-content p{
  margin-bottom:9px!important;
}

html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-content a{
  color:var(--fls-brand-pink,#EF8394)!important;
  font-size:13px!important;
  line-height:1.3!important;
}

/*
 * UABB renders a separate .uabb-info-circle-small layer for the icon/hover
 * treatment. The restored 80% geometry intentionally applies to the circle
 * layers, but that auxiliary layer can sit above the CTA and consume pointer
 * events even though it is visually transparent. Keep the visual stack
 * unchanged while allowing clicks to reach the real CTA anchor.
 */
html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-small{
  pointer-events:none!important;
}

html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-in,
html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-content,
html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-cta,
html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-infoc-link{
  pointer-events:auto!important;
}

html body.home:not(.wp-admin) .fls-home-pathway-circle,
html body.home:not(.wp-admin) .fls-home-pathway-circle > .fl-module-content{
  overflow:visible!important;
}

@media(max-width:900px){
  html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-wrap{
    max-width:330px!important;
  }
}

@media(max-width:680px){
  html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-wrap{
    max-width:320px!important;
  }
  html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle{
    width:84%!important;
    height:84%!important;
    top:8%!important;
    left:8%!important;
  }
  html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-content{
    padding:22px!important;
  }
  html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-title{
    font-size:23px!important;
  }
  html body.home:not(.wp-admin) .fls-home-pathway-circle .uabb-info-circle-content :is(
    p,
    .uabb-info-circle-description,
    .uabb-info-circle-desc
  ){
    font-size:15px!important;
    line-height:1.4!important;
  }
}