.official-contact-panel-v31 {
  margin: 0 0 1.25rem;
  padding: 1.15rem 1.25rem;
  border: 1px solid rgba(7,52,90,.14);
  border-radius: 16px;
  background: #f5f9f7;
}
.official-contact-panel-v31 h3 {
  margin: 0 0 .35rem;
  color: #07345a;
}
.official-contact-panel-v31 p {
  margin: 0 0 .75rem;
}
.official-contact-links-v31 {
  display: grid;
  gap: .45rem;
}
.official-contact-links-v31 a {
  color: #17643f;
  overflow-wrap: anywhere;
}
@media (max-width: 768px) {
  .official-contact-panel-v31 {
    padding: 1rem;
  }
}


/* v3.1.1 Footer visibility fix */
.site-footer .footer-contact-list,
.site-footer .footer-contact-list a,
.site-footer .footer-contact-list span{
  color:#f4f8fb !important;
  opacity:1 !important;
  visibility:visible !important;
  text-decoration:none;
}
.site-footer .footer-contact-list strong{
  color:#9bd25e !important;
  font-weight:700;
}
.site-footer .footer-contact-list a:hover{
  color:#ffffff !important;
  text-decoration:underline;
}
.site-footer .footer-bottom,
.site-footer .footer-bottom div{
  color:#eaf2f7 !important;
}


/* ===== v3.1.2 Professional Footer Contact Styling ===== */
.site-footer .footer-contact-list{
  display:grid;
  gap:.7rem;
  margin-top:1rem;
}
.site-footer .footer-contact-list strong{
  color:#8CCF43 !important;
  font-size:.97rem;
  font-weight:700;
}
.site-footer .footer-contact-list a,
.site-footer .footer-contact-list span{
  color:#FFFFFF !important;
  font-size:1rem !important;
  font-weight:600 !important;
  line-height:1.7 !important;
  opacity:1 !important;
  visibility:visible !important;
}
.site-footer .footer-contact-list a:hover{
  color:#FFD166 !important;
  text-decoration:underline !important;
}
.site-footer .footer-bottom,
.site-footer .footer-bottom div{
  color:#DCE6EE !important;
}


/* ===== v3.1.3 Targeted Mobile Hero Optimization ===== */
@media (max-width: 768px) {
  .hero,
  .page-hero,
  .research-hero,
  .experts-hero {
    min-height: auto !important;
    padding: 3.5rem 0 !important;
  }

  .hero h1,
  .page-hero h1,
  .research-hero h1,
  .experts-hero h1 {
    max-width: 100% !important;
    font-size: clamp(2rem, 8vw, 2.9rem) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .hero h2,
  .page-hero h2,
  .research-hero h2,
  .experts-hero h2 {
    font-size: clamp(1.7rem, 7vw, 2.4rem) !important;
    line-height: 1.15 !important;
  }

  .hero p,
  .page-hero p,
  .research-hero p,
  .experts-hero p {
    max-width: 100% !important;
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }
}