/* Shared visual conventions from the existing SCP website prototype. */
body>header,body>main,body>footer{width:min(1280px,94%);margin-left:auto;margin-right:auto}
body>footer{margin-bottom:26px}
.header{min-height:100px;gap:24px}.header .brand img{width:310px}
.workshop-band{background:#f0f4f8;padding:55px 0}
.button,.nav-cta{border-radius:7px;min-height:44px;padding:10px 18px;font-size:13px}
.button.orange,.button.navy{background:linear-gradient(155deg,#285c86 0%,#164773 30%,#0f2d5b 68%,#081e3c 100%);color:#fff;border-color:#15395e;box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 1px #04152e66,0 2px 5px #061c3520}
.workshop-band .button.navy,nav .nav-cta{background:linear-gradient(155deg,#ffad45 0%,#ff8b13 38%,#ff7a00 72%,#ec6c00 100%);color:#102642;border:1px solid #df7007;box-shadow:inset 0 1px 0 #ffffff70,0 2px 5px #061c351a}
.button:hover{filter:brightness(1.06)}
footer{background:linear-gradient(120deg,#081f40,#15365b);color:#c2d0e3;padding:30px 0 15px;font-size:13px;border-top:1px solid #4b6580}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1.1fr;gap:24px;margin-bottom:20px}
footer .brand{display:inline-block;background:#fff;padding:7px;border-radius:3px;box-shadow:0 5px 20px #04132930}
footer .brand img{width:235px;height:auto}
.footer-tagline{margin:12px 0 0;font-size:12px;line-height:1.5}
.footer-column h3{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#fff;margin:0 0 10px;line-height:1.5}
.footer-column a{display:block;font-size:12px;margin:5px 0;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.footer-column a:hover{color:#fff;text-decoration:underline}
.copyright{border-top:1px solid #29405f;padding-top:12px;font-size:10px;text-align:center;color:#c9d6e6}
.copyright p{font-size:10px;margin:7px 0 0}
@media(max-width:1050px){.header .brand img{width:250px}.footer-grid{gap:20px}}
@media(max-width:800px){.header{min-height:94px}.header .brand img{width:245px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}footer .brand img{width:210px}.workshop-band{padding:42px 0}}
@media(max-width:400px){.header .brand img{width:205px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media print{body>header,body>main{width:100%}}