/* Gate repair internal links: homepage section, "Areas we serve most", project-page callouts, nav dropdown */
.sgd-gate-links{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.08);padding:96px 0}
.sgd-gate-links .section-head{margin-bottom:40px}
.sgd-gl-intro{font-family:var(--body,'Barlow',system-ui,sans-serif);font-size:18px;line-height:1.6;color:rgba(255,255,255,.82);max-width:60ch;margin-top:20px}
.sgd-gl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.sgd-gl-grid li{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 26px;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:border-color .25s ease,transform .25s ease}
.sgd-gl-grid li:hover,.sgd-gl-grid li:focus-within{border-color:#A5D81F;transform:translateY(-2px)}
.sgd-gl-grid a{font-family:var(--display,'Barlow Condensed',sans-serif);font-size:24px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-decoration:none;line-height:1.15}
.sgd-gl-grid a::after{content:"";position:absolute;inset:0;border-radius:12px}
.sgd-gl-grid li:hover a,.sgd-gl-grid a:focus-visible{color:#A5D81F}
.sgd-gl-grid span{font-family:var(--body,'Barlow',system-ui,sans-serif);font-size:15px;line-height:1.5;color:rgba(255,255,255,.7)}
.sgd-gl-areas{margin:28px 0 0;font-family:var(--body,'Barlow',system-ui,sans-serif);font-size:16px;line-height:1.9;color:rgba(255,255,255,.75)}
.sgd-gl-areas strong{color:#fff;margin-right:6px}
.sgd-gl-areas a,.sgd-areas-most a,.sgd-service-callout a{color:#A5D81F;text-decoration:underline;text-underline-offset:3px}
.sgd-gl-areas a:hover,.sgd-areas-most a:hover,.sgd-service-callout a:hover{color:#fff}
.sgd-areas-most{font-family:var(--body,'Barlow',system-ui,sans-serif);font-size:16px;line-height:1.8;color:rgba(255,255,255,.82);margin:18px 0 0}
.sgd-areas-most strong{color:#fff}
.sgd-service-callout{border-left:3px solid #A5D81F;background:rgba(165,216,31,.06);padding:14px 18px;border-radius:0 8px 8px 0}
@media(max-width:768px){.sgd-gate-links{padding:64px 0}.sgd-gl-grid a{font-size:21px}.sgd-gl-intro{font-size:16px}}
/* Nav dropdown */
.nav-links .sgd-nav-dd{position:relative;display:inline-flex;align-items:center}
.nav-links .sgd-nav-dd-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:8px 0;margin:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.nav-links .sgd-nav-dd-btn svg{width:10px;height:10px;transition:transform .2s ease}
.nav-links .sgd-nav-dd:hover .sgd-nav-dd-btn,.nav-links .sgd-nav-dd-btn:focus-visible{color:#A5D81F}
.nav-links .sgd-nav-dd-menu{position:absolute;top:100%;left:-18px;min-width:250px;padding:10px 0;background:#0a0a0a;border:1px solid rgba(165,216,31,.3);border-radius:8px;box-shadow:0 24px 40px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:10000}
.nav-links .sgd-nav-dd:hover .sgd-nav-dd-menu,.nav-links .sgd-nav-dd:focus-within .sgd-nav-dd-menu,.nav-links .sgd-nav-dd.is-open .sgd-nav-dd-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-links .sgd-nav-dd:hover .sgd-nav-dd-btn svg,.nav-links .sgd-nav-dd.is-open .sgd-nav-dd-btn svg{transform:rotate(180deg)}
.nav-links .sgd-nav-dd-menu a{display:block;padding:10px 18px;white-space:nowrap}
.nav-links .sgd-nav-dd-menu a::after{display:none}
@media(max-width:1024px){
.nav-links .sgd-nav-dd{display:block}
.nav-links .sgd-nav-dd-btn{padding:0;cursor:default}
.nav-links .sgd-nav-dd-btn svg{display:none}
.nav-links .sgd-nav-dd-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;padding:6px 0 0 14px;background:none;border:0;border-left:2px solid rgba(165,216,31,.4);border-radius:0;box-shadow:none;margin-top:10px}
.nav-links .sgd-nav-dd-menu a{padding:9px 0;font-size:15px;color:rgba(255,255,255,.82);white-space:normal}
}
/* Keep the desktop menu on one line now that it has one more item */
@media(min-width:1025px){.nav-links>*,.nav-links .sgd-nav-dd-btn,.nav-right .nav-phone{white-space:nowrap}}
@media(min-width:1025px) and (max-width:1380px){.nav-links{gap:18px!important;letter-spacing:.1em!important}}
@media(min-width:1025px) and (max-width:1180px){.nav-links{gap:13px!important;font-size:11px!important;letter-spacing:.06em!important}.nav-right .nav-phone{font-size:13px}}
/* Dark article templates style <strong> as dark-on-highlight; keep the label readable */
.post-article .sgd-areas-most strong{color:inherit;background:none;padding:0}