/* Public headers are clear at the top; only desktop scroll adds a surface. */
.site-masthead{background:transparent}
.header,.learn-header,.learning-header{background:transparent;box-shadow:none;backdrop-filter:none}
@media(min-width:701px){
    .site-masthead{position:sticky;top:0;z-index:80}
    .learn-header,.learning-header{position:sticky;top:12px;z-index:80;flex-shrink:0;border-radius:12px}
    .header,.learn-header,.learning-header{height:70px;min-height:70px;width:min(1180px,calc(100% - 40px));max-width:1180px;padding:0 30px;margin:16px auto 0;border-radius:12px;box-sizing:border-box}
    .learn-header,.learning-header{top:16px}
    .learn-header img,.learning-header img{width:151px;height:auto}
    .header,.learn-header,.learning-header{transition:background-color .2s,box-shadow .2s}
    .header.is-scrolled,.learn-header.is-scrolled,.learning-header.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 6px 24px #17354c0c;backdrop-filter:blur(16px)}
}
@media(min-width:701px) and (max-width:900px){.header,.learn-header,.learning-header{padding-inline:22px}}
@media(min-width:901px) and (max-height:760px){
    .header,.learn-header,.learning-header{height:62px;min-height:62px;margin-top:10px}
    .learn-header,.learning-header{top:10px}
}
@media(prefers-reduced-motion:reduce){.header,.learn-header,.learning-header{transition:none}}