/* Align the original-size brand, picker and navigation on every page. */
.site-header.landing-header {grid-template-columns:330px 180px minmax(0,1fr) auto;align-items:center;column-gap:20px;}
.site-header.landing-header .brand-name {font-size:24px;overflow-wrap:normal;word-break:normal;}
.site-header.landing-header .brand-tagline {font-size:14px;}
.site-header.landing-header .brand-art {direction:ltr;}
[dir="rtl"] .site-header.landing-header .brand-art {direction:ltr;}
.site-header.landing-header .language-picker {display:flex!important;align-items:center;justify-content:center;align-self:center;min-height:48px;flex-wrap:nowrap;}
.site-header.landing-header .language-picker > span {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.site-header.landing-header .language-picker select {display:block;min-height:48px;height:48px;line-height:1.4;}
.site-header.landing-header nav {display:flex;align-items:center;justify-content:right;gap:10px 16px;}
.site-header.landing-header nav a {font-size:16px;min-height:48px;line-height:1.4;white-space:nowrap;}
.site-header.landing-header .accessibility-toggle {align-self:center;}
@media(min-width:901px) and (max-width:1199px){
 .site-header.landing-header {grid-template-columns:180px minmax(0,1fr) auto;row-gap:12px;}
 .site-header.landing-header .brand-art {grid-column:1/-1;grid-row:1;max-width:330px;}
 .site-header.landing-header .language-picker {grid-column:1;grid-row:2;}
 .site-header.landing-header nav {grid-column:2;grid-row:2;}
 .site-header.landing-header .accessibility-toggle {grid-column:3;grid-row:2;}
 .site-header.landing-header .a11y-toggle-label {display:none;}
}
@media(min-width:1200px){
 .site-header.landing-header nav {grid-column:3;grid-row:1;}
 .site-header.landing-header .accessibility-toggle {grid-column:4;grid-row:1;}
}
@media(max-width:900px){
 .site-header.landing-header {grid-template-columns:minmax(0,1fr) auto auto;column-gap:10px;}
 .site-header.landing-header .brand-name {font-size:17px;}
 .site-header.landing-header .brand-tagline {font-size:10px;}
 .site-header.landing-header .language-picker {grid-column:1;grid-row:2;justify-self:stretch;max-width:250px;}
 .site-header.landing-header nav {grid-column:1/-1;grid-row:3;justify-content:right;}
 .site-header.landing-header.nav-open nav {align-items:center;}
}
/* Blog/Feedback text stays English; their page heading follows the picker. */
:is(.feedback-page,.blog-page) main {direction:ltr;text-align:left;}
html[dir="rtl"] :is(.feedback-page,.blog-page) .localized-page-title {direction:rtl;text-align:right;}
.seo-landing .site-header.landing-header {grid-template-columns:330px minmax(0,1fr) auto;}
.seo-landing .site-header.landing-header nav {grid-column:2;grid-row:1;}
.seo-landing .site-header.landing-header .accessibility-toggle {grid-column:3;grid-row:1;}
@media(max-width:900px){
 .seo-landing .site-header.landing-header {grid-template-columns:minmax(0,1fr) auto;}
 .seo-landing .site-header.landing-header .brand-art {grid-column:1;grid-row:1;}
 .seo-landing .site-header.landing-header .accessibility-toggle {grid-column:2;grid-row:1;}
 .seo-landing .site-header.landing-header nav {grid-column:1/-1;grid-row:2;}
}
@media(max-width:900px){
 .site-header.landing-header nav {display:none;}
 .site-header.landing-header.nav-open nav {display:flex;}
 .seo-landing .site-header.landing-header nav {display:flex!important;}
}
/* Retain the original size, allowing long translated headings to wrap. */
main h1 {white-space:normal!important;}
/* The English-only article/feedback body must not override the selected header language. */
html[dir="rtl"] .site-header.landing-header,
html[dir="rtl"] .site-header.landing-header nav,
html[dir="rtl"] .site-header.landing-header .language-picker,
html[dir="rtl"] :is(.feedback-page,.blog-page) > footer {direction:rtl;}
html[dir="ltr"] .site-header.landing-header,
html[dir="ltr"] .site-header.landing-header nav,
html[dir="ltr"] .site-header.landing-header .language-picker {direction:ltr;}

@media(min-width:1200px) and (max-width:1439px){.site-header.landing-header .a11y-toggle-label{display:none;}}

/* RTL navigation sits at the Accessibility end of the header. */
html[dir="rtl"] .site-header.landing-header nav {justify-content:flex-end;}
