/* V21 - responsive editorial design layer. Branding follows the existing site logo: blue, navy and a restrained green accent. */
:root{--v21-blue:#075fe4;--v21-ink:#102541;--v21-line:#dce5ee;--v21-muted:#536980;--v21-paper:#fff;--v21-soft:#f6f9fc;--v21-max:1180px}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--v21-ink);font-size:15.5px;line-height:1.65}
body,button,input,select,textarea{font-family:'DM Sans',Arial,sans-serif}
.preview-ribbon{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2075ff!important;outline-offset:3px}
.site-header{background:#fff!important;border-color:#e6edf2!important;box-shadow:0 4px 18px rgba(15,33,60,.045)!important}
.site-header .header-inner{min-height:76px!important;gap:17px}
.site-header .brand img.official-site-logo{max-height:51px!important;width:auto!important;max-width:min(250px,46vw)!important}
.desktop-nav{gap:21px!important;font-weight:750!important;font-size:13px!important}
.desktop-nav a:hover,.g16-header-links a:hover{color:#0967d9!important}
.menu-btn,.header-search{border-radius:10px!important}
.wrap{width:min(var(--v21-max),calc(100% - 64px))!important}
.brand-best{color:#0b68ec!important}
/* Home hero: an actual editorial feature rail replaces the old simulated product graphic. */
.hero.v6-hero{background:#0b203d!important;color:#fff;border-radius:0;overflow:visible}
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:42px!important;min-height:0!important;padding-top:68px;padding-bottom:72px}
.hero-copy{padding:12px 0 14px!important}
.hero-kicker{color:#8fb8ff!important;font-weight:750!important;font-size:15px!important}
.hero-kicker .brand-best{color:#77a9ff!important}
.hero h1{font-family:'Manrope','DM Sans',Arial,sans-serif!important;font-size:clamp(42px,4.6vw,69px)!important;max-width:720px;line-height:1.12!important}
.hero h1 .brand-best{color:#79afff!important}
.hero h1 em{font-style:normal!important;font-family:inherit!important;font-weight:750!important;color:#fff!important}
.hero-sub{max-width:565px;color:#d5e2f2!important;font-size:16px!important;line-height:1.75!important}
.search-shell{background:#fff!important;border:1px solid #b9cee7!important;border-radius:12px!important;box-shadow:0 14px 30px rgba(0,0,0,.14)!important}
.search-shell input{color:#162d49!important}
.search-hotkey{color:#63758e!important}
.hero-notice{color:#9eb5d0!important;letter-spacing:0!important;font-size:12px!important}
.v21-editorial-rail{position:relative!important;min-height:0!important;align-self:center!important;padding:24px 26px!important;border:1px solid #446180!important;border-radius:20px!important;background:#152f50!important;box-shadow:0 20px 60px rgba(0,0,0,.16)!important}
.v21-editorial-rail .v21-rail-kicker{color:#93baff;font-size:10px;font-weight:900;letter-spacing:.13em}
.v21-editorial-rail h2{font:800 clamp(20px,2vw,28px)/1.25 Manrope,'DM Sans',Arial,sans-serif;margin:8px 0 4px;color:#fff;letter-spacing:-.025em}
.v21-editorial-rail>p{font-size:12px;color:#cad8e6;margin:4px 0 14px}
.v21-rail-link{display:grid;grid-template-columns:30px minmax(0,1fr) 15px;align-items:center;gap:12px;border-top:1px solid #3a5878;padding:13px 0;color:#fff!important;text-decoration:none!important}
.v21-rail-link:hover strong{color:#accfff!important}
.v21-rail-num{font-size:12px;color:#8fb6e6;font-weight:800}
.v21-rail-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.v21-rail-text small{font-size:9px;letter-spacing:.08em;color:#94b8db}
.v21-rail-text strong{font-size:14px;color:#fff;line-height:1.4}
.v21-rail-text em{font-size:11px;font-style:normal;color:#c4d3e5;line-height:1.5}
.v21-rail-arrow{font-weight:900;color:#a7d2ff}
/* Home categories: editorial index cards, not pastel blocks. */
.v6-homesix{padding-top:62px!important;padding-bottom:50px!important}
.v6-home-grid{gap:16px!important;margin-top:26px!important}
.v6-home-tile{border:1px solid #dfe7f0!important;border-radius:16px!important;min-height:205px!important;padding:24px!important;box-shadow:0 4px 12px rgba(14,39,76,.03)!important;transition:transform .18s,border-color .18s,box-shadow .18s}
.v6-home-tile:hover,.v6-story:hover,.v21-photo-card:hover{transform:translateY(-3px);border-color:#9cbcf0!important;box-shadow:0 12px 28px rgba(20,58,100,.11)!important}
.v6-home-tile span{color:#0c68d6!important}
.v6-home-tile h3{font-size:23px!important;color:#0d2b4c!important;margin:14px 0 5px!important}
.v6-home-tile p{font-size:13px!important;color:#536d85!important;line-height:1.6!important}
.v6-home-tile b{color:#0969e2!important;font-size:12px!important}
/* Actual product photographs: remote Wikimedia media and unintrusive legal attribution. */
.v21-featured-products{padding:20px 0 52px!important}
.v21-label{font-size:11px!important;font-weight:900!important;color:#0b69d9!important;letter-spacing:.11em!important;margin:0 0 6px!important}
.v21-heading-row{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:18px}
.v21-heading-row h2{font:800 clamp(25px,3vw,36px)/1.25 Manrope,'DM Sans',Arial,sans-serif;letter-spacing:-.05em;margin:0 0 7px;color:#102742}
.v21-heading-row p{color:#536d82;font-size:14px;margin:0}
.v21-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v21-photo-card{overflow:hidden;border-radius:16px;border:1px solid #dfe8f1;background:#fff;display:block;box-shadow:0 4px 17px rgba(7,40,85,.04);transition:transform .18s,border-color .18s,box-shadow .18s}
.v21-photo-frame{height:205px;background:#fff;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}
.v21-photo-frame img{width:100%;height:100%;object-fit:contain;display:block;padding:16px;mix-blend-mode:multiply}
.v21-photo-frame img[hidden]{display:none!important}
.v21-image-fallback{display:none;color:#075fe4;font-size:13px;font-weight:800;padding:30px}
.v21-photo-unavailable .v21-image-fallback{display:block}
.v21-card-body{padding:19px 20px 18px;border-top:1px solid #e9edf4}
.v21-card-body small{font-size:10px;font-weight:850;color:#0b69d9;letter-spacing:.09em}
.v21-card-body h3{font:800 20px/1.3 Manrope,'DM Sans',sans-serif;margin:7px 0 5px;color:#152e4e}
.v21-card-body p{font-size:13px;color:#52677c;margin:0 0 12px;line-height:1.55}
.v21-photo-credit{display:block;font-size:9px!important;color:#637c90;line-height:1.4}
/* Article pages: answer-first and easy to scan. */
.article-hero{background:#fff!important;border-bottom:1px solid #e8edf2!important;padding:30px 0 32px!important}
.article-head-grid h1{color:#112b4a!important;line-height:1.12!important;letter-spacing:-.048em!important}
.article-dek{color:#566d80!important;line-height:1.65!important}
.article-category{background:transparent!important;border:1px solid #d5e4f4!important;color:#0c64c9!important;font-size:10px!important}
.article-shell{padding-top:27px!important;gap:42px!important}
.article-main{max-width:none!important}
.v9-answer{border:1px solid #c8daf0!important;border-top:4px solid #0968e8!important;border-left:1px solid #c8daf0!important;border-radius:15px!important;background:#fff!important;box-shadow:0 8px 26px rgba(18,62,115,.07)!important;padding:23px 25px!important}
.v9-kicker{color:#0865db!important;font-size:11px!important}
.v9-answer h2{color:#102d50!important;line-height:1.2!important}
.v9-answer p{color:#344d65!important}
.v9-spec{background:#f7faff!important;border:1px solid #e0eaf8!important}
.v9-visit,.v15-cta,.fm-action{background:#0865da!important;border-radius:9px!important;transition:background .2s,transform .2s!important}
.v9-visit:hover,.v15-cta:hover,.fm-action:hover{background:#064ea8!important;transform:translateY(-1px)}
.v9-logo{background:#fff!important;border:1px solid #e7edf4!important;border-radius:11px!important}
.v9-logo img.v21-vector-logo{width:48px!important;height:48px!important;max-width:90%!important;max-height:90%!important;object-fit:contain!important}
.v21-product-figure{display:block;margin:20px 0!important;padding:12px;border:1px solid #e2eaf4;border-radius:13px;background:#fff;max-width:540px;text-align:center}
.v21-product-figure img{display:block;margin:0 auto;width:100%;max-height:285px;object-fit:contain}
.v21-product-figure figcaption{text-align:left;font-size:10px;color:#61758a;margin-top:8px}
.v21-product-figure figcaption a{color:#0b69d9;text-decoration:underline;text-underline-offset:2px}
.v14-explore{border:1px solid #dce5ee!important;background:#fff!important;padding:17px 18px!important}
.v14-explore nav a{background:#fff!important;border-color:#e0e9f1!important}
.v14-explore nav a:hover{background:#f7fbff!important}
.related-card,.v6-story,.v9-other{border:1px solid #e0e7f0!important;border-radius:13px!important;background:#fff!important;transition:transform .2s,border-color .2s,box-shadow .2s}
/* Named financial providers, affiliate slots and the unchanged embedded adviser form. */
.fm-provider{background:#fff!important;border:1px solid #dae6f3!important;border-top:4px solid #176be3!important;box-shadow:0 5px 22px rgba(16,50,98,.04)!important;border-radius:15px!important}
.fm-provider h2{letter-spacing:-.035em!important}
.v21-provider-identity{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:#0a67cc;font-size:10px;font-weight:900;letter-spacing:.08em}
.v21-provider-identity img{width:28px;height:28px;object-fit:contain}
.fm-section{color:#19324c!important}
.fm-sidebar,.sidebar-box{border-radius:14px!important}
.advisor-widget{border-radius:15px!important;box-shadow:0 5px 20px rgba(8,50,105,.05)!important}
/* Gaming, directory and SEO-hook templates receive the same visual rhythm. */
.g16-article,.seo-article{background:#fff}
.g16-directory-grid,.v9-topic-grid{gap:12px!important}
.g16-dir-link,.v9-topic-grid a{background:#fff!important;border:1px solid #dfebf5!important;border-radius:12px!important}
.seo-answer{background:#f7fbff!important;border:1px solid #d8e7f8!important;border-left:4px solid #0866d9!important;border-radius:12px!important}
.seo-article h1{color:#102b4b!important}
.seo-new-header{background:#fff!important;border-bottom:1px solid #e8eef4!important}
.seo-new-footer{background:#0e2443!important;color:#d5e4f2!important}
/* Better defaults and small-screen layout. */
@media(max-width:1050px){.hero-grid{gap:25px!important}.v21-editorial-rail{padding:19px!important}.site-header .desktop-nav{gap:13px!important}.article-shell{gap:27px!important}}
@media(max-width:800px){.wrap{width:calc(100% - 36px)!important}.hero-grid{grid-template-columns:1fr!important;padding:43px 0 48px!important}.hero-copy{padding:0!important}.v21-editorial-rail{width:100%;max-width:680px}.v21-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v6-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.article-shell{display:block!important}.article-sidebar{position:static!important;margin-top:28px!important}.v21-photo-frame{height:185px}.g16-content{padding-top:20px!important}}
@media(max-width:560px){body{font-size:14px!important}.wrap{width:calc(100% - 28px)!important}.site-header .header-inner{min-height:64px!important}.site-header .brand img.official-site-logo{max-height:42px!important;max-width:202px!important}.hero-grid{padding:29px 0 34px!important;gap:21px!important}.hero h1{font-size:clamp(38px,10vw,47px)!important;line-height:1.11!important}.hero-sub{font-size:14px!important;line-height:1.58!important}.search-shell{max-width:100%!important}.search-hotkey{display:none!important}.hero-notice{font-size:11px!important}.v21-editorial-rail{padding:18px!important}.v21-editorial-rail h2{font-size:21px!important}.v21-rail-link{padding:12px 0}.v21-featured-products{padding-top:12px!important;padding-bottom:30px!important}.v21-photo-grid{grid-template-columns:1fr;gap:13px}.v21-photo-frame{height:185px}.v21-card-body{padding:15px 17px}.v6-homesix{padding-top:38px!important;padding-bottom:25px!important}.v6-home-grid{grid-template-columns:1fr!important;gap:10px!important}.v6-home-tile{min-height:0!important;padding:17px 19px!important}.v6-home-tile h3{font-size:20px!important;margin:7px 0 3px!important}.v6-home-tile p{font-size:12px!important;margin:0!important}.v6-home-tile b{padding-top:8px!important}.v21-heading-row h2{font-size:26px!important}.article-hero{padding:18px 0 23px!important}.article-head-grid h1{font-size:clamp(30px,8vw,39px)!important}.article-dek{font-size:14px!important}.article-shell{padding-top:15px!important}.v9-answer{padding:17px 15px!important}.v9-answer h2{font-size:22px!important}.v9-answer .v9-direct{font-size:13px!important}.v21-product-figure{padding:8px!important}.v21-product-figure img{max-height:215px}.v9-spec{padding:13px!important}.v14-explore nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v14-explore nav a{font-size:11px!important;padding:9px!important}.v21-provider-identity{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}