/* Shared page geometry, loaded after page-specific styles. */
:root{--site-width:1120px}
body{margin:0;padding:0;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}
body>main,body>main.layout{box-sizing:border-box;width:min(var(--site-width),calc(100% - 32px));max-width:var(--site-width);margin:16px auto 32px;padding:0;min-width:0}
body>main>*{min-width:0;box-sizing:border-box}
.codeeq-header{width:100%;margin:0}
.codeeq-banner img{width:100%;height:auto;max-width:100%;display:block}
.codeeq-navigation{width:100%;margin:12px 0 16px}
.topbar{box-sizing:border-box;padding-left:max(16px,calc((100% - var(--site-width))/2));padding-right:max(16px,calc((100% - var(--site-width))/2))}
.topbar h1{font-size:28px;line-height:1.2}
@media(max-width:760px){body>main,body>main.layout{width:calc(100% - 32px);margin-top:16px}}