/* Desktop utility header. The established mobile masthead keeps its original rules. */
.desktop-header-tools{display:none}
.header-weather-source{font-size:10px;line-height:1.2;color:#737b80}
.weather-attribution{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid #eee;color:#656b70;font-size:12px;line-height:1.7}
.weather-attribution a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1024px){
  .masthead{grid-template-columns:auto minmax(0,1fr);gap:24px;min-height:126px}
  .masthead>.brand{font-size:76px}
  .masthead>.custom-logo-link{max-width:225px}
  .masthead>.weather{display:none}
  .masthead .menu-toggle{display:none}
  .desktop-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:26px;min-width:0}
  .header-exchange{flex:0 0 auto;min-width:193px}
  .header-exchange-caption{display:flex;align-items:center;gap:9px;margin-bottom:7px;line-height:1;font-size:9px;color:#858585}
  .header-exchange-caption>span{font-weight:700;letter-spacing:.8px;color:#5e5e5e}
  .header-exchange-values{display:flex;align-items:center;gap:15px}
  .header-currency{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;line-height:1.2}
  .header-currency>span{font-weight:650}
  .header-currency strong{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:750;letter-spacing:-.2px}
  .header-currency strong>span{font-size:9px}
  .header-currency .quote-up{color:#148537}
  .header-currency .quote-down{color:#d03941}
  .header-currency .quote-flat{color:#6c6c6c}
  .header-forecast{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-left:23px;border-left:1px solid #e9e9e9;min-height:44px}
  .header-forecast-icon{display:block;flex:0 0 42px;width:42px;height:38px;color:#7e8588}
  .header-forecast-icon>svg{display:block;width:100%;height:100%}
  .header-forecast-data{display:flex;flex-direction:column;gap:5px;min-width:0}
  .header-forecast-data>strong{display:block;font-size:13px;line-height:1.15;font-weight:700;white-space:nowrap}
  .header-forecast-range{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.1}
  .header-forecast-range small{font-size:10px;font-weight:400}
  .forecast-high{color:#d54b4b}
  .forecast-low{color:#3686bd}
  .forecast-current{font-size:12px;color:#60656a}
  .forecast-unavailable{font-size:11px;color:#858585}
  .header-search{display:flex;align-items:stretch;flex:0 0 212px;width:212px;height:46px;border:1px solid transparent;border-radius:4px;background:#f3f3f4;overflow:hidden}
  .header-search:focus-within{border-color:#cf142b;background:#fff;box-shadow:0 0 0 2px rgb(207 20 43 / .08)}
  .header-search button{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;padding:0;border:0;background:transparent;color:#8b8b8b}
  .header-search button:hover{color:#cf142b}
  .header-search button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .header-search input{width:100%;min-width:0;padding:0 9px 0 0;border:0;background:transparent;color:#343434;font-size:11px;line-height:1;letter-spacing:.45px;text-transform:uppercase}
  .header-search input::placeholder{color:#777;opacity:1}
  .header-search input:focus-visible{outline:none}
}
@media(min-width:1024px) and (max-width:1190px){
  .masthead{gap:18px;min-height:120px}
  .masthead>.brand{font-size:68px}
  .desktop-header-tools{gap:18px}
  .header-exchange{min-width:185px}
  .header-exchange-values{gap:10px}
  .header-currency{gap:4px;font-size:10px}
  .header-currency strong{font-size:11px}
  .header-forecast{padding-left:0;border:0;gap:6px}
  .header-forecast-icon{flex-basis:36px;width:36px;height:34px}
  .header-forecast-data>strong{font-size:12px}
  .header-search{flex-basis:184px;width:184px}
  .header-search button{flex-basis:36px;width:36px}
  .header-search input{font-size:10px}
}