/* Keep the compact two-column language consistent across phone widths. */
@media (width <= 760px) {
  .recognition-supported-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    white-space: nowrap;
    font-size: clamp(8px, 2.2vw, 10px);
    letter-spacing: .12em;
  }
  .recognition-supported-label::before,
  .recognition-supported-label::after {
    position: static;
    flex: 1 1 0;
    width: auto;
    min-width: 0;
  }
  .cnf .section-copy h2 { font-size: clamp(29px, 7.6vw, 38px); }
  .feature-row,
  .cnf-cards,
  .recognition-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .feature-row > div,
  .cnf-cards > div,
  .recognition-card { min-width: 0; }
  .profile-facts { display: none; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > .footer-links { display: none; }
  .footer-grid > .footer-contact { display: block; grid-column: 1 / -1; }
  .footer-grid > .footer-location { grid-column: 1 / -1; }
}
@media (width <= 430px) {
  .feature-row,
  .cnf-cards,
  .recognition-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .feature-row { gap: 9px; }
  .feature-row > div { padding: 13px 10px; }
  .feature-row b { font-size: 12px; overflow-wrap: anywhere; }
  .feature-row span { font-size: 10px; line-height: 1.4; }
  .cnf-cards { gap: 9px; }
  .cnf-cards > div { min-height: 150px; padding: 13px 10px; }
  .cnf-cards h3 { font-size: 12px; overflow-wrap: anywhere; }
  .cnf-cards p { font-size: 10px; line-height: 1.4; }
  .recognition-card { min-height: 165px; padding: 12px 7px; }
  .recognition-card h3 { font-size: 10px; overflow-wrap: anywhere; }
  .recognition-card p { font-size: 9px; }
  .recognition-registration { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .recognition-logo-box { height: 58px; }
  .recognition-logo-box img { max-height: 48px; }
  .footer-grid { grid-template-columns: 1fr; }
}