/* Start custom CSS for html, class: .elementor-element-ddf0441 *//* Fix: Community & Podcast sections overflow on mobile */
.community-wrap,
.podcast-panel{
  min-width:0;
  max-width:100%;
}

.community-visual,
.podcast-copy,
.community-content,
.perk-list,
.perk{
  min-width:0;
  max-width:100%;
}

.perk span,
.podcast-copy p,
.community-content p{
  min-width:0;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

/* Buttons inside these sections: allow wrapping instead of forcing width */
.community-visual .btn,
.podcast-copy .btn{
  white-space:normal;
  text-align:center;
  line-height:1.3;
  max-width:100%;
}

@media (max-width:640px){
  .community-wrap{
    grid-template-columns:1fr !important;
  }
  .podcast-panel{
    grid-template-columns:1fr !important;
  }
  .community-visual .btn,
  .podcast-copy .btn{
    font-size:13px;
    padding:12px 16px;
  }
}

/* Fix: Podcast section — bigger, readable text on mobile */
@media (max-width:640px){
  .podcast-copy{
    padding:32px 24px !important;
  }
  .podcast-copy h2{
    font-size:1.6rem !important;
    line-height:1.25 !important;
  }
  .podcast-copy p{
    font-size:16.5px !important;
    line-height:1.7 !important;
  }
  .podcast-copy .eyebrow{
    font-size:13px !important;
  }
  .podcast-copy .btn{
    font-size:16px !important;
    padding:15px 26px !important;
    white-space:normal;
    line-height:1.3;
  }
}/* End custom CSS */