/* _dev/mobile_floor.py */
/* A quoted URL is a single unbreakable token. Three pages were 15-60px wider
   than the viewport because of one, and every future page that cites a source
   inline would have joined them. `anywhere` and not `break-word`: break-word
   leaves the element's min-content width intact, so a flex or grid track can
   still be widened by the same string. */
p, li, dd, dt, blockquote, figcaption, summary, .lco, .srn, .tcio, cite, q{overflow-wrap:anywhere}
/* Cells break long tokens but keep their natural column widths. See PROSE. */
td, th{overflow-wrap:break-word}
@media (max-width:640px){
  /* Hit area, not type size. Nothing here gets visually bigger. */
  a.tsall,
  a.uall,
  a.tcall,
  a.srmore,
  a.go,
  a.pdgo,
  button.keep{min-height:24px;display:inline-flex;align-items:center;padding-block:4px}
  summary{min-height:24px}
  /* The rest are ordinary links that happen to be the whole of their line:
     "The program's own page", a cost-chart bar label, "source" at the end of a
     table cell. They come in at 11-18px because that is what a line of 13px
     type is.
     Vertical padding on an INLINE element does not affect the line box - it
     grows the hit rectangle and moves nothing. That is the whole trick, and it
     is why this is padding rather than min-height: min-height on these would
     have pushed every line of every article apart to fix a touch target. */
  main a, .sitefoot a{padding-block:7px}
  .az a, a.perma{min-width:24px;min-height:24px;display:inline-flex;
    align-items:center;justify-content:center}
  input[type="checkbox"], input[type="radio"]{min-width:24px;min-height:24px}
  select{min-height:26px}
  /* A 12px floor for text that carries a sentence. Phone widths only: the
     desktop sizes were designed for reading distance and are left alone.
     Tripled because `.sec .nlmeta` and friends are (0,2,0) and were winning. */
  label.consent.consent.consent.consent span,
  label.lconsent.lconsent.lconsent.lconsent span{font-size:12px}
  .nlmeta.nlmeta.nlmeta.nlmeta{font-size:12px}
  .vmeta.vmeta.vmeta.vmeta{font-size:12px}
  .cun.cun.cun.cun{font-size:12px}
  .tm.tm.tm.tm{font-size:12px}
  .mods.mods.mods.mods{font-size:12px}
  .ccode.ccode.ccode.ccode{font-size:12px}
  .tsbadge.tsbadge.tsbadge.tsbadge{font-size:12px}
  .np.np.np.np{font-size:12px}
  .lhdph.lhdph.lhdph.lhdph{font-size:12px}
  .sub.sub.sub.sub{font-size:12px}
  .kick.kick.kick.kick{font-size:12px}
  .pr-kick.pr-kick.pr-kick.pr-kick{font-size:12px}
  .city.city.city.city{font-size:12px}
  .pdcity.pdcity.pdcity.pdcity{font-size:12px}
  .anote.anote.anote.anote{font-size:12px}
  .cx.cx.cx.cx{font-size:12px}
  .ocl.ocl.ocl.ocl{font-size:12px}
  .leyebrow.leyebrow.leyebrow.leyebrow{font-size:12px}
  .lname.lname.lname.lname{font-size:12px}
  .lab.lab.lab.lab{font-size:12px}
  .tck.tck.tck.tck{font-size:12px}
  .grouplab.grouplab.grouplab.grouplab span{font-size:12px}
  .fact.fact.fact.fact i{font-size:12px}
  .hwfact.hwfact.hwfact.hwfact i{font-size:12px}
  .cnum.cnum.cnum.cnum{font-size:12px}
  .nx-f.nx-f.nx-f.nx-f{font-size:12px}
  .jobfoot.jobfoot.jobfoot.jobfoot{font-size:12px}
  .mo.mo.mo.mo{font-size:12px}
  .cred.cred.cred.cred{font-size:12px}
  .ig-l.ig-l.ig-l.ig-l{font-size:12px}
  .bcr.bcr.bcr.bcr span{font-size:12px}
  .pdmeta.pdmeta.pdmeta.pdmeta,
  .pdmeta.pdmeta.pdmeta.pdmeta span{font-size:12px}
  .afmeta.afmeta.afmeta.afmeta,
  .afmeta.afmeta.afmeta.afmeta span{font-size:12px}
  .tbl.tbl.tbl.tbl .r.r.r.r span,
  .tbl.tbl.tbl.tbl .r.r.r.r b .sub.sub.sub.sub{font-size:12px}
  .pdgone.pdgone.pdgone.pdgone i{font-size:12px}
}