/* Scoped to the two independent editorial guides; brand frame remains owned by brand.css. */
html[data-seo-guide] { scroll-padding-top: 18px; }
html[data-seo-guide] :is(header, main, footer) { overflow-wrap: anywhere; }
html[data-seo-guide] :is(.gh-grid, .sd-grid) > * { min-width: 0; }
html[data-seo-guide][data-seo-locale-state="loading"] [data-seo-copy],
html[data-seo-guide][data-seo-locale-state="error"] [data-seo-copy] { visibility: hidden; }
/* Reserve physical right space for the existing fixed companion in both text directions. */
.seo-guide-locale { padding-right: 100px; display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-wrap: wrap; margin-block: 2px 16px; font-size: .9rem; color: #e9daef; }
.seo-guide-locale label { cursor: pointer; }
.seo-guide-locale select { box-sizing: border-box; min-width: 0; font: inherit; color: #f6dcaf; background: #24192f; border: 1px solid #9c8058; border-radius: 10px; min-height: 44px; max-width: 100%; padding: 9px 30px 9px 12px; }
.seo-guide-locale select:focus-visible, .seo-guide-locale-status button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.seo-guide-locale-status { border: 1px solid #9c8058; border-radius: 14px; padding: 16px; margin-block: 12px; background: #24192f; color: #f6e5c5; }
.seo-guide-locale-status[hidden], .seo-guide-locale-status button[hidden] { display: none; }
.seo-guide-locale-status p { margin: 0; }
.seo-guide-locale-status button { display: inline-flex; align-items: center; min-height: 44px; font: inherit; font-weight: 700; color: #24172a; background: #edce91; border: 1px solid #dbb970; border-radius: 10px; padding: 9px 16px; margin-block-start: 12px; cursor: pointer; }
html[data-seo-guide][dir="rtl"] :is(ul, ol) { padding-left: 0; padding-right: 1.45rem; }
html[data-seo-guide][dir="rtl"] .gh-note { border-left: 0; padding-left: 0; border-right: 3px solid #c7a4e8; padding-right: 14px; }
html[data-seo-guide][dir="rtl"] :is(.gh-cta, footer a) { margin-right: 0; margin-left: 12px; }
html[data-seo-guide][dir="rtl"] .seo-guide-locale select { padding-left: 30px; padding-right: 12px; }
@media (max-width: 380px) { .seo-guide-locale { justify-content: flex-start; } }

html[data-seo-guide][dir="rtl"] #sd-article :is(th, td) { text-align: right; }
html[data-seo-guide][dir="rtl"] #sd-article .note { border-left: 0; padding-left: 0; border-right: 3px solid #c7a4e8; padding-right: 14px; }