/* v635: guide top bar = homepage top bar (language picker, Log In, gradient Get Started) */
.qf{display:inline-block;width:20px;height:14px;flex:0 0 20px;border-radius:3px;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(255,255,255,.18);vertical-align:-2px}.qf-en{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23b22234'/%3E%3Crect y='1.54' width='30' height='1.54' fill='%23fff'/%3E%3Crect y='4.62' width='30' height='1.54' fill='%23fff'/%3E%3Crect y='7.69' width='30' height='1.54' fill='%23fff'/%3E%3Crect y='10.77' width='30' height='1.54' fill='%23fff'/%3E%3Crect y='13.85' width='30' height='1.54' fill='%23fff'/%3E%3Crect y='16.92' width='30' height='1.54' fill='%23fff'/%3E%3Crect width='13' height='10.77' fill='%233c3b6e'/%3E%3Ccircle cx='2.5' cy='2.5' r='.75' fill='%23fff'/%3E%3Ccircle cx='2.5' cy='5.4' r='.75' fill='%23fff'/%3E%3Ccircle cx='2.5' cy='8.3' r='.75' fill='%23fff'/%3E%3Ccircle cx='6.5' cy='2.5' r='.75' fill='%23fff'/%3E%3Ccircle cx='6.5' cy='5.4' r='.75' fill='%23fff'/%3E%3Ccircle cx='6.5' cy='8.3' r='.75' fill='%23fff'/%3E%3Ccircle cx='10.5' cy='2.5' r='.75' fill='%23fff'/%3E%3Ccircle cx='10.5' cy='5.4' r='.75' fill='%23fff'/%3E%3Ccircle cx='10.5' cy='8.3' r='.75' fill='%23fff'/%3E%3Ccircle cx='4.5' cy='3.95' r='.75' fill='%23fff'/%3E%3Ccircle cx='4.5' cy='6.85' r='.75' fill='%23fff'/%3E%3Ccircle cx='8.5' cy='3.95' r='.75' fill='%23fff'/%3E%3Ccircle cx='8.5' cy='6.85' r='.75' fill='%23fff'/%3E%3C/svg%3E")}.qf-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23aa151b'/%3E%3Crect y='5' width='30' height='10' fill='%23f1bf00'/%3E%3C/svg%3E")}.qf-pt{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23009c3b'/%3E%3Cpath d='M15 2.2 27.6 10 15 17.8 2.4 10z' fill='%23ffdf00'/%3E%3Ccircle cx='15' cy='10' r='4.6' fill='%23002776'/%3E%3Cpath d='M10.6 9.2c3-.9 6.3-.5 8.9 1.2' stroke='%23fff' stroke-width='.8' fill='none'/%3E%3C/svg%3E")}.qf-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23fff'/%3E%3Crect width='10' height='20' fill='%230055a4'/%3E%3Crect x='20' width='10' height='20' fill='%23ef4135'/%3E%3C/svg%3E")}.qf-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23ffce00'/%3E%3Crect width='30' height='13.34' fill='%23dd0000'/%3E%3Crect width='30' height='6.67' fill='%23000'/%3E%3C/svg%3E")}.qf-zh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23ee1c25'/%3E%3Cpath d='M6 2.4l1.18 3.63h3.82l-3.09 2.24 1.18 3.63L6 9.66 2.91 11.9l1.18-3.63L1 6.03h3.82z' fill='%23ffde00'/%3E%3Ccircle cx='12' cy='2' r='.85' fill='%23ffde00'/%3E%3Ccircle cx='14' cy='4' r='.85' fill='%23ffde00'/%3E%3Ccircle cx='14' cy='7' r='.85' fill='%23ffde00'/%3E%3Ccircle cx='12' cy='9' r='.85' fill='%23ffde00'/%3E%3C/svg%3E")}.qf-ar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23006c35'/%3E%3Cpath d='M8 7.2c1.4-.9 2.2.9 3.4 0s2.2.9 3.4 0 2.2.9 3.4 0 2.2.9 3.4 0' stroke='%23fff' stroke-width='1.1' fill='none'/%3E%3Crect x='7.5' y='12.6' width='14' height='1' rx='.5' fill='%23fff'/%3E%3Crect x='20.5' y='11.8' width='1' height='2.6' fill='%23fff'/%3E%3C/svg%3E")}
.topbar{height:68px!important;padding:0 18px!important}
html[data-theme="dark"] .topbar{background:rgba(5,6,10,.85)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.topbar .brand{gap:8px!important;font-size:17px!important;letter-spacing:-.5px!important;margin-right:20px}
.topbar .brand .qlogo{width:28px!important;height:28px!important;border-radius:6px}
.topbar .brand .qa-wm{font-size:17px!important;letter-spacing:-.5px!important;line-height:1!important}
.topbar .brand .qa-wm .g{margin-left:.22em;background:linear-gradient(90deg,#00e5ff,#7b61ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.topbar .tnav{gap:8px!important;align-items:center}
.topbar .qn-links a.qn,.topbar .qn-mt{font-size:13px!important;font-weight:500!important}
html[data-theme="dark"] .topbar .qn-links a.qn,html[data-theme="dark"] .topbar .qn-mt{color:#9299b4!important}
html[data-theme="dark"] .topbar .qn-links a.qn:hover,html[data-theme="dark"] .topbar .qn-mt:hover{color:#e8eaf6!important}
.qa-gl{position:relative}
.qa-gl-t{display:inline-flex;align-items:center;gap:7px;height:28px;padding:6px 10px;font:500 13px/1 'DM Sans','DM Sans Fallback',sans-serif;color:#7b82a0;background:#0f1220;border:1px solid rgba(255,255,255,.07);border-radius:8px;cursor:pointer;white-space:nowrap}
.qa-gl-t:hover,.qa-gl.open .qa-gl-t{color:#e8eaf6;border-color:rgba(255,255,255,.16)}
.qa-gl-m{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;margin:0;padding:8px 0;list-style:none;background:#0f1220;border:1px solid rgba(255,255,255,.12);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.6);z-index:1001}
.qa-gl.open .qa-gl-m{display:block}
@media(hover:hover){.qa-gl:hover .qa-gl-m{display:block}.qa-gl::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}}
.qa-gl-m li{margin:0;padding:0;list-style:none}
.qa-gl-m a{display:flex;align-items:center;gap:10px;padding:10px 16px;font:400 13px/1.2 'DM Sans','DM Sans Fallback',sans-serif;color:#7b82a0;text-decoration:none}
.qa-gl-m a:hover{background:rgba(255,255,255,.05);color:#e8eaf6}
.qa-gl-m a.on{color:#00e5ff}
html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .qa-gl-t{background:#fff;border-color:rgba(10,14,23,.12);color:#4a5268}
html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .qa-gl-m{background:#fff;border-color:rgba(10,14,23,.12);box-shadow:0 12px 40px rgba(10,14,23,.15)}
html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .qa-gl-m a{color:#4a5268}html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .qa-gl-m a:hover{background:rgba(10,14,23,.04);color:#0a0e17}
.topbar .theme-toggle{height:28px!important;padding:3px 9px!important;border-radius:8px!important}
html[data-theme="dark"] .topbar .theme-toggle{background:#0f1220!important;border:1px solid rgba(255,255,255,.07)!important}
.topbar .theme-toggle svg{width:14px;height:14px}
.qa-gl-in{display:inline-flex;align-items:center;padding:8px 12px;font:500 14px/1 'DM Sans','DM Sans Fallback',sans-serif;color:#7b82a0;text-decoration:none;white-space:nowrap}
.qa-gl-in:hover{color:#e8eaf6}html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .qa-gl-in:hover{color:#0a0e17}
.topbar .cta-pill{display:inline-flex!important;align-items:center;height:31px;padding:9px 16px!important;font:700 13px/1 Syne,'Syne Fallback',sans-serif!important;color:#000!important;background:linear-gradient(135deg,#00e5ff,#7b61ff)!important;border-radius:8px!important;box-shadow:none!important;white-space:nowrap}
.topbar .cta-pill:hover{opacity:.88;transform:translateY(-1px)}
header.topbar nav.tnav>.qn-burger{border:0!important;width:42px!important;height:42px!important;gap:5px!important}header.topbar nav.tnav>.qn-burger span{width:22px!important}
@media(max-width:900px){.topbar{height:60px!important}.topbar .cta-pill{display:none!important}.qa-gl-c,.qa-gl-v{display:none}.qa-gl-t{padding:6px 8px;background:none!important;border-color:transparent!important}.topbar .theme-toggle[hidden]{display:none!important}}
/* mobile panel: languages + log in / sign up like the homepage menu */
.qn-panel .qa-gp-lang{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.qn-panel .qa-gp-lang a{display:inline-flex!important;align-items:center;gap:6px;padding:4px 2px!important;border:0!important;font:500 12px/1 'DM Sans','DM Sans Fallback',sans-serif!important;color:#7b82a0!important}
.qn-panel .qa-gp-lang a.on{color:#00e5ff!important}
.qn-panel .qa-gp-auth{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.qn-panel .qa-gp-auth a{display:block;padding:17px 0!important;border-radius:14px;text-align:center!important;font:600 17px/1 'DM Sans','DM Sans Fallback',sans-serif!important;border:1px solid rgba(255,255,255,.2)!important;color:var(--ink,#e8eaf6)!important}
.qn-panel .qa-gp-auth a.su{background:linear-gradient(135deg,#00e5ff,#7b61ff);border:0!important;color:#04050a!important;font-weight:700!important}
/* layout = homepage */
.topbar{padding:0 60px!important;justify-content:space-between!important}
.topbar .tnav{display:contents!important}
.topbar .brand{margin-right:0!important;font-size:20px!important}.topbar .brand .qa-wm{font-size:20px!important}
header.topbar nav.tnav>.qn-links{display:flex!important;gap:32px!important;margin:0!important}
.topbar .qn-links a.qn,.topbar .qn-mt{font-size:14px!important}
.qa-ga{display:flex;align-items:center;gap:12px}
.topbar .cta-pill{padding:10px 20px!important;height:33px}
header.topbar nav.tnav>.qn-burger{display:block!important;width:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden;visibility:hidden}
@media(max-width:1760px) and (min-width:901px){.topbar{padding:0 30px!important}header.topbar nav.tnav>.qn-links{gap:22px!important}}
@media(max-width:1600px) and (min-width:901px){.topbar{padding:0 18px!important}header.topbar nav.tnav>.qn-links{gap:12px!important}.topbar .qn-links a.qn,.topbar .qn-mt{font-size:13px!important}.topbar .brand,.topbar .brand .qa-wm{font-size:17px!important}.qa-ga{gap:8px}.topbar .cta-pill{padding:9px 14px!important;height:31px}}
@media(max-width:1760px) and (min-width:1601px){html[lang^=fr] .topbar{padding:0 18px!important}html[lang^=fr] header.topbar nav.tnav>.qn-links{gap:12px!important}html[lang^=fr] .topbar .qn-links a.qn,html[lang^=fr] .topbar .qn-mt{font-size:13px!important}html[lang^=fr] .topbar .brand,html[lang^=fr] .topbar .brand .qa-wm{font-size:17px!important}html[lang^=fr] .qa-ga{gap:8px}html[lang^=fr] .topbar .cta-pill{padding:9px 14px!important}}
@media(max-width:1320px){header.topbar nav.tnav>.qn-links{display:none!important}header.topbar nav.tnav>.qn-burger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;width:42px!important;height:42px!important;visibility:visible;overflow:visible}}
@media(max-width:1380px) and (min-width:901px){html[lang^=es] header.topbar nav.tnav>.qn-links,html[lang^=pt] header.topbar nav.tnav>.qn-links{display:none!important}html[lang^=es] header.topbar nav.tnav>.qn-burger,html[lang^=pt] header.topbar nav.tnav>.qn-burger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;width:42px!important;height:42px!important;visibility:visible}}
@media(max-width:1500px) and (min-width:901px){html[lang^=fr] header.topbar nav.tnav>.qn-links{display:none!important}html[lang^=fr] header.topbar nav.tnav>.qn-burger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;width:42px!important;height:42px!important;visibility:visible}}
@media(max-width:900px){.topbar{padding:0 18px!important}.topbar .brand,.topbar .brand .qa-wm{font-size:16px!important}.qa-ga{gap:4px}}
@media(min-width:1321px){.qn-panel{display:none!important}}
/* light/dark switch lives in the language menu (bar = homepage bar) */
.topbar .theme-toggle[hidden]{display:none!important}
.qa-gl-thr{border-top:1px solid rgba(255,255,255,.08);margin-top:6px!important;padding-top:6px!important}
.qa-gl-th{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;background:none;border:0;cursor:pointer;font:400 13px/1.2 'DM Sans','DM Sans Fallback',sans-serif;color:#7b82a0;text-align:left}
.qa-gl-th span{display:inline-block;width:20px;text-align:center;font-size:14px}
.qa-gl-th:hover{background:rgba(255,255,255,.05);color:#e8eaf6}
html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .qa-gl-thr{border-top-color:rgba(10,14,23,.08)}html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .qa-gl-th{color:#4a5268}
/* legacy guide shells */
.topbar.qa-legacy{position:sticky;top:0;z-index:990;display:flex;align-items:center;height:68px;background:rgba(5,6,10,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);font-family:'DM Sans','DM Sans Fallback',sans-serif}
.topbar.qa-legacy .brand{display:inline-flex;align-items:center;font-family:Syne,'Syne Fallback',sans-serif;font-weight:800;color:#fff;text-decoration:none;white-space:nowrap}
.topbar.qa-legacy .qa-logo{width:28px;height:28px;border-radius:6px;object-fit:contain}
.topbar.qa-legacy .qn-more{position:relative}
.topbar .cta-pill,.topbar .cta-pill:hover,.qa-gl-in,.qa-gl-m a,.topbar .brand{text-decoration:none!important}
@media(max-width:900px){.qa-gl-in{display:none!important}}
.topbar .theme-toggle:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:28px!important;padding:3px 9px!important;border-radius:8px!important;flex-shrink:0}
html:not([data-theme="dark"]) .topbar:not(.qa-legacy) .theme-toggle{background:#fff!important;border:1px solid rgba(10,14,23,.12)!important}
@media(max-width:900px){.topbar .theme-toggle:not([hidden]){padding:3px 7px!important}}
.topbar.qa-legacy .qn-links a.qn,.topbar.qa-legacy .qn-mt{color:#9299b4!important}.topbar.qa-legacy .qn-links a.qn:hover,.topbar.qa-legacy .qn-mt:hover{color:#e8eaf6!important}
/* v636: guides never scroll sideways on phones — wide tables scroll inside their column, tool results wrap */
@media(max-width:700px){.content table,table.compare-table,table.intense-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap{max-width:100%;overflow-x:auto}.tool-result,.tool-result *{overflow-wrap:anywhere;white-space:normal!important;max-width:100%}}
@media(max-width:700px){h1.title,.col-main h1,.col-main h2,.col-main h3,.content h2,.content h3{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}}
@media(max-width:1440px) and (min-width:901px){html[lang^=de] header.topbar nav.tnav>.qn-links{display:none!important}html[lang^=de] header.topbar nav.tnav>.qn-burger{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;width:42px!important;height:42px!important;visibility:visible}}
@media(min-width:1321px) and (max-width:1440px){html[lang^=de] .qn-panel:not([hidden]){display:block!important}}
@media(min-width:1321px) and (max-width:1380px){html[lang^=es] .qn-panel:not([hidden]),html[lang^=pt] .qn-panel:not([hidden]){display:block!important}}
@media(min-width:1321px) and (max-width:1500px){html[lang^=fr] .qn-panel:not([hidden]){display:block!important}}