/* MATCHSIK v32.47 — production accessibility / mobile tap-target polish.
   New immutable asset. Keep visual density while making mobile controls reliably tappable. */

.v3247-sr-only{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

@media(max-width:680px){
  /* Native controls: minimum practical touch area without changing desktop density. */
  button,
  input[type="button"],
  input[type="submit"],
  [role="button"]{
    min-height:40px;
  }

  /* Shared navigation/footer/breadcrumb links repeatedly used across public and portal pages. */
  nav a[href],
  footer a[href],
  .site-header a[href],
  .top a[href],
  .topbar a[href],
  .header-actions a[href],
  .top-actions a[href],
  .g-topbar a[href],
  .g-nav a[href],
  .v31-footer a[href],
  .crumb a[href],
  .exam-controls a[href],
  .seo40-links a[href],
  a.course-detail,
  a.text-button,
  a.topcta,
  a.support,
  a.home-btn,
  a.v3215-group-more,
  .v3215-group-empty a[href]{
    display:inline-flex;
    align-items:center;
    min-height:36px;
  }

  /* Breadcrumb home links are intentionally short text; make the hitbox square without enlarging text. */
  .crumb a[href]{
    min-width:32px;
    justify-content:center;
    padding-inline:7px;
    margin-inline:-7px 0;
  }

  /* Course-card text links on the certificate overview need vertical hit area too. */
  .v31-content .card>a[href]{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding-block:7px;
  }

  /* Logo/brand links must also remain easy to hit on narrow screens. */
  a.brand,
  button.brand{
    min-height:40px;
  }

  /* Preserve keyboard visibility after enlarging interactive areas. */
  a[href]:focus-visible,
  button:focus-visible,
  [role="button"]:focus-visible,
  input[type="button"]:focus-visible,
  input[type="submit"]:focus-visible{
    outline:3px solid rgba(23,105,255,.32);
    outline-offset:2px;
  }
}