.discovery-header .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Shared site header: black masthead, orange navigation, white topic strip. */
.discovery-header { position:relative; isolation:isolate; overflow:hidden; padding:0; border-top:3px solid #222; background:#fbfcfc; border-bottom:1px solid #d7e3e8; }
.discovery-header .masthead { display:flex; align-items:center; gap:35px; min-height:82px; padding:12px 0; }
.discovery-header .brand { display:flex; flex-shrink:0; align-items:center; }
.discovery-header .brand img { display:block; width:212px; height:auto; aspect-ratio:230/50; object-fit:cover; object-position:center 56%; filter:invert(1); }
.discovery-header .intro { min-width:0; border-left:1px solid #ffffff26; padding-left:32px; }
.discovery-header h1 { margin:0; color:#fff; font-size:26px; font-weight:600; line-height:34px; text-align:left; overflow-wrap:anywhere; }
.discovery-header .how-link { margin-left:auto; flex-shrink:0; white-space:nowrap; color:#d2d2d2; font-size:12px; }
.discovery-header .how-link:hover { color:#fff; text-decoration:underline; }
.discovery-bar { --menu-font-size:15px; --menu-line-height:21px; position:relative; display:flex; align-items:stretch; min-height:50px; padding:0; background:linear-gradient(180deg,#ff8037 0%,#f66a24 100%); border:1px solid rgba(191,70,17,.28); border-radius:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #bd4c18,0 10px 18px -9px rgba(75,32,12,.38); }
/* The dark background ends at exactly half the navigation's height. */
.discovery-bar::before { content:""; position:absolute; z-index:-1; top:-100vh; bottom:50%; left:calc(50% - 50vw); width:100vw; background:#222; pointer-events:none; }
.direct-nav { display:flex; align-items:stretch; flex:1; min-width:0; }
.direct-nav a { display:flex; flex:1; align-items:center; justify-content:center; min-height:48px; padding:0 14px; border-right:1px solid rgba(139,53,0,.18); white-space:nowrap; color:#fff; transition:background-color 140ms ease; }
.direct-nav a:first-child { border-radius:7px 0 0 7px; }
.direct-nav a[aria-current="page"] { background:rgba(94,37,10,.18); }
.direct-nav a,.discovery-search input { font-family:inherit; font-size:var(--menu-font-size); font-weight:600; line-height:var(--menu-line-height); letter-spacing:normal; }
#header-search.discovery-search { display:flex; width:435px; height:auto; align-self:stretch; margin:0; padding:0; flex-shrink:0; background:transparent; border:0; border-radius:0 7px 7px 0; overflow:hidden; transition:background-color 140ms ease; }
.discovery-search input { width:100%; min-width:0; border:0; padding:0 12px 0 16px; background:transparent; color:#fff; caret-color:#fff; border-radius:0; box-shadow:none; text-align:left; appearance:none; }
.discovery-search input::placeholder { color:#fff; opacity:1; font:inherit; letter-spacing:inherit; }
.discovery-search input::-webkit-search-cancel-button { display:none; }
.discovery-search:focus-within { outline:0; box-shadow:none; background:rgba(255,255,255,.14) !important; }
.discovery-search button { display:flex; align-items:center; justify-content:center; align-self:stretch; width:51px; height:auto; flex-shrink:0; padding:0; border:0; border-radius:0; background:transparent; color:#fff; transition:background-color 140ms ease; }
.discovery-search .search-clear { width:34px; font-size:25px; font-weight:400; }
.theme-nav { display:flex; align-items:center; gap:25px; min-height:42px; flex-wrap:wrap; }
.theme-nav > span { color:#778892; font-size:11px; }
.theme-nav a { display:flex; align-items:center; color:#4c6675; font-size:13px; min-height:34px; }
.theme-nav a:hover { color:#056a9d; text-decoration:underline; }
.theme-nav .all-themes { margin-left:auto; color:#086b9a; gap:8px; }
.theme-nav a.current-theme,.theme-nav a[aria-current="page"] { color:#086b9a; font-weight:700; }
.direct-nav a:focus-visible { background:rgba(255,255,255,.13); }
.direct-nav a:active,.discovery-search button:active { background:rgba(94,37,10,.10); }
@media(hover:hover) and (pointer:fine) {
 .direct-nav a:hover,.discovery-search button:hover { background:rgba(255,255,255,.13); color:#fff; }
}
/* Search popup is outside the clipped header, anchored to the input by JS. */
.header-search-popup { position:fixed; z-index:3000; background:#fff; color:#303e48; border:1px solid #d7e3e8; border-radius:8px; box-shadow:0 8px 24px #142c3426; overflow:auto; }
.header-search-popup .autocomplete-suggestions { border:0; border-radius:0; margin:0; overflow:visible; }
.header-search-popup .autocomplete-suggestion { display:flex; align-items:center; gap:14px; min-height:62px; padding:10px 14px; cursor:pointer; font-size:16px; white-space:normal; overflow-wrap:anywhere; }
.header-search-popup .autocomplete-suggestion img { width:30px; height:42px; object-fit:contain; flex-shrink:0; }
.header-search-popup .autocomplete-suggestion:hover,.header-search-popup .autocomplete-selected { background:#edf5f8; }
.header-search-popup .autocomplete-suggestions strong { color:inherit; font-weight:700; }
.header-search-popup .interaction-status { margin:0; padding:10px 14px; font-size:13px; line-height:18px; color:#617580; }
@media(max-width:1199px) {
 .discovery-header .masthead { gap:24px; }
 .discovery-header .brand img { width:180px; }
 .discovery-header .intro { padding-left:24px; }
 .discovery-header h1 { font-size:23px; line-height:30px; }
 .discovery-bar { --menu-font-size:13px; }
 .direct-nav a { padding:0 12px; }
 #header-search.discovery-search { width:355px; }
 .theme-nav { gap:18px; }
}
@media(max-width:991px) {
 .discovery-header .masthead { gap:20px; position:relative; padding-top:20px; }
 .discovery-header .brand img { width:175px; }
 .discovery-header .intro { padding-left:20px; }
 .discovery-header h1 { font-size:21px; line-height:28px; }
 .discovery-header .how-link { position:absolute; right:0; top:4px; font-size:10px; }
 .discovery-bar { --menu-font-size:12px; }
 .direct-nav a { padding:0 9px; }
 #header-search.discovery-search { width:305px; }
 .theme-nav { gap:19px; }
 .theme-nav > span { display:none; }
}
@media(max-width:767px) {
 .discovery-header .masthead { display:grid; grid-template-columns:minmax(0,1fr); gap:14px 0; padding:14px 0 16px; }
 .discovery-header .brand { grid-column:1; grid-row:1; width:230px; max-width:100%; margin-inline:auto; }
 .discovery-header .brand img { width:100%; }
 .discovery-header .how-link { display:none; }
 .discovery-header .intro { grid-column:1/-1; border:0; padding:0; }
 .discovery-header h1 { margin-inline:auto; font-size:24px; line-height:1.2; max-width:440px; text-align:center; }
 .discovery-bar { --menu-font-size:16px; --menu-line-height:21px; flex-direction:column; min-height:0; }
 #header-search.discovery-search { order:-1; width:100%; height:52px; border-radius:7px 7px 0 0; }
 .discovery-search input { padding-left:15px; }
 .direct-nav { width:100%; border-top:1px solid rgba(139,53,0,.18); border-radius:0 0 7px 7px; overflow:hidden; }
 .direct-nav a { flex-direction:column; flex-basis:0; min-width:0; min-height:50px; padding:4px; white-space:normal; text-align:center; }
 .direct-nav a:first-child { border-radius:0; }
 .direct-nav a:last-child { border-right:0; }
 .theme-nav { display:flex; flex-wrap:nowrap; gap:28px; padding:6px 0; min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:#b7c7cf transparent; -webkit-overflow-scrolling:touch; }
 .theme-nav a { flex:0 0 auto; min-height:38px; font-size:14px; white-space:nowrap; }
 .theme-nav .all-themes { margin-left:0; padding-right:20px; gap:4px; }
}
@media(prefers-reduced-motion:reduce) {
 .direct-nav a,#header-search.discovery-search,.discovery-search button { transition:none; }
}