/* What If companion navigation: wordmark, tagline, horizontal links, Menu +/- below 1100px. */
header.learning-header{width:100%;max-width:1320px;margin:0 auto;padding:30px 44px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:28px;border-bottom:1px solid #344b50;background:var(--learning-header-bg,#101719);box-sizing:border-box}
.learning-header .brand{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font:800 32px/1.3 system-ui,sans-serif;letter-spacing:-1.5px;text-decoration:none;color:#e9efed;flex-shrink:0}
.learning-header .brand span{color:var(--learning-accent,#d8f279)}
.learning-header .brand-note{font:400 11px/1.35 system-ui,sans-serif;color:#b4c4c3;flex-shrink:0}
.learning-header #site-menu{margin-left:auto;display:flex;flex-wrap:nowrap;align-items:center;gap:22px}
.learning-header #site-menu a{display:block;min-height:44px;padding:10px 0;font:500 14px/1.6 system-ui,sans-serif;white-space:nowrap;text-decoration:none;color:#e9efed}
.learning-header #site-menu a:hover{color:var(--learning-accent,#d8f279)}
.learning-header #site-menu a[aria-current=page]{color:var(--learning-accent,#d8f279);border-bottom:2px solid var(--learning-accent,#d8f279)}
.learning-header .menu-toggle{display:none;margin-left:auto;min-height:46px;padding:10px 14px;border:1px solid #587071;border-radius:8px;background:#203033;color:#eff5f3;font:400 16px/1.5 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.learning-header .menu-toggle:hover{background:#314849;border-color:var(--learning-accent,#d8f279)}
.learning-header :is(a,button):focus-visible{outline:3px solid var(--learning-accent,#d8f279);outline-offset:5px}
@media(max-width:1100px){header.learning-header{padding:18px 20px;flex-wrap:wrap;gap:14px}.learning-header .brand-note{font-size:10px}.learning-header .brand{font-size:29px}.learning-header.menu-ready .menu-toggle{display:block}.learning-header #site-menu{display:flex;flex-basis:100%;flex-wrap:nowrap;margin:0;flex-direction:column;align-items:stretch;gap:4px}.learning-header.menu-ready #site-menu{display:none}.learning-header.menu-ready #site-menu.menu-open{display:flex}.learning-header #site-menu a{min-height:46px;padding:12px;white-space:normal}}
@media(max-width:390px){.learning-header .brand{font-size:25px}.learning-header .brand-note{font-size:9px}header.learning-header{gap:10px}.learning-header .menu-toggle{padding:10px}}

@media(max-width:550px){.learning-header .brand-note{display:none}}
@media(max-width:390px){.learning-header .brand{font-size:24px}}