/* MP Media Holdings FRONTNEXT001 B062 - production-oriented header/search.
 * Presentation only; does not alter public authority, Signal transport or sitemap publication. */
:root{--fn062-header:#102f62;--fn062-header-rule:#2a548a;}
/* One permanent platform header. The separate introductory strip is removed
   from the B062 document; sticky nav is present on the first viewport. */
#mpmhUnifiedShell>.topbar{position:sticky;top:0;background:var(--fn062-header);border-bottom:1px solid var(--fn062-header-rule);box-shadow:0 1px 0 #173f76;z-index:25;}
#mpmhUnifiedShell .topbar .brand-name strong,#mpmhUnifiedShell .topbar .brand-name small{color:#fff!important;}
#mpmhUnifiedShell .topbar .nav a{color:#d9e8fa!important;}
#mpmhUnifiedShell .topbar .nav a:hover,#mpmhUnifiedShell .topbar .nav a.active,#mpmhUnifiedShell .topbar .nav a[aria-current="page"]{color:#fff!important;}
#mpmhUnifiedShell .topbar .nav a.active:after,#mpmhUnifiedShell .topbar .nav a[aria-current="page"]:after{background:#73d3ff;}
#mpmhUnifiedShell .topbar .icon-button{color:#fff;}
#mpmhUnifiedShell .topbar .icon-button:hover{background:#214d87;}
#mpmhUnifiedShell .topbar .header-cta{background:#fff;color:#112f60;border:1px solid #c0d3ed;}
#mpmhUnifiedShell .topbar .header-cta:hover{background:#deedff;}
#mpmhUnifiedShell .topbar .nav a:focus-visible,#mpmhUnifiedShell .topbar .icon-button:focus-visible,#mpmhUnifiedShell .topbar .header-cta:focus-visible{outline:2px solid #83d3ff!important;outline-offset:-2px!important;}
#mpmhUnifiedShell .topbar .mobile-nav{background:var(--fn062-header);border-top:1px solid var(--fn062-header-rule);}
#mpmhUnifiedShell .topbar .mobile-nav a{color:#eef6ff;}
#mpmhUnifiedShell .topbar .mobile-nav a:hover{background:#204980;}
/* No absolute-size world illustration can leak from feed cards into results. */
#searchLayer .fn062-search-family{background:#fff;min-width:0;border-bottom:1px solid #d5e1ee;}
#searchLayer .fn062-search-family-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:#ecf3fc;color:#133e72;font-size:10px;letter-spacing:.055em;}
#searchLayer .fn062-search-family-head strong{font-weight:900;}
#searchLayer .fn062-search-family-head span{color:#456b99;font-size:9px;}
#searchLayer .fn062-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #cbdcf0;border-right:0;border-bottom:0;}
#searchLayer a.fn062-search-result{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;gap:12px;align-items:center;min-width:0;min-height:66px;border:0;border-right:1px solid #d8e4f1;border-bottom:1px solid #d8e4f1;background:#fff;padding:8px 13px;overflow:hidden;}
#searchLayer .fn062-search-mark{display:grid;place-items:center;min-width:0;width:42px;height:42px;border:1px solid #dce6f2;background:#fff;overflow:hidden;}
#searchLayer .fn062-search-mark img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;image-rendering:auto;}
#searchLayer .fn062-search-mark img[hidden]{display:none;}
#searchLayer .fn062-search-mark i{font-style:normal;font-size:12px;font-weight:900;color:#2f5481;}
#searchLayer .fn062-search-text{min-width:0;display:grid;gap:4px;}
#searchLayer .fn062-search-text b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#143862;}
#searchLayer .fn062-search-text small{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6280a4;font-size:10px;}
#searchLayer .fn062-search-active{display:inline-block;min-width:0;padding:4px 6px;border:1px solid #b2d9bf;color:#138348;font-size:9px;font-weight:900;letter-spacing:.045em;}
#searchLayer .fn062-search-arrow{color:#1f59a4;font-weight:850;font-size:15px;}
#searchLayer .fn031-search-results{max-height:min(65vh,650px);}
#fn018-sitemap .fn062-sitemap-code{display:block;margin:8px 0;color:#526b8b;font-size:10px;font-weight:750;letter-spacing:.025em;}
@media(max-width:850px){
 #searchLayer .fn062-search-grid{grid-template-columns:minmax(0,1fr);}
 #searchLayer a.fn062-search-result{min-height:59px;}
}
@media(max-width:470px){
 #searchLayer .fn062-search-family-head{flex-wrap:wrap;}
 #searchLayer a.fn062-search-result{grid-template-columns:38px minmax(0,1fr) auto 12px;gap:8px;padding:8px 10px;}
 #searchLayer .fn062-search-mark{width:36px;height:36px;}
 #searchLayer .fn062-search-active{font-size:8px;padding:3px;}
 #searchLayer .fn062-search-text b{font-size:12px;}
}