/* Programme Schools roster and readonly detail share one scoped reading owner. */
.sites { max-width:100%; min-width:0; max-height:calc(100dvh - 12rem); overflow:auto; overflow-wrap:anywhere; scroll-padding:8px; padding-bottom:8px; }
.sites, .sites * { font-size:1rem !important; line-height:1.5 !important; }
.sites h4 { font-size:1.25rem !important; }
.sites h5 { font-size:1.125rem !important; }
.sites strong { font-size:inherit !important; }
.sites table { width:100%; min-width:36rem; }
.sites td, .sites th { overflow-wrap:anywhere; vertical-align:top; }
.sites .site-detail, .sites .kpis, .sites .row, .sites .kpi { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.sites .kpis, .sites .row { flex-wrap:wrap; }
.sites-toggle, .sites :is(button,input,select,a) { min-width:44px; min-height:44px; font-size:1rem !important; }
.sites a { display:inline-flex; align-items:center; }
.sites-toggle:focus-visible, .sites :is(button,input,select,a):focus-visible { outline:2px solid var(--border-focus,var(--gr-operator-border-focus)) !important; outline-offset:2px; transition:none !important; }
@media(prefers-reduced-motion:reduce) { .sites,.sites *,.sites-toggle { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }