/* One photographic header system. Topic photographs are supplied by each template. */
html:not(#_) body #main-content :is(.hero-ph,.hero-ph-w){
 background-color:#0f1629!important;
 background-image:linear-gradient(90deg,rgba(15,22,41,.90) 0%,rgba(15,22,41,.80) 48%,rgba(15,22,41,.58) 100%),var(--hph)!important;
 background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
 padding-top:56px!important;padding-bottom:56px!important;color:#fff;
}
html:not(#_) body #main-content :is(.hero-ph,.hero-ph-w):before{display:none!important}
html:not(#_) body #main-content :is(.hero-ph,.hero-ph-w) h1,
html:not(#_) body #main-content :is(.hero-ph,.hero-ph-w) h1 .highlight{color:#fff!important;-webkit-text-fill-color:#fff!important}
html:not(#_) body #main-content :is(.hero-ph,.hero-ph-w) :is(.lead-text,.post-lead,.nh-lead,.shop-hero-desc){color:#e8ebfb!important}
html:not(#_) body #main-content :is(.hero-ph,.hero-ph-w) .section-label{color:#c5cdf8!important}
html:not(#_) body.ui-radar main.post{padding-top:0}
html:not(#_) body.ui-radar #main-content .hero-ph-w{margin:0 0 32px!important;text-align:left!important}
html:not(#_) body.ui-radar #main-content .hero-ph-w>.container-narrow{max-width:800px;padding-inline:32px}
html:not(#_) body.ui-radar #main-content .hero-ph-w .post-lead{margin-left:0;margin-right:0}
/* Both interactive diagrams use the same legible palette and selected state. */
html:not(#_) body #main-content :is(.pv-layer,.pv-risk){opacity:1!important;filter:none!important}
html:not(#_) body #main-content :is(.pv-layer,.pv-risk) rect{fill:#e8ebfb!important;stroke:#dbe3e6!important;filter:none!important}
html:not(#_) body #main-content :is(.pv-layer,.pv-risk) text{fill:#12212a!important}
html:not(#_) body #main-content :is(.pv-layer,.pv-risk).sel rect{fill:#3347d6!important;stroke:#3347d6!important;filter:none!important}
html:not(#_) body #main-content :is(.pv-layer,.pv-risk).sel text{fill:#fff!important}
html:not(#_) body #main-content :is(.pv-layer-tip,.pv-risk-tip){background:#f4f6f6!important;border:1px solid #dbe3e6!important;border-radius:12px;box-shadow:none!important;color:#12212a}
@media(max-width:900px){
 html:not(#_) body #main-content :is(.hero-ph,.hero-ph-w){background-image:linear-gradient(90deg,rgba(15,22,41,.92),rgba(15,22,41,.84)),var(--hph-s,var(--hph))!important;padding-top:36px!important;padding-bottom:36px!important}
 html:not(#_) body.ui-radar #main-content .hero-ph-w>.container-narrow{padding-inline:20px}
}