.sga-banner-page{padding-top:0}.sga-picture-banner{background:linear-gradient(110deg,#edf8ff 0%,#f7fbfb 50%,#e1f3eb 100%);isolation:isolate;overflow:hidden;border-bottom:1px solid #cce3e8;color:#173c52;margin-bottom:28px}.sga-picture-banner__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:16px;min-height:300px}.sga-picture-banner__copy{position:relative;z-index:1;padding:32px 0;min-width:0}.sga-picture-banner__copy h1{font-size:clamp(26px,3vw,44px);line-height:1.2;margin:10px 0 16px;color:#173c52;overflow-wrap:break-word}.sga-picture-banner .sga-banner-kicker{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#187b79;margin:0}.sga-banner-summary{font-size:17px;line-height:1.7;max-width:600px;margin:0}.sga-banner-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.sga-picture-banner__art{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 12%,#000 86%,transparent 100%);-webkit-mask-composite:source-in}.sga-registration-intro{padding:20px 28px;background:#f1f9fb;border-bottom:1px solid #d5e7ec}.sga-registration-intro p{margin:0}.sga-picture-banner__copy .sga-btn{white-space:normal;text-align:center}.single .sga-picture-banner{border-radius:16px}
@media(max-width:720px){.sga-picture-banner__inner{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.sga-picture-banner__copy{padding:26px 0 0}.sga-picture-banner__art{max-height:280px;margin-top:-6px}.sga-banner-summary{font-size:16px}.sga-picture-banner{margin-bottom:20px}.sga-registration-intro{padding:18px}}
/* v1.39.1: compact bordered boxes on inner pages; original home hero restored. */
.sga-picture-banner{box-sizing:border-box;width:calc(100% - 32px);max-width:1200px;margin:18px auto 24px;border:2px solid #95bec5;border-radius:14px;box-shadow:0 4px 14px rgba(23,70,92,.07)}
.sga-picture-banner .sga-picture-banner__inner{width:100%;max-width:100%;box-sizing:border-box;padding:0 18px;min-height:194px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px}
.sga-picture-banner .sga-picture-banner__copy{padding:14px 0;min-width:0}.sga-picture-banner .sga-picture-banner__copy h1{font-size:clamp(22px,2.2vw,32px);line-height:1.2;margin:6px 0 9px}.sga-picture-banner .sga-banner-kicker{font-size:10px;line-height:1.4}.sga-picture-banner .sga-banner-summary{font-size:14px;line-height:1.5;margin:0}.sga-picture-banner .sga-picture-banner__art{height:194px;max-height:194px;width:100%;margin:0;object-fit:contain}.single .sga-picture-banner{width:100%}
@media(max-width:720px){.sga-picture-banner{width:calc(100% - 24px);margin:12px auto 20px}.sga-picture-banner .sga-picture-banner__inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;min-height:170px;padding:0 12px}.sga-picture-banner .sga-picture-banner__copy{padding:14px 0}.sga-picture-banner .sga-picture-banner__copy h1{font-size:clamp(19px,4.5vw,25px);margin:5px 0 8px}.sga-picture-banner .sga-banner-summary{font-size:13px;line-height:1.45}.sga-picture-banner .sga-picture-banner__art{height:160px;max-height:160px}.sga-picture-banner .sga-banner-kicker{font-size:9px;letter-spacing:.035em}}
/* Dark academy banners with brighter copy and a slightly larger vignette. */
.sga-picture-banner{background:linear-gradient(110deg,#0b223b 0%,#103e52 56%,#0c5558 100%);border-color:#41818c;color:#fff;box-shadow:0 5px 16px rgba(5,28,46,.2)}
.sga-picture-banner .sga-picture-banner__copy h1{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}
.sga-picture-banner .sga-banner-kicker{color:#a2efdf}.sga-picture-banner .sga-banner-summary{color:#e0eef4}
.sga-picture-banner .sga-picture-banner__art{transform:scale(1.14);transform-origin:center;filter:drop-shadow(0 0 12px rgba(204,240,238,.16));mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 90%,transparent 100%);-webkit-mask-composite:source-in}
@media(max-width:720px){.sga-picture-banner .sga-picture-banner__art{transform:scale(1.1)}}
/* Board directory content uses exactly the same outside edges as its banner. */
body.sga-board-directory-page .sga-content.sga-banner-page>.sga-container{width:calc(100% - 32px);max-width:1200px;box-sizing:border-box;padding-top:0;padding-bottom:32px}
body.sga-board-directory-page .sga-content.sga-banner-page>.sga-container>article{width:100%;max-width:none;margin:0;box-sizing:border-box;padding:22px;border-radius:14px}
body.sga-board-directory-page .sga-board-icon-grid{grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible;gap:12px;margin:20px 0 0;padding:0}
.sga-board-icon-grid>a.sga-board-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-sizing:border-box;min-width:0;padding:16px 9px;border:1px solid #bcdad6;border-top:4px solid var(--sga-board-accent,#087c70);border-radius:12px;text-decoration:none;color:#17324d;transition:box-shadow .15s,transform .15s}
.sga-board-icon-grid>a.sga-board-card:hover{transform:translateY(-3px);box-shadow:0 9px 18px rgba(10,67,91,.15)}.sga-board-icon-grid>a.sga-board-card:focus-visible{outline:3px solid #087c70;outline-offset:3px}.sga-board-icon-grid>a.sga-board-card .sga-section-board-icon{width:100%;max-width:100px;margin-bottom:12px}.sga-board-icon-grid>a.sga-board-card .sga-board-card-title{font-size:13px;line-height:1.5;margin:0 0 12px;text-align:center;min-height:3em;overflow-wrap:anywhere}.sga-board-icon-grid>a.sga-board-card .sga-btn{height:48px;min-height:48px;max-height:none;flex:0 0 48px;color:#fff}
@media(max-width:1100px){body.sga-board-directory-page .sga-board-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){body.sga-board-directory-page .sga-content.sga-banner-page>.sga-container{width:calc(100% - 24px)}body.sga-board-directory-page .sga-content.sga-banner-page>.sga-container>article{padding:16px}}
@media(max-width:600px){body.sga-board-directory-page .sga-board-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* A different dark palette and the board's existing logo on each board page. */
.sga-picture-banner.sga-board-logo-banner{background:linear-gradient(110deg,var(--sga-board-dark-a),var(--sga-board-dark-b));border-color:var(--sga-board-edge)}
.sga-board-logo-banner-cbse{--sga-board-dark-a:#073f45;--sga-board-dark-b:#12656d;--sga-board-edge:#4a9da0}.sga-board-logo-banner-cisce{--sga-board-dark-a:#183b26;--sga-board-dark-b:#2f603b;--sga-board-edge:#6d9d76}.sga-board-logo-banner-nios{--sga-board-dark-a:#62310e;--sga-board-dark-b:#8f551c;--sga-board-edge:#c09558}.sga-board-logo-banner-ib{--sga-board-dark-a:#142d54;--sga-board-dark-b:#285084;--sga-board-edge:#668bb7}.sga-board-logo-banner-moe{--sga-board-dark-a:#602332;--sga-board-dark-b:#8b4236;--sga-board-edge:#ba7d77}.sga-board-logo-banner-uk{--sga-board-dark-a:#38264f;--sga-board-dark-b:#66467f;--sga-board-edge:#9c82b7}.sga-board-logo-banner-up{--sga-board-dark-a:#5e2946;--sga-board-dark-b:#884669;--sga-board-edge:#ba7d9d}.sga-board-logo-banner-cambridge{--sga-board-dark-a:#103d54;--sga-board-dark-b:#226b78;--sga-board-edge:#639eac}
.sga-picture-banner.sga-board-logo-banner .sga-banner-kicker{color:#e1f4ef}.sga-picture-banner.sga-board-logo-banner .sga-board-banner-logo{width:160px;height:160px;max-width:100%;max-height:160px;box-sizing:border-box;object-fit:contain;transform:none;filter:none;mask-image:none;-webkit-mask-image:none;padding:8px;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 5px 20px rgba(0,0,0,.16);justify-self:end;margin:0 32px 0 0}
@media(max-width:720px){.sga-picture-banner.sga-board-logo-banner .sga-board-banner-logo{width:min(128px,100%);height:auto;aspect-ratio:1;max-height:128px;padding:6px;margin:0;justify-self:center}}
