/* SSUG brand - maps logo palette onto Blocksy globals + IBM Plex. See ../../design/tokens.css */
/* !important so these beat Blocksy's inline :root defaults */
:root{
  --ssug-azure:#1c9fd9; --ssug-azure-dark:#127bb0; --ssug-navy:#18386a;
  --ssug-amber:#ef9f33; --ssug-amber-dark:#c47d18; --ssug-grey:#808285;
  --ssug-ink:#16233b; --ssug-muted:#5d6b82; --ssug-bg:#f6f8fb; --ssug-line:#e4ebf4;
  --theme-palette-color-1:#1c9fd9 !important; --theme-palette-color-2:#127bb0 !important;
  --theme-palette-color-3:#18386a !important; --theme-palette-color-4:#16233b !important;
  --theme-palette-color-5:#dbe6f0 !important; --theme-palette-color-6:#f2f5f9 !important;
  --theme-palette-color-7:#f6f8fb !important; --theme-palette-color-8:#ffffff !important;
  --theme-font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif !important;
  --theme-text-color:#16233b !important; --theme-headings-color:#18386a !important;
  --theme-link-initial-color:#127bb0 !important; --theme-link-hover-color:#1c9fd9 !important;
  --theme-button-background-initial-color:#ef9f33 !important;
  --theme-button-background-hover-color:#c47d18 !important;
  --theme-button-text-initial-color:#3a2606 !important;
  --theme-button-text-hover-color:#3a2606 !important;
}
body{font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif}
h1,h2,h3,h4,h5{font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;color:#18386a}

/* Header: logo only (hide text title); logo already links home (rel=home) */
.ct-header .site-title-container{display:none !important;}
.ct-header [data-id="logo"]{display:flex !important;align-items:center !important;}
.ct-header .site-logo-container{display:inline-flex !important;align-items:center !important;line-height:0 !important;margin:0 !important;}
.ct-header .site-logo-container img,.ct-header img.default-logo{max-height:92px !important;width:auto !important;height:auto !important;display:block !important;margin:0 !important;}
/* header nav links in navy */
.ct-header [data-id="menu"] > ul > li > a{--theme-link-initial-color:#18386a;}
/* amber Join button in the header nav */
.ct-header [data-id="menu"] li.ssug-join-btn{align-self:center}
.ct-header [data-id="menu"] li.ssug-join-btn > a.ct-menu-link{background:#ef9f33 !important;color:#3a2606 !important;border-radius:8px;padding:10px 20px !important;height:auto !important;min-height:0 !important;line-height:1.1;--theme-link-initial-color:#3a2606;--theme-link-hover-color:#3a2606}
.ct-header [data-id="menu"] li.ssug-join-btn > a.ct-menu-link:hover{background:#e6912a !important}

/* Footer Connect columns (above Blocksy copyright) */
.ssug-fconnect{background:#12274a;color:#c4d4ea}
.ssug-fc-wrap{max-width:1180px;margin:0 auto;padding:48px 24px 34px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:30px}
.ssug-fc-name{display:block;color:#fff;font-size:18px;font-weight:700;margin-bottom:10px}
.ssug-fc-brand p{color:#8ea6c8;font-size:14px;max-width:320px;margin:0;line-height:1.55}
.ssug-fc-col h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 14px}
.ssug-fc-col a{display:block;color:#c4d4ea;font-size:14px;margin-bottom:9px;text-decoration:none}
.ssug-fc-col a:hover{color:#7fd0ef}
/* make Blocksy's copyright bar match the navy footer */
.ct-footer{background:#12274a !important}
.ct-footer [data-id="copyright"],.ct-footer .ct-footer-copyright{color:#8ea6c8}
.ct-footer [data-id="copyright"] a,.ct-footer .ct-footer-copyright a{color:#c4d4ea}
@media(max-width:860px){.ssug-fc-wrap{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:520px){.ssug-fc-wrap{grid-template-columns:1fr}}