/* Shared editorial layout: text remains visible and navigable without JavaScript. */
.qb-table-scroll{max-width:100%;overflow-x:auto;margin:24px 0 30px;border:1px solid #d9e2f3;border-radius:12px;overscroll-behavior-x:contain}
.qb-table-scroll:focus-visible{outline:3px solid #d77b14;outline-offset:3px}
.qb-table-scroll table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6;text-align:left}
.qb-table-scroll caption{padding:16px;background:#f3f6fc;font-weight:700;text-align:left}
.qb-table-scroll th,.qb-table-scroll td{padding:14px 16px;vertical-align:top;border-top:1px solid #d9e2f3;min-width:150px;overflow-wrap:anywhere}
.qb-table-scroll thead th{background:#eef3ff;font-weight:700}.qb-table-scroll tbody th{background:#f8faff;font-weight:650}
.qb-editorial{max-width:1200px;margin:auto;padding:32px 24px 72px;color:#1b2541;font:400 17px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.qb-editorial h1{font-size:clamp(2.1rem,4.3vw,3.65rem);line-height:1.12;letter-spacing:-.035em;margin:16px 0 24px;text-wrap:balance}
.qb-editorial h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.25;letter-spacing:-.02em;margin:42px 0 18px;scroll-margin-top:110px}
.qb-editorial h3{font-size:1.2rem;line-height:1.4;margin:28px 0 12px;scroll-margin-top:110px}
.qb-editorial p{margin:0 0 20px}.qb-editorial ul,.qb-editorial ol{padding-left:24px;margin:16px 0 26px}.qb-editorial li{margin:8px 0}.qb-editorial a{color:#2452b8;text-decoration:underline;text-underline-offset:4px}.qb-editorial a:hover{color:#15367e}
.qb-breadcrumb{font-size:13px;margin:8px 0 34px;color:#536078}.qb-kicker{color:#3157a4;text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:.12em}.qb-byline{font-size:13px;color:#536078}
.qb-editorial-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);gap:40px;align-items:center;padding:24px 0 42px}.qb-editorial-hero:not(:has(img)){display:block;max-width:880px}.qb-hero-illustration{width:100%;height:auto;max-height:420px;object-fit:contain}.qb-answer{font-size:1.12rem}.qb-answer strong a{display:inline-flex;padding:12px 20px;background:#244fb5;color:#fff!important;border-radius:12px;text-decoration:none}
.qb-reading-layout{display:grid;grid-template-columns:250px minmax(0,760px);gap:52px;align-items:start;border-top:1px solid #dce3f1;padding-top:26px}.qb-toc{position:sticky;top:108px;padding:18px;background:#f3f6fc;border:1px solid #e0e7f5;border-radius:16px;font-size:14px;line-height:1.55}.qb-toc ul{padding-left:18px}.qb-toc a{text-decoration:none}.qb-article>h2:first-child{margin-top:8px}.qb-article{min-width:0}.qb-article>p:first-child{font-size:1.07rem}
.qb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.qb-card{display:block;padding:24px;border:1px solid #d9e2f3;border-radius:18px;background:#fff;box-shadow:0 8px 26px #183c7508;font-weight:650;text-decoration:none!important}.qb-card:hover{border-color:#315bbb}.qb-related{margin-top:48px;padding-top:15px;border-top:1px solid #dce3f1}.qb-next{margin-top:44px;padding:30px;border-radius:22px;background:#eef3ff;border:1px solid #dce6ff}.qb-next h2{margin-top:0}
.qb-button{display:inline-flex;align-items:center;justify-content:center;background:#244fb5;color:#fff!important;border-radius:12px;padding:12px 20px;text-decoration:none!important;font-weight:650;line-height:1.45;min-height:44px}.qb-button:hover{background:#193c8b}.qb-editorial a:focus-visible,.qb-guide-header a:focus-visible,.qb-guide-footer a:focus-visible{outline:3px solid #d77b14;outline-offset:5px}.qb-skip{position:absolute;left:16px;top:-100px;z-index:9999;background:#fff;padding:14px}.qb-skip:focus{top:12px}
.qb-resource{margin:0;background:#fff;font-family:system-ui,sans-serif;color:#1b2541}.qb-guide-header{max-width:1200px;padding:20px 24px;margin:auto;display:flex;gap:28px;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e7f2}.qb-guide-header img{object-fit:contain}.qb-guide-header nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.qb-guide-header a{color:#1b2541;text-decoration:none;font-weight:650;font-size:14px}.qb-guide-footer{background:#f3f6fc;padding:40px max(24px,calc((100vw - 1152px)/2));font-size:14px;line-height:1.8}.qb-guide-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}.qb-guide-footer a{color:#244fb5}
.qb-home-services{max-width:1200px;margin:0 auto;padding:60px 24px}.qb-home-services h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.2}.qb-home-services p{line-height:1.75;max-width:850px}.qb-home-services .qb-card p{font-size:15px;font-weight:400}.qb-home-services .qb-card h3{font-size:20px;margin:0 0 12px}.qb-home-services .qb-card{color:#1b2541}
@media(max-width:900px){.qb-reading-layout{grid-template-columns:1fr;gap:25px}.qb-toc{position:static}.qb-toc ul{columns:2}.qb-editorial-hero{grid-template-columns:1fr}.qb-hero-illustration{max-height:250px}.qb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qb-guide-header{flex-wrap:wrap}}
@media(max-width:600px){.qb-editorial{padding:20px 18px 44px}.qb-card-grid{grid-template-columns:1fr}.qb-toc ul{columns:1}.qb-guide-header nav{gap:14px}.qb-guide-header img{width:130px;height:auto}.qb-next{padding:22px}.qb-breadcrumb{margin-bottom:20px}.qb-editorial-hero{padding-top:8px;gap:12px}}
@media(prefers-reduced-motion:reduce){.qb-editorial *{scroll-behavior:auto!important;animation:none!important}}
.qb-mobile-links{display:none}@media(max-width:1080px){.qb-mobile-links{display:flex;gap:12px;flex-wrap:wrap;padding:16px 24px;background:#f3f6fc}.qb-mobile-links a{color:#244fb5;font:600 14px/1.5 system-ui,sans-serif;text-decoration:underline}.qb-mobile-links~main .qb-editorial{padding-top:12px}}
/* Existing fixed headers must not cover the native mobile navigation. */
@media(max-width:1080px){.qb-mobile-links{margin-top:88px}.qb-mobile-links~main .qb-editorial{padding-top:20px}.header .header-actions{display:none!important}.header .mobile-toggle{display:none!important}.header .header-inner{max-width:100%;min-width:0}.site-header .brand-logo{max-width:150px;height:auto}.site-header .hdr-primary{font-size:12px;padding:11px 12px}}
.qb-anchor{display:block;scroll-margin-top:110px}
.v2 .hero h1{font-size:clamp(2.2rem,4.1vw,3.75rem);line-height:1.12}.qb-hero-fallback{width:100%;height:100%;object-fit:contain}#heroCst:has(canvas)>.qb-hero-fallback{display:none}
