/* 2026-11-05 (owner): every page uses ONE centred content container: max 1240px, 24px side padding (16px on phones).
   For the stand-alone static pages (policy pages, blog, grades guide, ...) that do not use the redesign theme.
   Full-width bands keep their background; their content is centred in the 1240px box. */
:root{--ba-gut:24px}
@media (max-width:640px){:root{--ba-gut:16px}}
body>header,body>footer,body>nav,body>.hero,.blog-hero,.ba-footer,body>.footer{box-sizing:border-box;padding-left:max(var(--ba-gut),calc((100% - 1240px)/2 + var(--ba-gut)))!important;padding-right:max(var(--ba-gut),calc((100% - 1240px)/2 + var(--ba-gut)))!important}
body>main,body>section,body>article,body>.container,body>div.wrap,body>div.content,body>div.page{box-sizing:border-box;max-width:1240px;margin-left:auto;margin-right:auto;padding-left:var(--ba-gut)!important;padding-right:var(--ba-gut)!important}
img,video,iframe{max-width:100%}
@media (max-width:640px){table{display:block;max-width:100%;overflow-x:auto}}
/* blog top nav: wraps on phones instead of widening the page */
.nav-links{flex-wrap:wrap;max-width:100%}