/* SEO P2 (Oct 18 2026): compressed side images (WebP + JPG fallback) and homepage guide links. New file; shared site-nav.css untouched. */
.sn-band-left .sn-band-inner{background-image:linear-gradient(90deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 25%,rgba(20,20,20,.35) 100%),url("img/side-left-real.jpg");background-image:linear-gradient(90deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 25%,rgba(20,20,20,.35) 100%),image-set(url("img/side-left-real.webp") type("image/webp"),url("img/side-left-real.jpg") type("image/jpeg"))}
.sn-band-right .sn-band-inner{background-image:linear-gradient(270deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 22%,rgba(20,20,20,.35) 100%),url("img/side-right-real.jpg");background-image:linear-gradient(270deg,rgba(26,26,26,.35) 0%,transparent 45%),linear-gradient(180deg,rgba(250,247,242,.08) 0%,transparent 22%,rgba(20,20,20,.35) 100%),image-set(url("img/side-right-real.webp") type("image/webp"),url("img/side-right-real.jpg") type("image/jpeg"))}
.sn-pete picture{display:block}
.gl-section{padding:2.5rem 0;border-top:1px solid #CFC6B8}
.gl-section h2{font-size:clamp(1.6rem,3.6vw,2.1rem);line-height:1.2;font-weight:800;color:#14213D;margin:0 0 1rem}
.gl-grid{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
@media(min-width:700px){.gl-grid{grid-template-columns:repeat(2,1fr)}}
.gl-grid a{display:flex;align-items:center;min-height:64px;padding:.85rem 1.1rem;background:#FFFCF8;border:2px solid #CFC6B8;border-left:6px solid #C4A574;border-radius:12px;color:#14213D;font-weight:800;font-size:1.15rem;line-height:1.3;text-decoration:none}
.gl-grid a:hover,.gl-grid a:focus-visible{border-color:#14213D;border-left-color:#C4A574}
.gl-grid a.gl-all{background:#14213D;color:#FFFFFF;border-color:#14213D}