.ymb-language-switch{display:inline-flex;align-items:center;gap:6px;position:absolute;top:8px;right:22px;z-index:35;color:#e7e8dc;background:#14251fe6;border:1px solid #92b39469;border-radius:20px;padding:5px 10px;font-size:11px;line-height:1.3;text-decoration:none;backdrop-filter:blur(8px)}
.ymb-language-switch:hover,.ymb-language-switch:focus-visible{color:#fff;border-color:#d4dfaa;outline-offset:3px}
html[lang="nl"] .hero-browser-purpose{font-size:clamp(24px,3.1vw,43px)}
@media(max-width:480px){.ymb-language-switch{right:12px;top:5px;font-size:10px;padding:4px 8px}}

html[lang="nl"] .account-settings-welcome h1{font-size:clamp(28px,6.4vw,48px);overflow-wrap:anywhere}
html[lang="nl"] .account-settings-card>div{min-width:0}

.seo-category-related{display:block}

.guide-step-links{flex-wrap:wrap;gap:10px 18px}
.guide-step-links a{max-width:100%;overflow-wrap:anywhere}

@media(max-width:560px){.guide-main>h1{font-size:clamp(32px,10vw,43px);overflow-wrap:anywhere}}

.ymb-language-icon{font-size:13px;line-height:1;color:#d4dfaa}

/* Shared side-page reading layout; homepage and account flows retain their styles. */
.guide-body .guide-main p,.guide-body .guide-main li,.legal-body .legal-main p,.legal-body .legal-main li{overflow-wrap:anywhere}
.legal-body .legal-main h1{overflow-wrap:anywhere;line-height:1.08}
.guide-body .guide-main .seo-category-card,.guide-body .guide-main .seo-category-checklist li,.guide-body .guide-main .seo-category-faq details{background:linear-gradient(140deg,#213326,#14271e);border-color:#c8d6a83d}
.guide-body .guide-main .seo-category-card a,.guide-body .guide-main .seo-category-related a{color:#d9e8b3}
.seo-hub-cell-label{display:none}
.guide-body .seo-hub-main .seo-hub-comparison-details{border:1px solid var(--hub-border);border-radius:12px;background:#18291e;padding:0 18px;margin:22px 0}
.guide-body .seo-hub-main .seo-hub-comparison-details>summary{min-height:48px;align-content:center;padding:14px 0;cursor:pointer;font-weight:750;color:#e5efce}
.guide-body .seo-hub-main .seo-hub-comparison-details[open]>summary{border-bottom:1px solid var(--hub-border)}
@media(max-width:640px){
 .guide-body .legal-header.ymb-shared-header,.legal-body .legal-header.ymb-shared-header{width:calc(100% - 36px);margin:auto;height:auto;min-height:0;padding:32px 0 12px;gap:10px 12px}
 .guide-body .legal-header.ymb-shared-header>.brand,.legal-body .legal-header.ymb-shared-header>.brand{max-width:calc(100% - 176px)}
 .guide-body .legal-header.ymb-shared-header>a:not(.brand),.legal-body .legal-header.ymb-shared-header>a:not(.brand){display:inline-flex;align-items:center;min-height:40px;font-size:13px}
 .guide-body .seo-hub-header.ymb-shared-header nav{gap:4px 18px}
 .guide-body .guide-main:not(.seo-hub-main){width:calc(100% - 36px);padding:28px 0 60px}
 .guide-body .guide-main>h1{font-size:clamp(30px,8.6vw,42px);line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}
 .guide-body .guide-main .guide-lead{font-size:16px;line-height:1.75;margin-top:20px}
 .guide-body .guide-main h2{font-size:clamp(24px,6.5vw,29px);line-height:1.25}
 .guide-body .guide-main section{margin-top:32px}
 .guide-body .guide-main .guide-summary{padding:19px 18px;border-radius:14px;background:linear-gradient(140deg,#223628,#152b20);margin:24px 0}
 .guide-body .guide-main .guide-step-links a{min-height:44px;align-content:center;font-size:13px}
 .guide-body .seo-hub-main{width:calc(100% - 36px);padding-top:22px}
 .guide-body .seo-hub-main .seo-hub-hero{gap:20px;padding-bottom:28px}
 .guide-body .seo-hub-main .seo-hub-hero h1{font-size:clamp(30px,8.5vw,40px);max-width:22ch;line-height:1.12;letter-spacing:-.03em;margin-bottom:18px}
 .guide-body .seo-hub-main .seo-hub-intro{line-height:1.7;margin-bottom:16px}
 .guide-body .seo-hub-main .seo-hub-count{margin-bottom:18px;font-weight:600;font-size:12px}
 .guide-body .seo-hub-main .seo-hub-start{padding:20px;border-radius:14px}
 .guide-body .seo-hub-main .seo-hub-jump a{min-height:44px;align-content:center}
 .guide-body .seo-hub-main .seo-hub-table-wrap{border:0;background:transparent;overflow:visible}
 .guide-body .seo-hub-main .seo-hub-table{display:block;min-width:0;width:100%}
 .guide-body .seo-hub-main .seo-hub-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .guide-body .seo-hub-main .seo-hub-table tbody{display:grid;gap:14px}
 .guide-body .seo-hub-main .seo-hub-table tr{display:block;padding:16px;background:#15271c;border:1px solid var(--hub-border);border-radius:12px}
 .guide-body .seo-hub-main .seo-hub-table th[scope="row"]{display:block;background:transparent;padding:0 0 12px;border-bottom:1px solid var(--hub-border);font-size:17px;line-height:1.4;overflow-wrap:anywhere}
 .guide-body .seo-hub-main .seo-hub-table td{display:grid;grid-template-columns:minmax(72px,.85fr) minmax(0,1.3fr);gap:12px;padding:12px 0;border-bottom:0;overflow-wrap:anywhere;font-size:13px;line-height:1.65;align-items:start}
 .guide-body .seo-hub-main .seo-hub-cell-label{display:block;font-size:12px;line-height:1.65;font-weight:750;color:#ccdcb9}
 .guide-body .seo-hub-main .seo-hub-table td .seo-hub-endpoints{margin:0;padding:0;border-top:0}
 .guide-body .seo-hub-main .seo-hub-table td .seo-hub-endpoints dt{margin-top:0}
 .guide-body .seo-hub-main .seo-hub-table caption{display:block;padding:16px 0;text-align:left}
 .guide-body .seo-hub-main .seo-hub-comparison-details{padding:0 14px}
 .legal-body .legal-main{width:calc(100% - 36px);padding:34px 0 60px}
 .legal-body .legal-main h1{max-width:100%;font-size:clamp(29px,8.2vw,42px);line-height:1.12;letter-spacing:-.03em}
 .legal-body .legal-main h2{font-size:clamp(23px,6vw,28px);line-height:1.3;margin-top:32px}
 .legal-body .legal-main .legal-lead{font-size:17px!important;line-height:1.75}
 .compass-page .compass-intro{grid-template-columns:minmax(0,1fr);position:relative;gap:16px;padding-top:20px}
 .compass-page .compass-intro>div{min-width:0}
 .compass-page .compass-intro h1{font-size:clamp(31px,9.3vw,42px);line-height:1.12;max-width:100%;overflow-wrap:anywhere}
 .compass-page .compass-intro .compass-mascot{position:static;width:84px;height:84px;justify-self:end;max-width:100%;margin-top:-8px}
 .compass-page .compass-header .nav-account-primary{color:#fff7e2}
}

.legal-body .legal-main h2,.legal-body .legal-main h3,.guide-body .guide-main h2,.guide-body .guide-main h3{overflow-wrap:anywhere}

@media(max-width:640px){
 .legal-body .legal-main h1{font-size:clamp(23px,6.7vw,35px)}
 .guide-body .seo-hub-main .seo-hub-table td:has(.seo-hub-endpoints){grid-template-columns:minmax(0,1fr);gap:8px}
}

/* The light Compass page must not override its dark language pill. */
.compass-page a.ymb-language-switch{color:#e7e8dc}
.compass-page a.ymb-language-switch:hover,.compass-page a.ymb-language-switch:focus-visible{color:#fff}
.compass-page .compass-header.ymb-shared-header{padding-top:40px}

.ymb-language-switch{padding:0;min-width:92px}.ymb-language-switch summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 11px;cursor:pointer;list-style:none}.ymb-language-switch summary::-webkit-details-marker{display:none}.ymb-language-switch nav{display:grid;gap:2px;padding:4px 5px 6px;border-top:1px solid #92b39440;min-width:120px}.ymb-language-switch nav a{padding:9px 8px;color:#e7e8dc;text-decoration:none;border-radius:7px}.ymb-language-switch nav a:hover,.ymb-language-switch nav a[aria-current]{background:#314735;color:#fff}.ymb-language-switch[open]{border-radius:12px}.ymb-language-switch summary:focus-visible{outline:2px solid #d4dfaa;outline-offset:3px;border-radius:14px}
.ymb-language-switch{display:block}
.ymb-language-switch:not([open])>nav{display:none}
.ymb-language-switch[open]{min-width:132px}
@media(max-width:480px){.premium-launch-links{flex-wrap:wrap;gap:8px 14px}.premium-launch-links a{max-width:100%;white-space:normal;overflow-wrap:anywhere}}

/* Language choices have their own row, including when expanded. No overlay can
   cover account actions or either of the shared navigation menu buttons. */
.ymb-language-bar{position:relative;background:#12251d;color:#e7e8dc;border-bottom:1px solid #92b39426}
.ymb-language-bar>.ymb-language-switch{position:static;display:block;min-width:0;padding:0 20px;border:0;border-radius:0;background:transparent;font-size:12px;line-height:1.3;backdrop-filter:none}
.ymb-language-bar .ymb-language-switch>summary{width:max-content;min-width:116px;min-height:44px;margin-left:auto;padding:10px 12px;border-radius:8px}
.ymb-language-bar .ymb-language-switch>nav{min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;padding:4px 0 8px;border-top:1px solid #92b39426}
.ymb-language-bar .ymb-language-switch:not([open])>nav{display:none}
.ymb-language-bar .ymb-language-switch>nav>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px}
@media(max-width:480px){.ymb-language-bar>.ymb-language-switch{padding:0 12px}.ymb-language-bar .ymb-language-switch>nav{justify-content:center}.ymb-language-bar .ymb-language-switch>nav>a{flex:1 0 80px}}
/* These headers no longer need space for an absolutely positioned pill. */
.compass-page .compass-header.ymb-shared-header{padding-top:16px}
@media(max-width:640px){.guide-body .legal-header.ymb-shared-header,.legal-body .legal-header.ymb-shared-header{padding-top:12px}}

.account-settings-welcome h1{font-size:clamp(28px,6.4vw,48px);overflow-wrap:anywhere}
.account-settings-card>div{min-width:0}
.account-settings-card h2,.account-settings-danger h2{overflow-wrap:anywhere}

.directory-home .hero header #siteNav,.ymb-site-menu{max-height:max(88px,calc(100dvh - var(--ymb-menu-top,150px) - 12px));overflow-y:auto;overscroll-behavior:contain}
.server-detail-titlebar h1,.compass-card h3{overflow-wrap:anywhere}

/* Keep the scrollable menu within the screen even in a short landscape view. */
.directory-home .hero header #siteNav.open,body .ymb-shared-header .ymb-site-menu:not([hidden]){max-height:max(44px,calc(100dvh - var(--ymb-menu-top,150px) - 12px));overflow-y:auto;overscroll-behavior:contain}
body .dashboard-header{height:auto;min-height:78px;flex-wrap:wrap;gap:10px 16px}
body .dashboard-header nav{max-width:100%;flex-wrap:wrap;margin-left:auto;justify-content:flex-end}