
/* WCAG 2.2 SC 2.5.8 Target Size (Minimum), Level AA -- 24x24 CSS px.
   Hit area only: font-size, colour and weight are untouched so nothing reflows. */
body[data-target-size="lowes-target-size-v1-2026-09-05"] :is(.breadcrumbs,.sl-breadcrumb,.legal-links,.sl-footer-links) a,
body[data-target-size="lowes-target-size-v1-2026-09-05"] address a{
  display:inline-flex;
  align-items:center;
  min-height:24px;
}
/* A row of nav links given a min-height still needs vertical rhythm, or the taller boxes
   collide when the list wraps on a narrow screen. */
body[data-target-size="lowes-target-size-v1-2026-09-05"] :is(.breadcrumbs,.legal-links,.sl-footer-links){
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:2px 10px;
}
body[data-target-size="lowes-target-size-v1-2026-09-05"] .legal-links{gap:4px 14px}
/* Checkboxes and radios shipped at 20x20. Both dimensions fail, so both are set. */
body[data-target-size="lowes-target-size-v1-2026-09-05"] input:is([type="checkbox"],[type="radio"]){
  min-width:24px;
  min-height:24px;
  flex-shrink:0;
}
/* Any remaining control that renders short -- date pickers, selects, small buttons. */
body[data-target-size="lowes-target-size-v1-2026-09-05"] :is(button,select,input:is([type="submit"],[type="button"])){
  min-height:24px;
}
@media(pointer:coarse){
  /* A finger is a coarser pointer than a cursor, so touch gets more than the AA floor.
     32px rather than the 44px of SC 2.5.5 (Enhanced, AAA) is a measured trade, not a
     free win -- taller link boxes cost page height on these wrapping nav rows. Measured
     at 390px with (pointer:coarse) confirmed matching, against the 24px baseline:

       24px  home 18693  about 7020  support 6692  local-moving 4723   (baseline)
       32px  home 18709  about 7044  support 6716  local-moving 4739   (+16 to +24)
       44px  home 18733  about 7080  support 6752  local-moving 4763   (+40 to +60)

     32px buys a third more tap area than the floor for ~0.1-0.3% more scroll; 44px
     costs two and a half times that for links that are already comfortably hittable. */
  body[data-target-size="lowes-target-size-v1-2026-09-05"] :is(.breadcrumbs,.sl-breadcrumb,.legal-links,.sl-footer-links) a{min-height:32px}
}
