/* --- Styles for Accessible Version --- */
.faqs-accessible-mod { position:relative; }
.faqs-accessible-mod .section-entry { position:relative; }

/* The Section Title (Renewal FAQs) */
.faqs-accessible-mod .section-title { 
  margin: 0 0 30px; 
  font-family: 'Open Sans Condensed', sans-serif; 
  font-weight: 700; 
  color: #434573;
}

.t_faqs_v2 ul { list-style:none; margin:0; padding:0; }
.t_faqs_v2 ul li { padding:0; border-bottom: 1px solid #E8EDF2; }

.t_faqs_v2 .t-question { margin: 0; padding: 0; border: none; }

.faq-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: none;
  border: none;
  margin: 0;
  cursor: pointer;
  text-align: left;
  
  /* --- MATCHING BOTTOM VERSION STYLES --- */
  color: #434573; 
  font-family: 'Open Sans Condensed', sans-serif; 
  font-weight: 700; 
  font-size: 24px; /* Mobile size */
  line-height: 1.2;
  padding: 15px 0;
}

.faq-trigger .icon { 
  display: inline-block; 
  width: 20px; 
  flex-shrink: 0;
  margin-left: 20px;
}
.faq-trigger .icon svg { width: 100%; height: auto; display: block; }
.faq-trigger .icon svg path { stroke: #5EBF91; }

.faq-trigger.active .icon svg #h-line { display: none; }

.t_faqs_v2 .t-answer { 
  display: none; 
  line-height: 1.6; 
  font-weight: 400; 
  padding-bottom: 20px; 
  outline: none; 
  color: #4A4A4A; /* Body text color */
}

.t_faqs_v2 .t-answer.active { display: block; }

/* Focus States for Accessibility */
.faq-trigger:focus { outline: 2px solid #f28705; outline-offset: -2px; }
.t-answer [tabindex="0"]:focus { outline: none; background: rgba(67, 69, 115, 0.03); }

/* Desktop Scaling */
@media screen and (min-width: 992px) {
  .faqs-accessible-mod .section-title { margin-bottom: 50px; }
  .faq-trigger { 
    padding: 20px 0; 
    font-size: 30px; /* Matched to your 30px requirement */
  }
}

/* HubSpot Dynamic Spacings */
{% scope_css %}
.faqs-accessible-mod {  }
@media (min-width: 992px) { .faqs-accessible-mod {  } }
{% end_scope_css %}