/* Matches the established public header: gradient wordmark, icon navigation,
   grouped auth links, language pill and the shared theme switch. */
.seo-public-header{position:sticky;top:0;z-index:50;background:rgba(7,9,18,.94);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid #94a3b814;font-family:Inter,sans-serif;line-height:1.4}
.public-header-inner{min-height:70px;width:100%;padding:10px 16px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.public-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.public-brand a{font-size:30px;font-weight:900;letter-spacing:-1px;text-decoration:none;background:linear-gradient(100deg,#4338ca,#7e22ce);background-clip:text;-webkit-background-clip:text;color:transparent}.public-brand>span{background:#312e8140;color:#c4b5fd;border-radius:7px;padding:3px 7px;font-size:10px;font-weight:800}
.public-desktop-nav{display:flex;align-items:center;gap:2px}.seo-public-header nav a{display:inline-flex;gap:6px;align-items:center;padding:11px 10px;color:#818aa0;font-size:11.5px;font-weight:700;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.seo-public-header nav a i{color:#7770d9;font-size:11.5px}.seo-public-header nav a:hover{color:#c1c8da;border-color:#7c6df260}.seo-public-header nav a.is-active{color:#ddd9ff;border-color:#7c6df2}
.public-controls{display:flex;align-items:center;gap:10px;margin-left:auto}.seo-public-header .auth-page-switch{display:flex;padding:5px;gap:3px;border:1px solid #334155;background:#0f172acc;border-radius:16px}.seo-public-header .auth-page-switch-link{width:auto;display:inline-flex;align-items:center;gap:6px;border-radius:10px;padding:7px 9px;color:#a4b1c9;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.seo-public-header .auth-page-switch-link:hover{background:#6366f11a;color:#e0e7ff}
.seo-public-header .public-language{position:relative;display:block;margin:0;padding:0;background:#182234;border:1px solid #334155;border-radius:999px;color:#e2e8f0}.public-language summary{display:flex;gap:9px;align-items:center;padding:9px 12px;list-style:none;cursor:pointer;font-size:12px;font-weight:700}.public-language summary::-webkit-details-marker,.public-mobile-nav summary::-webkit-details-marker{display:none}.public-language summary i{font-size:9px;color:#94a3b8}.public-language>div{position:absolute;top:calc(100% + 8px);right:0;min-width:130px;background:#182234;border:1px solid #475569;border-radius:12px;padding:6px;box-shadow:0 15px 40px #0005}.seo-public-header .public-language a{display:block;padding:8px 12px;font-size:13px;border-radius:7px;text-decoration:none}.seo-public-header .public-language a[aria-current]{background:#39315e;color:white}
.seo-public-header .theme-toggle{border-color:#334155;background:#0f172acc;color:#cbd5e1;min-height:39px}.public-mobile-nav{display:none;width:100%;border-top:1px solid #334155;padding-top:9px}.public-mobile-nav summary{display:flex;gap:10px;align-items:center;cursor:pointer;font-size:13px;font-weight:650;list-style:none;padding:8px}.public-mobile-nav summary>i:last-child{margin-left:auto}.public-mobile-nav nav{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0}.seo-page{scroll-padding-top:90px}html{scroll-padding-top:100px}.seo-page .skip:focus{position:fixed;z-index:100}
@media(max-width:1170px){.public-desktop-nav{display:none}.public-mobile-nav{display:block}.public-header-inner{gap:8px 20px}.public-mobile-nav nav a{white-space:normal}}
@media(max-width:580px){.public-header-inner{padding:10px 14px;gap:10px}.public-brand a{font-size:26px}.public-brand{gap:8px}.public-controls{width:100%;max-width:none;gap:8px;margin:0;flex-wrap:nowrap;justify-content:space-between}.seo-public-header .auth-page-switch-link{font-size:11px;padding:6px}.seo-public-header .auth-page-switch-link span{display:inline!important}.seo-public-header .theme-toggle{gap:4px;padding:6px}.public-mobile-nav nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:360px){.seo-public-header .auth-page-switch-link>i,.seo-public-header .theme-toggle-icon{display:none}.public-controls{gap:6px}.public-language summary{padding:9px}}
html[data-theme=light]{color-scheme:light;--bg:#f7f8fc;--panel:#fff;--ink:#172033;--muted:#52617a;--line:#cdd5e3;--purple:#6550bb;--mint:#19775b}
html[data-theme=light] .seo-public-header{background:rgba(255,255,255,.95);border-color:#d8dfeb}html[data-theme=light] .seo-public-header nav a{color:#64748b}html[data-theme=light] .seo-public-header nav a.is-active{color:#4f46e5}html[data-theme=light] .public-brand>span{background:#ede9fe;color:#5b21b6}html[data-theme=light] .seo-public-header :is(.auth-page-switch,.public-language,.public-language>div,.theme-toggle){background:#f1f5f9;border-color:#cbd5e1;color:#334155}html[data-theme=light] .seo-public-header .auth-page-switch-link{color:#475569}html[data-theme=light] .seo-page :is(.plan-box,.steps li,.topic-controls,.topic-card,.example-section,.checklist,.final-cta,.site-footer){background:#fff;border-color:#d5dbea}html[data-theme=light] .seo-page .steps p,html[data-theme=light] .seo-page .checklist li{color:#334155}html[data-theme=light] .seo-page .button.secondary,html[data-theme=light] .topic-controls input{background:#f1f5f9;color:#334155}html[data-theme=light] .topic-controls button{color:#475569}html[data-theme=light] .topic-controls button[aria-pressed=true]{color:white}html[data-theme=light] .workflow-visual{--ink:#f4f5fc;--muted:#adb8cd;--purple:#aa9aff;--mint:#83e0c1}
@media print{.seo-public-header{display:none}}

html[data-theme=light] .seo-page :is(.hub-facts,.breadcrumbs){color:#52617a}
