/* Site-wide small-screen fit (owner, 2026-11-08: "optimised for mobile,
   tablet, iOS and Windows"). Loaded after each page's own styles.
   - Form fields read at 16px on phones and tablets, so iOS Safari does not
     zoom the page when a field is focused.
   - Kicker and tag labels never drop below 11px on small screens.
   - Links and buttons in the header rows and breadcrumbs grow to a 40px
     touch target on coarse pointers (phones and tablets).
   - Text size is left to the user's settings on iOS (no auto-inflation). */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (max-width: 900px) {
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select, textarea { font-size: 16px !important; }
  .kick, .k, .tag, .pill, .ftag, .otflag, .cpd, .flag, .month, .act, .md-k, .band span { font-size: 11px !important; }
}
@media (pointer: coarse) {
  .hrow .cta a, .hrow .cta button, .md-crumbs a, .md-crumbs button:not([data-view-toggle]), .md-crumbs-tools a, .md-crumbs-tools button:not([data-view-toggle]), .mp-crumbs a, .mp-crumbs button:not([data-view-toggle]), .site-header nav a, .nav-list > li > a, .mobile-panel a {
    min-height: 40px; display: inline-flex; align-items: center;
  }
  .md-crumbs a, .mp-crumbs a { padding: 6px 2px; }
  /* the exported headers carry inline styles and no classes: the three header links */
  header a[href="/training/login.html"], header a[href="/training/index.html"], header a[href="/"] { min-height: 40px; display: inline-flex; align-items: center; }
}