/* Shared masthead: one navigation pattern for the whole static site. */
.site-header{position:sticky;top:0;z-index:160;background:rgba(247,246,251,.98);border-bottom:1px solid #DDD9EC;padding:0;backdrop-filter:blur(8px);display:block}
.site-header .navbar{width:min(1180px,calc(100% - 48px));max-width:none;margin:0 auto;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;padding:6px 0 0!important;min-height:0;align-items:center}
.site-header .brand{display:block;font-family:'Space Grotesk',Arial,sans-serif;font-size:18px!important;font-weight:700;line-height:1.25;letter-spacing:-.02em;white-space:normal;text-decoration:none;color:#111;max-width:none}
.site-header .brand b{color:#5031BF;font-weight:600;white-space:nowrap}
.site-header .brand-tagline{display:block;font:400 12px/1.35 'IBM Plex Sans',Arial,sans-serif;letter-spacing:0;margin-top:4px;color:#302D43}
.site-header .header-tools{display:flex;gap:12px;align-items:center;justify-content:flex-end}
.site-header .linkedin-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:9px 10px;color:#5031BF;text-decoration:none;font:500 11px/1.2 'IBM Plex Mono',monospace}
.site-header .linkedin-link svg{width:19px;height:19px;fill:currentColor}
.site-header .navlinks{position:static!important;grid-column:1/-1;margin:4px 0 0!important;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2px;max-height:none;padding:2px 0;border:0;border-top:1px solid #DDD9EC;border-radius:0;box-shadow:none;overflow:visible;background:transparent}
.site-header .navlinks a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font:600 14px/1.2 'IBM Plex Sans',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#302D43;border-radius:6px;text-decoration:none;overflow-wrap:normal}
.site-header .navlinks a:hover,.site-header .navlinks a.active{color:#5031BF;background:#EFEBFF}
.site-header .navlinks a.active{text-decoration:underline;text-underline-offset:5px}
.site-header .navlinks .cta{background:#5031BF;color:#fff}
.site-header .navlinks .cta:hover{background:#392388;color:#fff}
.site-header .nav-toggle{display:none;min-height:44px;background:#fff;border:1px solid #827992;border-radius:6px;padding:9px 12px;color:#302D43;font:600 12px/1.2 'IBM Plex Sans',Arial,sans-serif;cursor:pointer;margin:0}
.site-header .site-search-launch{margin:0;min-height:44px;cursor:pointer}
.site-header :focus-visible{outline:3px solid #5031BF;outline-offset:3px}
body[data-page="lab"] .lab-window-header{position:static;z-index:auto}
html{scroll-padding-top:calc(var(--header-height,156px) + 12px)}
@media(max-width:900px){.site-header .navbar{padding:6px 0 0!important;gap:4px 10px}.site-header .brand{font-size:15px!important}.site-header .brand-tagline{font-size:10px;max-width:210px}.site-header .header-tools{gap:6px;flex-wrap:nowrap}.site-header .linkedin-link{display:none!important}.site-header .site-search-launch kbd{display:none}.site-header .site-search-launch{padding:8px}.site-header .site-search-launch span{font-size:12px}.site-header .nav-toggle{display:block!important}.site-header .navlinks{display:none!important;margin:0!important;padding:4px 0;max-height:58vh;overflow-y:auto;grid-template-columns:1fr 1fr;gap:6px}.site-header .navlinks.open{display:grid!important}.site-header .navlinks a{justify-content:flex-start;padding:10px 12px;border:1px solid #DDD9EC}.site-header:not(.header-enhanced) .navlinks{display:grid!important}.site-header:not(.header-enhanced) .nav-toggle{display:none!important}}
@media(max-width:440px){.site-header .navbar{width:calc(100% - 32px)}.site-header .brand{font-size:14px!important}.site-header .brand b{display:block}.site-header .header-tools{gap:4px}.site-header .site-search-launch span{display:none}.site-header .site-search-launch{width:44px}.site-header .nav-toggle{padding:8px;font-size:11px}}
@media print{.site-header{display:none!important}}

/* The shared header ends with the sharing row. Page content starts below it. */
.site-header .pt-share{grid-column:1/-1;width:100%;max-width:none;margin:0;padding:4px 0;border:0;border-top:1px solid #DDD9EC;gap:4px 10px}
body[data-page="document"]>main{padding-top:24px}
@media(max-width:900px){.site-header .pt-share{padding:4px 0 6px;gap:4px 8px}.site-header .pt-share-label{flex-basis:auto}body[data-page="document"]>main{padding-top:18px}}
.site-header .header-tools{order:1}
.site-header #primaryNav{order:2}
.site-header .pt-share{order:3}

/* v12.5: visible credentials, wrapping without widening the masthead. */
.site-header .brand-credentials{display:block;font:500 10px/1.35 "IBM Plex Mono",monospace;color:#514966;letter-spacing:.025em;margin-top:3px;white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:650px){.site-header .brand-credentials{font-size:8px;max-width:32ch}}