/* MathsDaily v36: touch-target and readability baseline for phones and tablets.
   Loaded last on every page. Targets are at least 44 px tall (WCAG 2.5.5 / Apple HIG / Material),
   and no visible text is smaller than 11 px. */
@media (max-width: 760px), (pointer: coarse) {
  .footer-links a, footer a, .legal-row a { display:inline-flex; align-items:center; min-height:44px; }
  .footer-links { row-gap:0 !important; }
  a.logo { display:inline-flex; align-items:center; min-height:44px; }
  a.back, a.doc-kind { display:inline-flex; align-items:center; min-height:44px; font-size:12px !important; }
  .crumb a { display:inline-flex; align-items:center; min-height:44px; }
  .crumb, .crumb li { line-height:1.2; }
  .related a, .topic-chip, .table-links a { display:inline-flex !important; align-items:center; min-height:44px; }
  main > nav a, nav:not([class]) > a { display:inline-flex; align-items:center; min-height:44px; padding-left:6px; padding-right:6px; }
  details > summary { min-height:44px; padding-top:11px; padding-bottom:11px; box-sizing:border-box; }
  .lib-card h3 a { display:block; padding:6px 0; }
  .kind, .level-pill, .tile-label, .tagline, .reminder-text, .reminder-help, .footer-note { font-size:12px !important; }
  .fact-label, .pattern-btn span, .resource-hub-kicker, .primary-pathways-kicker, .resource-hub-arrow { font-size:11px !important; }
  .bottom-nav .nav-btn { font-size:11.5px !important; }
}
@media (max-width: 760px), (pointer: coarse) { .footer-links a, footer a { min-width:44px; justify-content:center; } }
@media (max-width: 760px), (pointer: coarse) { .resource-hub-link span:last-child, .primary-tools span, .rail-link span { font-size:11.5px !important; } }
/* v39.1: comfortable small text on phones, and no iOS zoom when tapping an answer box
   (Safari zooms into any field with text under 16 px). */
@media (max-width: 760px), (pointer: coarse) {
  .crumb, .crumb li, .crumb a { font-size:13px !important; }
  .footer-links a, footer .footer-links a { font-size:13px !important; }
  .footer-note { font-size:12.5px !important; }
  input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea, .practice-input { font-size:16px !important; }
}