/* ---- Round 8: phone legibility. Loaded last so these floors win over every component stylesheet.
   Labels, credits and sources never drop below ~11.5px; small links get a thumb-sized hit area. ---- */
@media (max-width: 560px) {
  .pc .cls, .pc .go, .tn-st .k, .tn-st .r span, .tn-st a, .tn figcaption small, .ph figcaption .k, .ph figcaption a, .dx-tot, .mp-mine .lnk,
  .vs-c .yr, .q-cover small, .ba-credit, .lf-src .src, .via, .dk .src, .dk-cr, .dk-ctl button span, .split-key span, .sbar .v0, .sbar .v1, .pc2 small,
  .src-l, .tile .gif, .proof .credit, .rk-b span, .rk-a span, .rk .src, .drop small, .figcap, .doom figcaption, .sp .no, .sp .hab,
  .vsx-r .k, .shot .t span, .video small, .hp span, .rc span, .fine, .tm > span, .src, .dom-chips button i, .mv-scrub span { font-size: .72rem; }
  .tn figcaption small a, .tn-st a, .src, .mv-src a, .figcap a, .src-l a, .proof .credit a, .ph figcaption a { position: relative; }
  .tn figcaption small a::after, .tn-st a::after, .src::after, .mv-src a::after, .figcap a::after, .src-l a::after, .proof .credit a::after, .ph figcaption a::after,
  .dom-cr::after, .dk-cr::after, .tile .gif::after { content: ""; position: absolute; inset: -12px -4px; }
  .mp-mine .lnk { min-height: 36px; padding: 0 .4rem; }
  .oath ol li em, .railacc h3 em, .infl h3 em, .npa h3 em { color: var(--saffron-ink); } /* below 24px the brighter saffron fails contrast */
  .ph figcaption a, .src, .dk-cr { white-space: normal; overflow-wrap: anywhere; }
  .race .via, .vs.quiz .q-cover small, .ammo .rc span, .srow .pc2 small, .split .src-l, .cf2 .drop small, .rk-up small, .vs-c > span, .dk-vs span { font-size: .72rem; }
  .ammo .rc span { font-size: .78rem; }
  .rk-track .tick em { font-size: .68rem; }
}
