td[class~=py-3],th[class~=py-3]{padding-top:.4rem;padding-bottom:.4rem}td[class~=py-4],th[class~=py-4]{padding-top:.5rem;padding-bottom:.5rem}td[class~=py-2],th[class~=py-2]{padding-top:.3rem;padding-bottom:.3rem}[class~=py-3][class~=border-b]{padding-top:.45rem;padding-bottom:.45rem}[class~=py-4][class~=border-b]{padding-top:.55rem;padding-bottom:.55rem}.mt-18{margin-top:2.5rem}body{overflow-wrap:break-word}.flex>*,[class*=inline-flex]>*{min-width:0}table{max-width:100%}code,pre{overflow-x:auto;max-width:100%}@media (max-width:640px){.px-6,.px-8{padding-left:.8rem;padding-right:.8rem}.px-5{padding-left:.7rem;padding-right:.7rem}.px-4{padding-left:.65rem;padding-right:.65rem}.p-6{padding:.85rem}.p-5{padding:.75rem}.p-4{padding:.65rem}.gap-6{gap:.6rem}.gap-4{gap:.5rem}.gap-3{gap:.45rem}.py-10{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:1.2rem;padding-bottom:1.2rem}.py-6{padding-top:1rem;padding-bottom:1rem}.text-5xl{font-size:2.1rem;line-height:1.05}.text-4xl{font-size:1.7rem;line-height:1.12}}.p-8{padding:1.25rem}.p-7{padding:1.05rem}.p-6{padding:1rem}.p-5{padding:.85rem}.px-8{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.05rem;padding-right:1.05rem}.py-8{padding-top:1.1rem;padding-bottom:1.1rem}.py-7{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:.85rem;padding-bottom:.85rem}.py-24{padding-top:2.25rem;padding-bottom:2.25rem}.py-20{padding-top:2rem;padding-bottom:2rem}.py-16{padding-top:1.75rem;padding-bottom:1.75rem}.py-14{padding-top:1.5rem;padding-bottom:1.5rem}.py-12{padding-top:1.4rem;padding-bottom:1.4rem}.py-10{padding-top:1.2rem;padding-bottom:1.2rem}.py-9{padding-top:1.1rem;padding-bottom:1.1rem}.bg-hero,section[class*=bg-hero]{padding-top:1.4rem;padding-bottom:1.4rem}.mb-12{margin-bottom:1.25rem}.mb-10{margin-bottom:1rem}.mb-8{margin-bottom:.85rem}.mt-12{margin-top:1.25rem}.mt-10{margin-top:1rem}.mt-8{margin-top:.85rem}table td,table th{padding-top:.35rem;padding-bottom:.35rem}[class*="text-[10px]"],[class*="text-[11px]"],[class*="text-[9px]"],[class*=rounded-full]{white-space:nowrap}[class*="text-[10px]"]:not([class*=rounded]):not([class*=bg-]):not([class*=border]),[class*="text-[11px]"]:not([class*=rounded]):not([class*=bg-]):not([class*=border]),[class*="text-[9px]"]:not([class*=rounded]):not([class*=bg-]):not([class*=border]){white-space:normal}.px-4.py-1\.5,.px-4.py-2,.px-4.py-2\.5{padding-left:.65rem;padding-right:.65rem}@media (max-width:640px){#div-tabs{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start!important;scrollbar-width:none}#div-tabs::-webkit-scrollbar{display:none}#div-tabs>*{flex:0 0 auto}#division-tabs{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start!important;scrollbar-width:none}#division-tabs::-webkit-scrollbar{display:none}#division-tabs>*{flex:0 0 auto}}
/* DENSITY-MOBILE-V2 (2026-08-31, operator: too much whitespace/gaps on mobile) — tighten oversized
   titles + vertical rhythm on phones, family-wide. */
@media (max-width:640px){
  h1[class*=text-3xl],.text-3xl{font-size:1.5rem;line-height:1.18}
  h1[class*=text-2xl],.text-2xl{font-size:1.3rem;line-height:1.2}
  .text-xl{font-size:1.12rem;line-height:1.25}
  .mb-10{margin-bottom:.9rem}.mb-8{margin-bottom:.8rem}.mb-6{margin-bottom:.65rem}.mb-5{margin-bottom:.55rem}.mb-4{margin-bottom:.55rem}.mb-3{margin-bottom:.4rem}
  .mt-10{margin-top:.9rem}.mt-8{margin-top:.8rem}.mt-6{margin-top:.65rem}
  .space-y-6>*+*{margin-top:.65rem}.space-y-5>*+*{margin-top:.55rem}.space-y-4>*+*{margin-top:.5rem}
  section[class*=bg-hero],.hero,.page-hero{padding-top:1.1rem!important;padding-bottom:1.1rem!important}
}
/* DENSITY-HERO-V3 (2026-08-31): the shared .bg-hero banner ate ~40% of the mobile fold (huge title +
   multi-line description) before any data. Compact it on phones, family-wide (standings/schedule/results/etc). */
@media (max-width:640px){
  section.bg-hero,.bg-hero{padding-top:.9rem!important;padding-bottom:1rem!important}
  .bg-hero h1{font-size:1.45rem!important;line-height:1.12!important;margin-top:.35rem!important}
  .bg-hero p{font-size:.82rem!important;line-height:1.38!important;margin-top:.4rem!important}
  .bg-hero .hero-rule{margin-top:.4rem!important;margin-bottom:.15rem!important}
  .bg-hero .hero-pill{font-size:10px!important}
}
/* DENSITY-GLOBAL-V4 (2026-08-31, operator: finish the whole mobile density pass) — broaden the phone
   density: shrink the largest display text, compact ANY hero inner container + big section padding, tighten
   section-to-section rhythm. Applies to every page that loads density.css. */
@media (max-width:640px){
  .text-6xl{font-size:2rem!important;line-height:1.05!important}
  .text-5xl{font-size:1.75rem!important;line-height:1.08!important}
  .text-4xl{font-size:1.5rem!important;line-height:1.12!important}
  section.bg-hero>div,section.bg-hero .max-w-7xl,.hero>div,.page-hero>div{padding-top:1rem!important;padding-bottom:1.05rem!important}
  .py-16,.py-14,.py-12{padding-top:1rem!important;padding-bottom:1rem!important}
  .py-10,.py-9{padding-top:.9rem!important;padding-bottom:.9rem!important}
  section+section{margin-top:0}
}