/* Shared tabs across /training/, /training/skill and /training/vars. */
.tnav{display:flex;flex-wrap:wrap;gap:4px 6px;margin:6px 0 4px}
.tnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:8px;color:#fff;background:rgba(255,255,255,.12);text-decoration:none;font-weight:600;font-size:15px}
.tnav a[aria-current=page]{background:#fff;color:#13294b}
.tnav a:focus-visible{outline:3px solid #ffd54f;outline-offset:2px}
#banner{background:#b3261e;color:#fff;padding:8px 16px;font-size:14px}#banner a{color:#fff}
/* Phones and touch: 44 px rows for every control on the results pages. */
@media (max-width:600px),(pointer:coarse){
  #controls label,#controls .lbl{min-height:44px;display:inline-flex;align-items:center;gap:6px}
  #controls input[type=radio],#controls input[type=checkbox]{width:20px;height:20px}
  #controls select{min-height:44px}#lead{min-height:44px}
  .back a,footer a,#detail a,.note a,#banner a{display:inline-block;padding-block:14px}
  #closeDetail{min-width:44px;min-height:44px}
  #leadBtns button{min-height:44px;min-width:44px}
}