/* Stingray — shared header and footer for pages that were built without them.
   Everything is scoped to .syc so the page's own styles are left alone. */
header.nav.syc,footer.syc{--accent:#004850;--ink:#101416;--ink-2:#4A5558;--rule:#D8DEDE;--maxw:1260px;
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;line-height:1.55;font-size:16px;text-align:start;letter-spacing:normal;text-transform:none}
header.nav.syc *,footer.syc *{box-sizing:border-box}
header.nav.syc{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--rule);margin:0;padding:0;color:var(--ink)}
:where(.syc) .nav-in{max-width:var(--maxw);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:26px}
:where(.syc) .logo{display:block;flex:0 0 auto;line-height:0;margin:0}
:where(header.syc) .logo svg{height:clamp(34px,2.6vw,44px);width:auto;display:block}
:where(.syc) .nav-links{display:flex;gap:22px;flex:1;font-size:13.5px;margin:0;padding:0}
:where(.syc) .nav-links a{color:var(--ink-2);text-decoration:none;white-space:nowrap;border:0;background:none;padding:0}
:where(.syc) .nav-links a:hover{color:var(--accent)}
:where(.syc) .nav-links a b{color:var(--accent);font-weight:700;margin-right:6px;font-size:11px;letter-spacing:.08em}
:where(.syc) .lang{font-size:12px;letter-spacing:.08em;color:var(--ink-2);white-space:nowrap}
:where(.syc) .lang b{color:var(--ink)}
:where(.syc) .lang a{color:inherit;text-decoration:none}
:where(.syc) .btn{display:inline-block;padding:9px 16px;border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none;
  font-size:13px;letter-spacing:.02em;font-weight:600;white-space:nowrap;border-radius:0;transition:background .16s,color .16s}
:where(.syc) .btn:hover{background:#00363c;color:#fff}
header.syc .btn{text-transform:none;letter-spacing:.02em;font-family:inherit}
footer.syc{display:block;max-width:none;margin:0;border-top:1px solid var(--rule);padding:44px 0 60px;font-size:13px;color:var(--ink-2);background:#fff}
footer.syc .wrap{display:block;max-width:var(--maxw);margin:0 auto;padding:0 28px;width:auto}
footer.syc .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:32px}
footer.syc a{color:var(--ink-2);text-decoration:none;display:block;margin-bottom:7px;border:0}
footer.syc a:hover{color:var(--accent)}
footer.syc .logo svg{height:26px;width:auto}
footer.syc p{color:var(--ink-2);max-width:none}
footer.syc .legal{border-top:1px solid var(--rule);padding-top:22px;font-size:11.5px;line-height:1.6;color:var(--ink-2)}
@media(max-width:1220px){:where(.syc) .nav-links{font-size:12px;gap:12px}:where(.syc) .nav-links a[href$="#site"]{display:none}:where(.syc) .nav-in{gap:18px}}
@media(max-width:980px){footer.syc .cols{grid-template-columns:1fr 1fr}}
@media(max-width:920px){.syc .nav-links{display:none}:where(.syc) .lang{font-size:11px}:where(.syc) .nav-in{justify-content:space-between;gap:14px}}
@media(max-width:640px){.syc .nav-in{padding:12px 10px;gap:8px}.syc .btn{padding:8px 12px;font-size:11px}.syc .lang{font-size:10px;letter-spacing:.04em}header.syc .logo svg{height:30px}}
@media(max-width:430px){header.syc .nav-in{flex-wrap:wrap;row-gap:9px}header.syc .nav-in>.logo{flex:1 1 100%}header.syc .nav-in>.lang{margin-inline-end:auto}footer.syc .cols{grid-template-columns:1fr}}
@media print{header.syc{display:none}}