.head{height:86px;display:flex;align-items:center;gap:28px}.head>.logo{flex:0 0 auto;white-space:nowrap;font-size:34px;letter-spacing:-1.8px}.head>.logo span{color:#0284c7}.header-search{display:flex;align-items:center;gap:10px;flex:1;max-width:560px;min-width:180px;margin:0;background:#f3f9ff;border:1px solid #cddff3;border-radius:7px;padding:5px 5px 5px 13px}.header-search>svg{flex:none;color:#3983bc}.header-search input{width:0;min-width:0;flex:1;border:0;background:transparent;padding:6px 0;font-size:13px;color:var(--ink);outline-offset:3px}.header-search input::placeholder{color:#657d96}.header-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f617}.header-search button{border:0;border-radius:4px;background:var(--teal);color:#fff;padding:9px 14px;font-size:12px;white-space:nowrap;font-weight:600}.header-search button:hover{background:#1d4ed8}.head nav{margin-left:auto;gap:24px;flex:none}.head .language{flex:none;white-space:nowrap;border-radius:5px}.hero-grid{padding-top:45px;padding-bottom:44px}.hero h1{margin-top:18px}.hero p{margin-bottom:18px}.hero-tags{margin-top:23px}@media(max-width:1000px){.head{gap:20px}.head nav{gap:16px}.head nav>a{font-size:12px}.head .language{font-size:11px;padding:6px 10px}.header-search{gap:8px}.header-search button{padding:9px 10px}.header-search input{font-size:12px}}@media(max-width:680px){.head{height:auto;min-height:0;display:grid;grid-template-columns:1fr auto auto;gap:15px 18px;padding:17px 0}.head>.logo{font-size:30px}.head nav{order:0;width:auto;height:36px;gap:16px;margin:0;justify-content:flex-end;white-space:nowrap}.head nav>a{height:36px;padding:0;border-bottom-width:2px;font-size:12px}.head .language{margin:0;padding:6px 9px}.header-search{order:1;grid-column:1/-1;width:100%;max-width:none;min-width:0;padding:5px 5px 5px 12px}.header-search input{font-size:13px}.header-search button{padding:10px 14px;font-size:12px}.hero-grid{padding-top:32px;padding-bottom:32px}.hero-tags{margin-top:20px}.hero h1{font-size:35px}.hero-art{height:220px}}@media(max-width:360px){.head{column-gap:12px}.head nav{gap:10px}.head nav>a{font-size:11px}.head>.logo{font-size:27px}}

/* Keep the expanded navigation usable across tablet and phone widths. */
.head nav{gap:20px}
@media(min-width:601px) and (max-width:900px){header .head{display:grid;grid-template-columns:1fr auto auto;height:auto;padding:10px 0;gap:8px 16px}.head nav{margin:0;height:32px;gap:16px}.head nav>a{height:32px;padding:0}.header-search{order:1;grid-column:1/-1;width:100%;max-width:none;min-width:0}.head .language{margin:0}}
@media(max-width:600px){header .head{grid-template-columns:minmax(0,1fr) auto;height:auto;gap:7px 12px}.head>.logo{grid-column:1}.head>.language{grid-column:2;grid-row:1}.head>.header-search{grid-column:1/-1;order:1}.head>nav{grid-column:1/-1;order:2;display:flex;width:100%;justify-content:space-between;gap:10px;margin:0;height:30px}.head>nav>a{height:30px;padding:0;font-size:12px}}

/* Phones: logo + search, followed by navigation + language. */
@media(max-width:600px){
 header .head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;row-gap:8px;padding:10px 0;height:auto;min-height:0}
 header .head>.logo{grid-column:1;grid-row:1}
 body>header .head>.logo img{width:90px}
 header .head>.header-search{position:static;grid-column:2/4;grid-row:1;order:0;min-width:0;width:100%;max-width:none;min-height:40px;box-sizing:border-box;padding:3px 3px 3px 8px;gap:5px}
 header .head>.header-search>svg{width:16px;height:16px}
 header .header-search input{font-size:16px;line-height:1.3;padding:3px 0;text-overflow:ellipsis}
 header .header-search button{font-size:12px;line-height:1.3;padding:8px;min-height:32px}
 header .header-search button>span{display:none}
 header .head>nav{grid-column:1/3;grid-row:2;order:0;gap:8px;width:100%;height:34px;min-width:0;justify-content:space-between;margin:0}
 header .head>nav>a{height:34px;font-size:12px;white-space:nowrap}
 header .head>nav>a[target="_blank"]>span[aria-hidden="true"]{display:none}
 header .head>.language{grid-column:3;grid-row:2;align-self:center;margin:0;padding:5px 6px;font-size:11px;line-height:1.3}
 header .language-arrow{display:none}
 header .quick-search-panel{left:0;right:0;top:calc(100% + 6px)}
}
@media(max-width:360px){header .head{column-gap:8px}body>header .head>.logo img{width:80px}header .head>nav{gap:5px}header .head>nav>a{font-size:11px}}