/* Shared fixes for the generated sub-pages (schedule, standings, levels, members, locations, about). */
/* The runtime pins its root wrapper to the viewport height; let content flow. */
#dc-root,#dc-root>div{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
/* Rover stands bottom-right; keep footers readable above him. */
[data-screen-label] > footer,[data-screen-label] > div:last-child > footer{padding-bottom:200px!important}
@media (max-width:900px){
.site-nav nav{flex-wrap:nowrap!important;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.site-nav nav::-webkit-scrollbar{display:none}
.site-nav nav a{white-space:nowrap;flex:none}
}
/* Phone layouts for the generated pages (attribute selectors match both the template spelling and React's re-serialized inline styles). */
@media (max-width:700px){
/* schedule: time column stacks above its games; each game row becomes away|tag then home|venue */
[data-screen-label="Schedule"] [style*="minmax(120px"]{grid-template-columns:minmax(0,1fr)!important}
[data-screen-label="Schedule"] [style*="minmax(90px"]{grid-template-columns:minmax(0,1fr) auto!important;row-gap:6px!important}
/* standings: drop the Home/Away splits so the team name has room */
[data-screen-label="Standings"] [style*="20px minmax(0"]{grid-template-columns:20px minmax(0,1fr) 44px 34px 34px 48px!important}
[data-screen-label="Standings"] [style*="20px minmax(0"]>*:nth-child(4),[data-screen-label="Standings"] [style*="20px minmax(0"]>*:nth-child(5){display:none!important}
/* levels: name/ages column above the description */
[data-screen-label="Levels"] [style*="minmax(160px"]{grid-template-columns:minmax(0,1fr)!important}
/* locations: city picker above this week's games */
[data-screen-label="Locations"] [style*="minmax(280px"]{grid-template-columns:minmax(0,1fr)!important}
}
/* Phones: fade the right edge of the scrolling nav so it reads as scrollable. */
@media (max-width:900px){.site-nav nav{-webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent);padding-right:40px}}
