:root{color-scheme:dark;--bg:#0c1020;--bg-deep:#080e1b;--surface:#171b2c;--surface2:#1b1e32;--card:#191d31;--text:#fbf9ff;--muted:#c0bfd1;--soft:#9395b3;--line:#33354e;--pink:#f92894;--hot:#ff3a9d;--violet:#a24ad4;--shadow:0 20px 50px rgba(0,0,0,.22);--pink-soft:rgba(249,40,148,.11);--article-width:850px;--aside-width:470px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-deep);color:var(--text);font:16px/1.63 'DM Sans',Arial,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{color:var(--pink)}img{max-width:100%;display:block}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff85cb;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:'Outfit','DM Sans',Arial,sans-serif;line-height:1.13;letter-spacing:-.025em}h1{letter-spacing:-.034em}main{min-height:55vh}.wrap{width:min(1350px,calc(100% - 56px));margin-inline:auto}
.header{height:66px;background:rgba(9,12,26,.98);border-bottom:1px solid #38304a;position:sticky;top:0;z-index:100;box-shadow:0 5px 22px #0002}.header .wrap{display:flex;height:100%;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:203px;height:auto;max-height:55px;object-fit:contain}.brand-sep{height:20px;width:1px;background:#85819c}.brand-caption{font-size:12px;color:#eeeaf5;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:30px;height:100%;font-size:14px;font-weight:800;color:#f3effb}.nav-links a{height:100%;display:flex;align-items:center;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-links a:hover,.nav-links a.active{color:#fff;border-color:var(--pink)}.header-actions{display:flex;align-items:center;gap:10px}.nav-search{display:flex;align-items:center;height:37px;width:190px;padding:0 11px;gap:10px;border:1px solid #a6a0c0;border-radius:10px;background:#ffffff09;color:#eeeaf7;font-size:13px;text-align:left;white-space:nowrap;justify-content:space-between}.nav-search:hover{background:#ffffff17;border-color:#fff}.icon-btn{display:grid;place-items:center;background:transparent;border:1px solid #736e91;border-radius:9px;color:#fff;width:37px;height:37px;transition:.2s}.icon-btn:hover{background:#ffffff17;border-color:#ddd}.menu-btn{display:none}.search-dialog{border:1px solid #4d3e60;border-radius:18px;background:#151525;color:#fff;width:min(630px,calc(100vw - 30px));padding:0;box-shadow:0 24px 90px #000a}.search-dialog::backdrop{background:#03020cd9;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;padding:20px;border-bottom:1px solid #3c3c57;gap:14px}.dialog-top input{min-width:0;background:transparent;color:#fff;border:0;outline:0;width:100%;font-size:17px}.dialog-top button{border:0;color:#fff;background:#29283d;border-radius:8px;width:33px;height:33px;flex-shrink:0}.search-results{padding:8px 20px 20px;max-height:58vh;overflow:auto}.result{display:block;border-bottom:1px solid #3c3a56;padding:13px 5px}.result strong{display:block;line-height:1.3}.result small{color:#b9aec9;display:block;margin-top:5px}.result:hover strong{color:#ff69b3}.search-empty{padding:23px 10px;color:#bfb4d0}
.article-masthead{position:relative;overflow:hidden;height:267px;background:linear-gradient(90deg,#15152f 0%,#352048 49%,#c35d90 100%);border-bottom:1px solid #545078}.article-masthead::before{content:"";position:absolute;inset:0;background:url('images/city-hero.webp') right 29% center / cover no-repeat;opacity:.9}.article-masthead::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,33,.92) 0%,rgba(21,15,42,.92) 29%,rgba(28,19,48,.70) 47%,rgba(24,13,37,.07) 100%)}.article-hero-content{height:100%;position:relative;z-index:1;padding-top:24px;display:flex;align-items:flex-start;flex-direction:column}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#e2d5f1;font-size:12px;line-height:1.5}.breadcrumbs a:hover{text-decoration:underline}.story-kicker{margin-top:14px;display:inline-flex;padding:4px 10px;border-radius:5px;font:800 11px 'Outfit',Arial,sans-serif;letter-spacing:.04em;color:#fff;background:#fc268f}.article-masthead h1{margin-top:11px;font-size:clamp(33px,3.05vw,46px);max-width:800px;color:#fff;text-shadow:0 3px 15px #07051844;font-weight:800}.article-masthead .deck{font-size:16px;line-height:1.44;color:#fff;max-width:770px;margin-top:10px}.byline{display:flex;align-items:center;flex-wrap:wrap;gap:13px;font-weight:700;font-size:12px;margin-top:auto;padding-bottom:16px;color:#fff}.author-icon{height:25px;width:25px;display:grid;place-items:center;background:linear-gradient(145deg,#f973cb,#fa428a);border-radius:50%;font-size:17px}.sep{height:14px;width:1px;background:#d1b8d9}.hero-right-label{position:absolute;right:9px;bottom:27px;display:none;font:900 30px 'Outfit',Arial,sans-serif;color:#fff;text-shadow:0 2px 4px #000}
.story-layout{display:grid;grid-template-columns:minmax(0,var(--article-width)) minmax(300px,var(--aside-width));gap:35px;padding-top:20px;padding-bottom:70px}.story-main{min-width:0}.lead{font-size:17px;font-weight:500;line-height:1.55;margin:0 0 11px;max-width:850px;color:var(--text)}.lead strong{color:#fff}.hero-figure{margin:14px 0 8px;overflow:hidden;border-radius:10px;border:1px solid #ffffff13}.hero-figure img{width:100%;height:auto;aspect-ratio:848/286;object-fit:cover}.hero-figure figcaption{font-size:11px;color:var(--soft);padding:6px 4px 0;display:none}.story-main h2{margin:22px 0 10px;font-size:28px;font-weight:800;position:relative;padding-left:22px}.story-main h2:before{content:"";position:absolute;left:0;top:3px;height:calc(100% - 6px);width:7px;border-radius:1px;background:var(--pink);transform:skew(-12deg)}.story-main h3{font-size:20px;margin:18px 0 7px}.story-main p{margin:10px 0;line-height:1.57;color:var(--text)}.story-main strong{color:inherit}.story-main ul,.story-main ol{padding-left:22px}.story-main li{margin:8px 0}.story-main a:not(.button){color:#ff56a7;text-decoration:underline;text-underline-offset:3px}.story-main section{scroll-margin-top:91px}.small-note{font-size:13px;color:var(--muted)!important}.eyebrow{display:inline-block;color:#ff6eb5;font:800 11px 'Outfit',Arial,sans-serif;letter-spacing:.12em}.takeaways{border:1px solid var(--hot);border-radius:11px;margin:15px 0 16px;padding:18px 25px;background:linear-gradient(105deg,rgba(175,24,118,.23),rgba(129,26,107,.12))}.takeaways h3{color:#ff4ba7;font-size:20px;margin:0 0 10px}.takeaways ul{list-style:none;padding:0;margin:0}.takeaways li{padding:0 0 0 30px;margin:5px 0;position:relative;line-height:1.46;font-size:14px}.takeaways li:before{content:"✓";position:absolute;left:0;top:2px;width:19px;height:19px;text-align:center;border-radius:50%;background:#ff2f97;color:#fff;font-size:13px;line-height:19px;font-weight:800}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.step-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:15px}.step-card .step-index{display:block;font-weight:900;font-size:20px;color:#f52e92;margin-bottom:7px}.step-card strong{font:800 16px 'Outfit',sans-serif}.step-card p{font-size:13px;margin:7px 0 0}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:18px 0;font-size:13px}.comparison-table th{background:linear-gradient(90deg,#922c87,#fb408f);color:#fff;padding:12px 14px;text-align:left;font-size:14px}.comparison-table td{padding:10px 14px;border-top:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top}.comparison-table td:last-child{border-right:0}.comparison-table tr:nth-child(odd) td{background:rgba(255,255,255,.025)}.article-image-inset{float:right;width:42%;margin:1px 0 13px 22px;border-radius:10px;overflow:hidden}.article-image-inset img{aspect-ratio:1.5;object-fit:cover;width:100%}.faq{margin:15px 0}.faq details{border-bottom:1px solid var(--line);padding:13px 4px}.faq summary{cursor:pointer;font-family:'Outfit',Arial,sans-serif;font-size:18px;font-weight:700;padding-right:28px;position:relative}.faq summary::after{content:'+';position:absolute;right:5px;font-size:23px;color:var(--pink);top:0}.faq details[open] summary::after{content:'−'}.faq p{font-size:15px}.prelaunch{margin:20px 0;padding:15px 18px;border-left:3px solid #b37aff;background:rgba(158,93,232,.09);font-size:13px;color:var(--muted)}.sources{margin-top:30px;padding-top:16px;border-top:1px solid var(--line)}.sources h2{font-size:18px;margin:5px 0 9px;padding:0}.sources h2:before{display:none}.sources ul{font-size:13px}.source-link{color:#ff6ab2!important}
.sidebar{border-left:1px solid var(--line);padding-left:24px;min-width:0}.feature-hub{position:relative;overflow:hidden;border-radius:12px;height:250px;background:linear-gradient(150deg,#1e1433,#cb4c84);display:block;border:1px solid #ffffff1c}.feature-hub img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.feature-hub:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,7,26,.91) 100%)}.feature-hub .promo-copy{position:absolute;z-index:1;bottom:17px;left:17px}.feature-hub .promo-copy strong{display:block;font:900 31px 'Outfit',Arial,sans-serif;color:#fff;letter-spacing:-.03em}.feature-hub .promo-copy span{font-weight:700;font-size:12px;color:#fff;background:var(--pink);border-radius:5px;padding:5px 8px}.aside-title{font-size:24px;font-weight:900;line-height:1;margin:20px 0 12px;display:flex;align-items:center;gap:10px}.aside-title::before{content:"";display:inline-block;width:7px;height:24px;transform:skew(-14deg);background:var(--pink)}.related-box{padding:0 10px 4px 10px;border:1px solid var(--line);border-radius:12px;margin-top:22px;background:var(--card)}.related-box .aside-title{margin-left:9px;margin-top:17px}.related-item{display:flex;gap:15px;padding:12px 0;border-top:1px solid var(--line);align-items:center}.related-item img{width:150px;height:88px;flex:0 0 150px;border-radius:9px;object-fit:cover}.related-item h3{font:700 16px/1.25 'Outfit',Arial,sans-serif;margin:0;color:var(--text);transition:color .2s}.related-item:hover h3{color:#ff6db4}.related-item small{font-size:12px;color:var(--muted);display:block;margin-top:8px}.related-item:last-child{padding-bottom:14px}.sidebar-cta{position:relative;margin-top:20px;border-radius:12px;overflow:hidden;padding:19px 22px;background:linear-gradient(115deg,#60215b,#c6478b 70%,#71366c)}.sidebar-cta:before{content:'✦';position:absolute;right:18px;bottom:-43px;font-size:145px;color:#ffffff13;line-height:1}.sidebar-cta h3{font-size:21px;max-width:330px;color:#fff}.sidebar-cta p{font-size:13px;line-height:1.4;color:#fff;margin:7px 0 15px}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;background:var(--pink);color:#fff;border:0;border-radius:8px;font-weight:800;font-size:13px}.button:hover{color:#fff;background:#e9157d}.button.secondary{background:#ffffff12;color:#fff;border:1px solid #c7adc6}.reading-time{color:var(--soft);font-size:12px}
.home-masthead{position:relative;overflow:hidden;min-height:375px;background:#20172f;border-bottom:1px solid var(--line)}.home-masthead:before{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#0e1029ed 7%,#241332c0 48%,#1b0d2d24 100%),url('images/city-hero.webp') center / cover no-repeat}.home-masthead .wrap{position:relative;z-index:2;padding:62px 0 58px}.home-title{max-width:850px;font-size:clamp(43px,5.4vw,75px);font-weight:900;color:#fff}.home-title em{font-style:normal;color:#ff4aa9}.home-sub{max-width:660px;font-size:18px;line-height:1.45;margin-top:16px;color:#fff}.home-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.section{padding:42px 0}.section-header{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:20px}.section-header h2{font-size:34px}.section-header p{font-size:15px;color:var(--muted);margin-top:6px}.section-link{font-size:14px;color:#ff68b5;white-space:nowrap;font-weight:800}.spotlight{display:grid;grid-template-columns:48% 52%;border:1px solid var(--line);background:var(--surface);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}.spotlight img{width:100%;height:100%;min-height:290px;object-fit:cover}.spotlight-copy{padding:40px}.spotlight-copy h2{font-size:32px;max-width:600px;margin:12px 0}.spotlight-copy p{color:var(--muted);margin:0 0 23px}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 25px}.pill{background:var(--surface);color:var(--text);border:1px solid var(--line);padding:9px 16px;border-radius:99px;font-weight:700;font-size:13px}.pill:hover,.pill.active{background:#f72e92;color:#fff;border-color:#f72e92}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:block;border-radius:12px;background:var(--surface);overflow:hidden;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.guide-card:hover{color:var(--text);transform:translateY(-3px);box-shadow:0 15px 40px #0005}.guide-card img{width:100%;height:170px;object-fit:cover}.guide-content{padding:20px}.guide-content span{font-size:11px;font-weight:800;color:#ff55a8;letter-spacing:.05em;text-transform:uppercase}.guide-content h3{font-size:21px;line-height:1.2;margin:9px 0}.guide-content p{font-size:14px;line-height:1.5;color:var(--muted);min-height:45px}.guide-meta{display:flex;justify-content:space-between;margin-top:18px;font-size:12px;color:var(--muted)}.inline-search{display:block;flex:1;min-width:180px;width:100%;padding:13px 17px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface)}.library-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.library-actions p{font-size:13px;color:var(--muted)}.no-results{display:none;text-align:center;margin:18px;padding:40px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#0b0d1a;color:#c1b9d0;padding:32px 0}.footer-flex{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-flex .brand img{width:170px}.footer-flex p{font-size:13px;margin-top:7px}.footer-links{display:flex;gap:20px;font-size:14px;font-weight:700}.legal{border-top:1px solid #2e2b3f;margin-top:20px;padding-top:13px;font-size:11px;color:#a49eb4}
/* Light article variation from second approved mockup */
body.light{color-scheme:light;--bg:#f9f8fa;--bg-deep:#fbfafc;--surface:#fff;--surface2:#fff;--card:#fff;--text:#1b1929;--muted:#5d6071;--soft:#777a8b;--line:#e2dfe8;--pink-soft:#fae7f1;--shadow:0 15px 48px #24203616;background:#fff}body.light .lead strong{color:var(--text)}body.light .story-main p{color:#171522}body.light .header,body.light .site-footer{color:#fff}body.light .story-layout{padding-top:22px}body.light .sidebar-cta h3,body.light .sidebar-cta p{color:#fff}body.light .guide-card{box-shadow:0 6px 19px #0e13200c}body.light .guide-card:hover{box-shadow:0 15px 40px #0e132028}body.light .comparison-table td{color:#211628}body.light .takeaways{background:#fdf0f7}body.light .takeaways li{color:#231c2a}body.light .prelaunch{background:#f6effd}
@media(max-width:1250px){.brand-caption{display:none}.nav-links{gap:19px}.story-layout{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.sidebar{padding-left:19px}.related-item img{width:100px;height:76px;flex-basis:100px}.related-item h3{font-size:14px}}@media(max-width:960px){.nav-links{gap:12px;font-size:13px}.brand img{width:170px}.nav-search{width:38px;justify-content:center;font-size:0}.nav-search span{display:none}.story-layout{grid-template-columns:minmax(0,1fr) 285px}.related-item img{width:90px;height:70px;flex-basis:90px}.article-masthead h1{font-size:35px;max-width:640px}.story-main h2{font-size:25px}.sidebar-cta{padding:15px}.related-box .aside-title{font-size:21px}}@media(max-width:760px){.header{height:62px}.wrap{width:min(100% - 32px,600px)}.brand img{width:163px}.nav-links{display:none;position:absolute;top:61px;left:0;right:0;height:auto;padding:12px 20px 18px;flex-direction:column;align-items:stretch;gap:0;background:#0f1024;border-bottom:1px solid #45324d}.nav-links.is-open{display:flex}.nav-links a{display:block;padding:11px 10px;border:0}.nav-links a.active{color:#ff6fb2}.menu-btn{display:grid}.article-masthead{height:auto;min-height:340px}.article-masthead::before{background-position:62% center;opacity:.7}.article-masthead::after{background:linear-gradient(90deg,#0f1029ed 0%,#18122cc2 68%,#18122b80 100%)}.article-hero-content{min-height:340px;padding-top:22px}.story-kicker{margin-top:21px}.article-masthead h1{font-size:36px;max-width:95%;line-height:1.06}.article-masthead .deck{font-size:14px;line-height:1.4}.byline{padding-bottom:18px;font-size:11px;gap:8px}.story-layout{display:block;padding-top:22px}.story-main .lead{font-size:16px}.hero-figure{margin-top:18px}.story-main h2{font-size:26px}.sidebar{margin-top:35px;border:0;padding:0}.feature-hub{height:245px}.related-box{margin-top:17px}.related-item img{width:125px;height:80px;flex-basis:125px}.guide-grid{grid-template-columns:repeat(2,1fr)}.home-masthead{min-height:365px}.home-masthead .wrap{padding:50px 0}.home-title{font-size:51px}.spotlight{display:block}.spotlight img{height:220px;min-height:0}.spotlight-copy{padding:24px}.spotlight-copy h2{font-size:27px}.footer-flex{display:block}.footer-links{margin-top:17px}}@media(max-width:485px){.wrap{width:calc(100% - 32px)}.brand img{width:146px}.nav-search,.icon-btn{width:34px;height:34px}.header-actions{gap:6px}.article-masthead h1{font-size:31px}.article-masthead .deck{font-size:14px}.breadcrumbs{font-size:11px;gap:6px}.article-hero-content{min-height:350px}.article-masthead{min-height:350px}.article-masthead::before{background-position:64% center}.story-main h2{font-size:24px}.story-main h3{font-size:19px}.story-main p{font-size:15px}.lead{font-size:15px}.takeaways{padding:15px}.comparison-table{font-size:11px}.comparison-table th{font-size:12px;padding:9px 7px}.comparison-table td{padding:9px 7px}.article-image-inset{float:none;width:100%;margin:16px 0}.step-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:1fr}.guide-card img{height:185px}.section-header h2{font-size:28px}.home-title{font-size:42px}.home-sub{font-size:15px}.spotlight-copy h2{font-size:24px}.library-actions{display:block}.library-actions p{margin-top:10px}.footer-flex{font-size:13px}}

body.light .related-item h3{color:#1b1929!important}body.light .related-item:hover h3{color:#e7298e!important}body.light .related-item small{color:#747083!important}


/* V2: flexible cinematic masthead, always-visible section navigation, and labeled ad inventory */
.article-masthead{height:auto;min-height:327px;overflow:hidden}
.article-hero-content{height:auto;min-height:327px;padding-top:25px;padding-bottom:28px;justify-content:flex-start}
.article-masthead h1{font-size:clamp(34px,3.12vw,48px);line-height:1.11;max-width:870px;overflow-wrap:break-word}
.article-masthead .deck{max-width:760px;margin-top:13px;line-height:1.5}
.article-masthead .byline{margin-top:18px;padding-bottom:0;line-height:1.5;min-height:25px}
.toc-rail{position:sticky;top:66px;z-index:89;background:rgba(20,20,36,.97);border-bottom:1px solid #3b324e;box-shadow:0 5px 19px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.toc-rail .wrap{display:flex;align-items:center;min-height:55px;gap:18px}
.toc-prefix{font-family:'Outfit',Arial,sans-serif;font-weight:900;font-size:12px;letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;gap:9px;flex-shrink:0;color:#fff;white-space:nowrap}
.toc-prefix .toc-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fa2b91;color:#fff;font-size:17px;line-height:1}
.toc-scroll{display:flex;gap:8px;overflow-x:auto;min-width:0;scrollbar-width:none;white-space:nowrap;padding:7px 2px;-webkit-overflow-scrolling:touch}
.toc-scroll::-webkit-scrollbar{display:none}
.toc-link{font-size:12px;font-weight:700;color:#d8d2e3;border:1px solid #504058;border-radius:999px;padding:6px 12px;display:inline-block;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.toc-link:hover,.toc-link.is-active{background:#ed238a;color:#fff;border-color:#ed238a}
.toc-tail{flex-shrink:0;font-size:11px;font-weight:700;color:#c7bbdb;display:flex;align-items:center;gap:4px;opacity:.8}
.story-main section[id]{scroll-margin-top:146px}
.story-main section[id]:target>h2{color:var(--pink)}
.ad-slot{margin:35px 0 29px;max-width:100%;clear:both;text-align:center;position:relative}
.ad-slot__label{display:block;color:var(--soft);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:9px;line-height:1.4}
.ad-slot__creative{width:100%;min-height:118px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border-radius:10px;border:1px dashed #696078;background:linear-gradient(120deg,rgba(249,40,148,.035),rgba(129,73,175,.06));color:var(--soft);padding:17px 14px}
.ad-slot__creative svg{opacity:.65}
.ad-slot__creative strong{color:var(--muted);font-family:'Outfit',Arial,sans-serif;font-size:14px;font-weight:700}
.ad-slot__creative small{font-size:11px;max-width:300px;line-height:1.4}
.ad-slot--large .ad-slot__creative{min-height:244px}
.ad-slot--sidebar{margin:24px 0 0}
.ad-slot--sidebar .ad-slot__creative{min-height:258px}
.ad-slot--sidebar .ad-slot__creative strong{font-size:13px}
.ad-slot--sidebar .ad-slot__creative small{max-width:230px}
body.light .toc-rail{background:rgba(255,253,255,.97);border-color:#e8dce9}
body.light .toc-prefix{color:#282135}
body.light .toc-link{color:#5c4d67;border-color:#e1d3e5}
body.light .toc-link:hover,body.light .toc-link.is-active{color:#fff;border-color:#ed238a}
body.light .toc-tail{color:#6d5d75}
body.light .ad-slot__creative{background:linear-gradient(115deg,#fcf8fd,#f6f3fa);border-color:#d6c9dc}
@media(max-width:1250px){.article-masthead{min-height:345px}.article-hero-content{min-height:345px}}
@media(max-width:960px){.article-masthead{min-height:355px}.article-hero-content{min-height:355px}.article-masthead h1{font-size:clamp(33px,4.2vw,42px)}}
@media(max-width:760px){.article-masthead{height:auto;min-height:0}.article-hero-content{height:auto;min-height:0;padding-top:21px;padding-bottom:25px}.article-masthead h1{font-size:clamp(30px,6.1vw,39px);line-height:1.13}.article-masthead .deck{line-height:1.48;margin-top:12px}.byline{padding:0;gap:9px}.toc-rail{top:62px}.toc-rail .wrap{min-height:52px;gap:11px}.toc-prefix{font-size:0}.toc-prefix .toc-icon{font-size:18px;width:32px;height:32px}.toc-tail{display:none}.toc-link{font-size:12px;padding:6px 12px}.story-main section[id]{scroll-margin-top:127px}.ad-slot{margin:30px 0}.ad-slot__creative{min-height:256px}.ad-slot--large .ad-slot__creative{min-height:256px}.ad-slot--sidebar .ad-slot__creative{min-height:250px}}
@media(max-width:485px){.article-masthead{height:auto;min-height:0}.article-hero-content{height:auto;min-height:0;padding-top:19px;padding-bottom:22px}.article-masthead h1{font-size:clamp(27px,8vw,34px);max-width:100%}.article-masthead .deck{font-size:14px}.article-masthead .byline{margin-top:16px;padding-bottom:0;font-size:11px}.story-kicker{margin-top:14px}.toc-rail .wrap{width:calc(100% - 24px)}.toc-scroll{gap:6px}.toc-link{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toc-link{transition:none}}
/* Make the section jump feature self-explanatory even on narrow screens. */
@media(max-width:760px){.toc-prefix{font-size:11px;letter-spacing:0;text-transform:none;gap:6px}.toc-prefix .toc-icon{width:26px;height:28px}}
@media(max-width:360px){.toc-prefix{font-size:10px}.toc-link{padding-inline:9px}}

/* WP dynamic content enhancements */
.wp-block-image img,.article-content img{max-width:100%;height:auto}.article-content p{margin-bottom:16px}.article-content h2,.article-content h3{margin-top:28px}.article-content h2{scroll-margin-top:150px}.article-content :is(ul,ol){padding-left:25px;margin-block:14px 20px}.article-content a:not(.button){text-decoration:underline;text-underline-offset:3px;color:#ff6db5}.article-content a:hover{color:#fff}.article-content figcaption{color:var(--soft);font-size:12px;margin-top:6px}.article-content .hero-figure{margin:22px 0}.article-content .hero-figure img{border-radius:12px;width:100%}.article-content .faq details{border-bottom:1px solid var(--line);padding:12px 3px}.article-content .faq summary{font-weight:800;cursor:pointer}.article-content .faq details p{padding-top:10px}.article-content .comparison-table{display:block;width:100%;overflow:auto}.article-content .comparison-table td,.article-content .comparison-table th{padding:12px}.article-content blockquote{border-left:4px solid var(--pink);padding-left:18px;margin:22px 0;color:var(--text)}.article-content iframe{max-width:100%}.story-main .wp-block-table table{width:100%;border-collapse:collapse}.story-main .wp-block-table td,.story-main .wp-block-table th{border:1px solid var(--line);padding:12px}.story-main .ad-slot{margin:30px 0}.empty-guide{padding:40px 30px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:30px 0}.empty-guide p{color:var(--muted);margin-top:8px}.site-search-form{display:flex;align-items:center;gap:8px}.site-search-form input{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:14px;min-width:0;flex:1}.site-search-form button{background:var(--pink);border:0;color:white;padding:14px 19px;border-radius:8px;font-weight:800}.story-main .wp-block-heading{margin-top:30px}.aside-title{font-size:21px}.toc-rail:has(.toc-scroll:empty){display:none}.toc-scroll a.active{color:#fff;border-color:var(--pink)}.story-kicker{color:white}.article-masthead{height:auto;min-height:265px;padding:20px 0 24px}.article-hero-content{height:auto;min-height:230px}.article-masthead h1{max-width:950px}.article-content{min-width:0}.pagination{display:flex;align-items:center;gap:15px;margin:25px 0}.pagination a{padding:8px 14px;background:var(--surface);border-radius:8px}.legal{margin-top:20px}.screen-reader-text{position:absolute;left:-9999px}.screen-reader-text:focus{position:fixed;top:10px;left:10px;z-index:9999;background:white;color:black;padding:10px}
@media(max-width:700px){.article-masthead{min-height:0;padding-top:18px;padding-bottom:26px}.article-hero-content{min-height:0}.article-masthead h1{font-size:clamp(30px,7vw,42px)}.article-masthead .deck{max-width:100%}.byline{flex-wrap:wrap;row-gap:7px}.story-layout{display:block}.toc-rail{top:66px}.story-main .ad-slot{min-height:160px}}

[hidden], .guide-card[hidden]{display:none!important}
.nav-links.menu{list-style:none;margin:0;padding:0}.nav-links.menu li{display:flex;align-items:center;height:100%}.nav-links.menu a{display:flex;align-items:center}.article-content .wp-block-image{margin:18px 0}

/* =====================================================================
VICEGUIDE 2.0 — ORIGINAL KNOWLEDGE-HUB DESIGN / RESPONSIVE REFINEMENTS
===================================================================== */
:root{--vg-bg:#0a0d1a;--vg-panel:#171728;--vg-panel-alt:#1e1a32;--vg-ink:#f9f6ff;--vg-sub:#b7b2c9;--vg-pink:#fb2f96;--vg-purple:#ae55e7;--vg-border:#383248;--vg-hero:url('images/viceguide-hero-v2.webp')}
body{background:var(--vg-bg);font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;line-height:1.65}h1,h2,h3,h4{font-family:Inter,'Segoe UI',system-ui,sans-serif;font-weight:800;letter-spacing:-.037em}
.wrap{width:min(1310px,calc(100% - 56px))}.header{height:72px;background:#0b0d1bf5;border-color:#ffffff1b}.header .wrap{gap:22px}.brand img{width:195px;max-height:58px}.brand-caption{font-size:11px;color:#c3bdd2}.nav-links{gap:27px;font-size:13px}.nav-search{min-width:148px;width:165px;border-color:#51445f}.nav-search strong{font-size:25px;line-height:1}.icon-btn{border-color:#554961}.menu-btn{display:none}
.vg-eyebrow{display:block;color:#ff80c2;font-size:11px;letter-spacing:.17em;font-weight:850;line-height:1.4}.vg-section{padding:67px 0}.vg-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:26px}.vg-section-heading h2{font-size:clamp(28px,2.55vw,38px);margin:7px 0 9px;line-height:1.15}.vg-section-heading p{color:#b8b3ca;font-size:15px}.vg-text-link{font-size:13px;color:#ff72b8;font-weight:800;white-space:nowrap}.vg-text-link:hover{color:#ffc3e5}
.vg-chip{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:11px;letter-spacing:.14em}.vg-chip--outline{border:1px solid #ffffff38;border-radius:24px;padding:9px 14px;background:#21122e75;color:#fff}.vg-live-dot{height:7px;width:7px;border-radius:50%;background:#ff51a7;box-shadow:0 0 12px #fb3096}
.vg-home-hero{min-height:530px;position:relative;background:#15112c;isolation:isolate;overflow:hidden}.vg-home-hero::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--vg-hero);background-size:cover;background-position:center 43%}.vg-home-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090e23 0%,#0b0e26ed 17%,#17142ac7 41%,#24102738 72%,#150b182e 100%),linear-gradient(0deg,#090c1c 0%,transparent 30%)}.vg-home-hero__inner{min-height:530px;display:flex;align-items:center}.vg-home-hero__copy{max-width:690px;padding:45px 0 92px}.vg-home-hero h1{font-size:clamp(49px,5.2vw,78px);line-height:1.04;color:#fff;margin:25px 0 17px;font-weight:900}.vg-home-hero h1 span{color:#ff5ab0}.vg-home-hero__copy>p{color:#eee4f4;max-width:520px;font-size:17px;line-height:1.7}.vg-home-hero__stats{display:flex;align-items:center;gap:15px;color:#dfd0e7;margin-top:29px;font-size:12px;font-weight:650}.vg-home-hero__stats strong{color:#fff;font-size:16px}.vg-stat-sep{height:17px;width:1px;background:#ae95b1}
.vg-ask-overlap{position:relative;z-index:5;margin-top:-92px}.vg-ask-panel{background:linear-gradient(160deg,#211c35 0%,#151528 80%);border:1px solid #5a3d69;border-radius:22px;box-shadow:0 30px 80px #0008;padding:31px 35px 26px}.vg-ask-panel__head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.vg-ask-panel h2{font-size:29px;color:#fff;margin:4px 0 7px}.vg-ask-panel h2 .vg-sparkle{color:#ff59ae;margin-right:3px}.vg-ask-panel__head p{font-size:13px;color:#cac2d5}.vg-library-tag{font-size:11px;border:1px solid #655170;background:#ffffff09;border-radius:100px;padding:7px 13px;color:#e0cbe7;white-space:nowrap}.vg-ask-form{border:2px solid #d847a8;background:#0c0d1a;border-radius:14px;display:flex;align-items:center;gap:13px;padding:8px 9px 8px 19px;box-shadow:0 10px 27px #0709156e}.vg-search-glyph{font-size:31px;color:#fc80c6;line-height:1}.vg-ask-form input{min-width:0;flex:1;color:#fff;border:0;background:none;font-size:17px;outline:none;height:45px;box-shadow:none}.vg-ask-form input::placeholder{color:#a69eb4}.vg-ask-form button,.vg-button--pink{background:linear-gradient(110deg,#f12691,#e244a8);border:0;border-radius:10px;color:white;font-weight:850;font-size:14px;padding:14px 21px;white-space:nowrap;transition:transform .18s,filter .18s}.vg-ask-form button:hover,.vg-button--pink:hover{filter:brightness(1.12);transform:translateY(-1px);color:#fff}.vg-try-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:19px}.vg-try-row>span{font-size:10px;color:#aaa1bb;font-weight:800;letter-spacing:.1em;margin-right:5px}.vg-query-chip{border-radius:50px;padding:7px 11px;background:#ffffff0a;border:1px solid #504354;color:#ded0e4;font-size:12px;transition:.15s}.vg-query-chip:hover{border-color:#ed52ad;background:#ff3d9714;color:#fff}
.vg-ask-results{margin-top:24px;border-top:1px solid #57435f;padding-top:22px}.vg-ask-results h3{font-size:19px;color:#fff;margin:0 0 6px}.vg-ask-results>p{font-size:13px;color:#cbbdd1}.vg-ask-result{border:1px solid #51425e;background:#ffffff06;border-radius:12px;padding:17px 18px;margin-top:13px}.vg-ask-result__label{font-size:10px;color:#fa9ad2;letter-spacing:.08em;font-weight:850;text-transform:uppercase}.vg-ask-result h4{font-size:17px;margin:5px 0;color:#fff}.vg-ask-result h4 a:hover{color:#ff69b8}.vg-ask-result p{font-size:14px;color:#d2cbdc;line-height:1.55}.vg-ask-result__footer{margin-top:12px;display:flex;align-items:center;gap:16px;color:#ac9ebd;font-size:11px}.vg-ask-result__footer a{color:#ff83c8;font-weight:850}.vg-ask-loading{color:#eed4e7;font-size:14px;padding:7px 0}.vg-library{padding-top:60px}
.vg-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.vg-topic{min-width:0;display:flex;align-items:flex-start;gap:14px;padding:22px 18px;border:1px solid #403849;border-radius:14px;background:linear-gradient(155deg,#201d32,#141624);transition:border-color .2s,transform .2s,background .2s}.vg-topic:hover{border-color:#f14ca3;transform:translateY(-3px);background:#271d38;color:#fff}.vg-topic__icon{width:43px;height:43px;border-radius:12px;background:#f2319520;color:#ff72bd;display:grid;place-items:center;flex:none;font-size:23px}.vg-topic__copy{flex:1;min-width:0}.vg-topic__copy strong{font-size:15px;line-height:1.35;color:#fff;display:block}.vg-topic__copy small{display:block;color:#b1a7bd;font-size:12px;line-height:1.5;margin-top:6px}.vg-topic__arrow{color:#ff76bb;font-size:17px}
.vg-feature{padding-top:30px}.vg-spotlight{display:grid;grid-template-columns:1.08fr 1fr;min-height:330px;border:1px solid #4a3a59;border-radius:18px;overflow:hidden;background:#21192f}.vg-spotlight:hover{color:inherit;border-color:#e65aab}.vg-spotlight__image{overflow:hidden;min-height:300px;background:#32243f}.vg-spotlight__image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.vg-spotlight:hover img{transform:scale(1.035)}.vg-spotlight__body{padding:38px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.vg-spotlight__body h3{font-size:clamp(26px,2.5vw,37px);line-height:1.16;margin:12px 0}.vg-spotlight__body p{font-size:14px;color:#cfc5d9;line-height:1.65;margin-bottom:26px}.vg-spotlight__body .vg-button{display:inline-flex;align-items:center;gap:12px}
.vg-library{border-top:1px solid #221f35}.vg-library-tools{display:flex;align-items:center;gap:12px}.vg-filter-input{width:226px;padding:11px 13px;border-radius:10px;border:1px solid #584862;background:#181728;color:#fff;font-size:13px}.vg-guide-count{font-size:12px;color:#aea6bc;white-space:nowrap}.vg-library-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.vg-filter-pill{padding:8px 13px;border:1px solid #4d435b;border-radius:100px;background:transparent;color:#c9bdd3;font-size:12px;font-weight:750}.vg-filter-pill:hover,.vg-filter-pill.is-active{background:#f22b94;color:#fff;border-color:#f22b94}.vg-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.vg-guide-card{background:#1b1b2d;border:1px solid #41374e;border-radius:14px;overflow:hidden;min-width:0;transition:border-color .2s,transform .2s}.vg-guide-card:hover{border-color:#e653a6;transform:translateY(-3px)}.vg-guide-card__image{height:190px;position:relative;display:block;overflow:hidden;background:#42213f}.vg-guide-card__image img{height:100%;width:100%;object-fit:cover;transition:transform .35s}.vg-guide-card:hover .vg-guide-card__image img{transform:scale(1.045)}.vg-image-tag{position:absolute;top:13px;left:13px;padding:5px 10px;color:white;background:#e92b95;border-radius:6px;font-size:11px;font-weight:850}.vg-guide-card__body{padding:20px 22px}.vg-guide-card__body h3{font-size:18px;line-height:1.32;min-height:48px}.vg-guide-card__body h3:hover{color:#ff86c7}.vg-guide-card__body p{font-size:13px;color:#bdb5cb;line-height:1.58;margin:12px 0 19px;min-height:40px}.vg-card-meta{border-top:1px solid #433c4c;padding-top:13px;font-size:11px;color:#b8acc7;display:flex;justify-content:space-between;gap:10px}.vg-library-footer{text-align:center;margin-top:28px}.vg-outline-button{border:1px solid #6b526d;color:#f1cce5;border-radius:10px;padding:12px 22px;font-size:13px;font-weight:850;display:inline-flex;gap:10px}.vg-outline-button:hover{border-color:#f52c93;color:#fff}.vg-empty-library{grid-column:1/-1;text-align:center;padding:50px;background:#181929;border:1px dashed #615269;border-radius:12px}.vg-empty-library p{color:#bcb4ca;margin-top:8px}.vg-empty-search{color:#d2c5d8;padding:20px 0}.vg-saved-section{padding-top:10px;padding-bottom:80px}.vg-saved-box{border-radius:17px;background:linear-gradient(105deg,#261a39,#12182b);border:1px solid #4f4062;padding:31px 35px;display:flex;gap:30px;justify-content:space-between;align-items:center}.vg-saved-box h2{font-size:26px;margin:7px 0}.vg-saved-box p{color:#bfafce;font-size:13px}.vg-saved-list{display:flex;flex-direction:column;gap:8px;max-width:430px;min-width:240px;color:#ada0bb;font-size:13px}.vg-saved-list a{color:#f7d9e9;border-left:3px solid #f62e98;padding:7px 12px;background:#ffffff08;border-radius:4px}.vg-saved-list a:hover{color:#fff}
/* Article cinematic image is anchored on the right, text stays readable at any width. */
.article-masthead{background:#16152c;min-height:390px;height:auto;padding:0;border-color:#42384e}.article-masthead::before{background:var(--vg-hero) center 46%/cover no-repeat;opacity:1}.article-masthead::after{background:linear-gradient(90deg,#0c1027f2 0%,#13152bef 25%,#1f1938d6 49%,#24123165 76%,#220e2422 100%)}.article-hero-content{min-height:390px;height:auto;justify-content:center;padding-top:38px;padding-bottom:40px}.article-masthead h1{font-size:clamp(34px,3.65vw,53px);max-width:790px;line-height:1.09;margin:14px 0 0}.article-masthead .deck{max-width:670px;margin-top:16px;color:#eee5fa;font-size:15px}.article-masthead .byline{margin-top:20px;padding:0;gap:12px;row-gap:7px;min-height:0}.story-kicker{margin-top:18px}.breadcrumbs{gap:10px}.story-layout{grid-template-columns:minmax(0,800px) minmax(270px,1fr);gap:35px;padding-top:33px}.sidebar{padding-left:26px}.story-main{min-width:0}.story-main h2{font-size:clamp(25px,2.1vw,31px);margin-top:34px}.story-main h3{font-size:20px}.story-main p{line-height:1.75}.story-main section{scroll-margin-top:150px}.article-content .hero-figure{margin:18px 0 28px}.article-content .hero-figure img{max-height:390px;object-fit:cover;aspect-ratio:16/8}.article-content .hero-figure figcaption{display:block;font-size:11px}.vg-story-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#ef8ac0;font-size:11px;font-weight:800;letter-spacing:.08em}.vg-story-toolbar__actions,.vg-post-end>div{display:flex;align-items:center;gap:10px}.vg-save-btn,.vg-copy-link{background:transparent;border:1px solid #5a4b65;color:#f2deeb;border-radius:9px;padding:8px 12px;font-weight:800;font-size:11px;letter-spacing:0}.vg-save-btn:hover,.vg-copy-link:hover,.vg-save-btn[aria-pressed=true]{color:white;background:#b02d75;border-color:#f02b98}.vg-post-end{padding:25px 0;border-top:1px solid var(--line);margin-top:35px}.vg-post-end p{font-weight:700;font-size:14px;margin-bottom:15px}
/* Wider, reliably filled table; on small screens only the table scrolls. */
.article-content .vg-table-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #4f465e;border-radius:12px;margin:20px 0 24px;-webkit-overflow-scrolling:touch}.article-content .comparison-table{width:100%!important;min-width:530px;display:table!important;table-layout:auto;overflow:visible;border:0;border-radius:0;margin:0;border-collapse:collapse;font-size:14px}.article-content .comparison-table th{padding:15px 17px;background:linear-gradient(100deg,#91298f,#f12e92);border:1px solid #8e458e;color:#fff;font-size:13px}.article-content .comparison-table th:first-child{width:22%}.article-content .comparison-table td{padding:15px 17px;border:1px solid #393247;vertical-align:top;line-height:1.55;overflow-wrap:anywhere}.article-content .comparison-table tr:nth-child(odd) td{background:#ffffff04}.article-content .comparison-table tr:nth-child(even) td{background:#ffffff02}.vg-table-hint{display:none;font-size:11px;color:#aca0b7;margin-top:-14px;margin-bottom:19px}
/* Accordion uses natural <details> semantics; animation provided by JS. */
.article-content .faq{margin:18px 0}.article-content .faq details{padding:0;border-bottom:1px solid #41394f}.article-content .faq summary{list-style:none;cursor:pointer;position:relative;padding:19px 45px 19px 16px;font-size:17px;line-height:1.43;font-weight:850;transition:color .2s,background .2s;border-radius:7px}.article-content .faq summary::-webkit-details-marker{display:none}.article-content .faq summary::marker{content:''}.article-content .faq summary::before{content:'›';display:inline-block;margin-right:12px;color:#f94da7;transition:transform .25s}.article-content .faq details[open] summary::before{transform:rotate(90deg)}.article-content .faq summary::after{content:'+';position:absolute;right:15px;top:15px;font-size:23px;color:#f6339a;transition:transform .2s}.article-content .faq details[open] summary::after{content:'−'}.article-content .faq summary:hover{color:#ffc1df;background:#ffffff06}.article-content .faq details .vg-faq-answer{overflow:hidden}.article-content .faq details .vg-faq-answer>p{padding:0 20px 19px 44px;margin:0;line-height:1.75;font-size:14px;color:#d5cddd}
/* Explicit TOC buttons — no clipped/inert right edge on mobile. */
.toc-rail{top:72px;z-index:90;background:#191426f8;border-color:#47364f}.toc-rail .wrap{gap:10px;min-height:60px}.toc-prefix{font-size:11px;gap:8px}.toc-scroll{flex:1;min-width:0;scroll-behavior:smooth;padding:9px 3px;overscroll-behavior-x:contain}.toc-link{font-size:12px;padding:7px 14px;border-color:#574359}.toc-link.is-active,.toc-link:hover{background:#ec298f;border-color:#ec298f}.vg-toc-arrow{width:29px;height:31px;flex:none;display:grid;place-items:center;border:1px solid #67516f;border-radius:8px;background:#271e37;color:#fff;font-size:21px;line-height:1}.vg-toc-arrow:hover:not(:disabled){border-color:#fb51a5;background:#512647}.vg-toc-arrow:disabled{opacity:.27;cursor:default}.toc-tail{display:none}
/* Padded ad containers and reading progress */
.vg-read-progress{height:3px;background:linear-gradient(90deg,#f638a2,#b85df4);position:fixed;left:0;top:0;z-index:150;width:0;pointer-events:none}.ad-slot__creative{border-color:#4d4259;background:#ffffff04;min-height:130px}.ad-slot--sidebar .ad-slot__creative{min-height:240px}.ad-slot__label{color:#9c91ac}
/* Consistent footer and clear legal navigation */
.site-footer{padding:55px 0 0;border-top:1px solid #3a3147;background:#0b0c18}.vg-footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.1fr;gap:40px}.vg-footer-about p{font-size:13px;color:#b7adc3;max-width:275px;margin:16px 0}.vg-footer-unofficial{color:#a894b9;font-size:11px}.vg-footer-col{display:flex;flex-direction:column;gap:11px;font-size:13px}.vg-footer-col h2{font-size:13px;color:#fff;margin:3px 0 11px}.vg-footer-col a,.vg-footer-col p,.vg-footer-col span{color:#b9acc7;overflow-wrap:anywhere;font-size:12px}.vg-footer-col a:hover{color:#ff87c6}.vg-footer-bottom{margin-top:52px;border-top:1px solid #302b3e;padding:19px 0;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#978ca9;font-size:11px}.vg-footer-bottom p{max-width:720px;line-height:1.5}.vg-footer-bottom a{color:#ff94ce;white-space:nowrap}
/* Prevent common layout overflow & improve keyboard access */
html,body{max-width:100%;overflow-x:clip}button,input,select,textarea{font-family:inherit}.vg-guide-card[hidden],.vg-ask-results[hidden],.vg-empty-search[hidden]{display:none!important}.screen-reader-text:focus{z-index:200}.search-dialog{max-width:calc(100vw - 24px)}.site-footer .brand{display:inline-flex}
body.light .vg-ask-panel{background:linear-gradient(145deg,#fff,#f9edf6);border-color:#ead0e8;box-shadow:0 22px 50px #2d17411e}body.light .vg-ask-panel h2,body.light .vg-ask-result h4{color:#211b30}body.light .vg-ask-panel__head p,body.light .vg-ask-result p{color:#65586c}body.light .vg-library-tag{border-color:#d9c2da;color:#65526d}body.light .vg-ask-form{background:#fff}body.light .vg-ask-form input{color:#20182a}body.light .vg-ask-form input::placeholder{color:#776b83}body.light .vg-query-chip{color:#554960;border-color:#e4cfe1;background:#fff}body.light .vg-topic{background:#fff;border-color:#e7d9e6}body.light .vg-topic__copy strong{color:#2d233b}body.light .vg-topic__copy small{color:#73657b}body.light .vg-topic__icon{background:#fbe2f1}body.light .vg-section-heading p{color:#62566d}body.light .vg-spotlight{background:#fff;border-color:#e9cce0;color:#21182a}body.light .vg-spotlight__body p{color:#685d71}body.light .vg-guide-card{background:#fff;border-color:#e2d7e7}body.light .vg-guide-card__body p{color:#71687a}body.light .vg-card-meta{color:#786d83;border-color:#eadfe8}body.light .vg-guide-card__body h3{color:#221a30}body.light .vg-saved-box{background:#f8edf6;border-color:#e8c8dd}body.light .vg-saved-box p{color:#62566e}body.light .vg-saved-list a{color:#573958;background:#fff}body.light .vg-saved-list{color:#786b87}body.light .vg-library-filters button:not(.is-active){color:#675a71;border-color:#dacbdb}body.light .vg-filter-input{background:#fff;color:#251a30;border-color:#d7c9d9}body.light .vg-guide-count{color:#6d5e77}body.light .vg-ask-result{background:#fff;border-color:#e7d3e2}body.light .vg-ask-result__footer{color:#807185}body.light .vg-story-toolbar{color:#ae347e}body.light .vg-save-btn,body.light .vg-copy-link{color:#6a3f67;border-color:#dcc1d4}body.light .vg-post-end p{color:#32263a}body.light .faq summary{color:#312a3a}body.light .article-content .faq details .vg-faq-answer>p{color:#5d5267}body.light .article-content .comparison-table td{background:#fff;color:#282039;border-color:#ebdce9}body.light .article-content .comparison-table tr:nth-child(odd) td{background:#fbf4f9}body.light .toc-rail{background:#fffafef8;border-color:#e1cfe1}body.light .vg-toc-arrow{background:#fff;color:#56335a;border-color:#ddcade}body.light .site-footer{background:#f6f1f6}body.light .vg-footer-col h2{color:#271e30}body.light .vg-footer-col a,body.light .vg-footer-col p,body.light .vg-footer-about p,body.light .vg-footer-bottom,body.light .vg-footer-unofficial{color:#6c5c71}
@media(min-width:1250px){.article-masthead h1{max-width:800px}}
@media(max-width:1180px){.brand-caption,.brand-sep{display:none}.nav-links{gap:15px}.vg-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:980px){.header{height:66px}.nav-links{display:none;position:absolute;top:66px;left:0;right:0;height:auto;padding:16px 28px 22px;background:#111324;border-bottom:1px solid #4e3f61;gap:0;flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.nav-links a{padding:12px 7px;height:auto;border-bottom:1px solid #342a43}.nav-links.menu li{height:auto;display:block}.menu-btn{display:grid}.nav-search{min-width:38px;width:38px;justify-content:center;padding:0}.nav-search span{display:none}.vg-home-hero,.vg-home-hero__inner{min-height:490px}.vg-home-hero h1{font-size:60px}.vg-home-hero::before{background-position:60% center}.vg-home-hero::after{background:linear-gradient(90deg,#0a1026f5 0%,#0d1024cf 40%,#28152b44 100%),linear-gradient(0deg,#0c101d,transparent 30%)}.vg-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-layout{grid-template-columns:minmax(0,1fr);gap:30px}.sidebar{border-left:0;border-top:1px solid #3d3046;padding:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-hub{height:230px}.related-box{margin:0}.sidebar .ad-slot{grid-column:1/-1}.sidebar-cta{grid-column:1/-1}.article-masthead h1{max-width:730px}.toc-rail{top:66px}}
@media(max-width:690px){.wrap{width:calc(100% - 32px)}.vg-section{padding:46px 0}.vg-section-heading{align-items:flex-start;flex-direction:column;margin-bottom:22px;gap:10px}.vg-section-heading h2{font-size:29px}.vg-home-hero{min-height:0;padding-top:240px}.vg-home-hero::before{height:340px;background-size:auto 340px;background-repeat:no-repeat;background-position:75% top}.vg-home-hero::after{background:linear-gradient(0deg,#0b1023 5%,#0b1023 35%,#0c102382 57%,#21152d00 100%)}.vg-home-hero__inner{min-height:0}.vg-home-hero__copy{padding:4px 0 112px;max-width:100%}.vg-home-hero h1{font-size:clamp(40px,9.5vw,58px);margin:20px 0 15px}.vg-home-hero__copy>p{font-size:15px;max-width:500px}.vg-home-hero__stats{flex-wrap:wrap;font-size:11px}.vg-ask-overlap{margin-top:-82px}.vg-ask-panel{padding:21px 18px;border-radius:18px}.vg-ask-panel__head{display:block}.vg-ask-panel h2{font-size:25px}.vg-library-tag{margin-top:12px;display:inline-block}.vg-ask-form{padding:7px 7px 7px 13px;gap:7px}.vg-ask-form input{font-size:14px;height:43px}.vg-ask-form button{padding:12px 11px;font-size:12px}.vg-search-glyph{font-size:25px}.vg-try-row>span{width:100%}.vg-topic-grid{grid-template-columns:1fr 1fr;gap:10px}.vg-topic{padding:16px 12px;gap:10px}.vg-topic__icon{height:36px;width:36px;font-size:17px}.vg-topic__copy strong{font-size:13px}.vg-topic__copy small{font-size:11px}.vg-topic__arrow{display:none}.vg-feature{padding-top:4px}.vg-spotlight{grid-template-columns:1fr;min-height:0}.vg-spotlight__image{min-height:0;height:205px}.vg-spotlight__body{padding:26px}.vg-spotlight__body h3{font-size:25px}.vg-library-tools{width:100%}.vg-filter-input{flex:1;min-width:0}.vg-card-grid{grid-template-columns:1fr}.vg-guide-card__image{height:210px}.vg-guide-card__body h3{min-height:0}.vg-guide-card__body p{min-height:0}.vg-saved-box{display:block;padding:24px}.vg-saved-list{min-width:0;margin-top:20px}.article-masthead{min-height:0}.article-masthead::before{background-position:73% top;background-size:auto 270px;background-repeat:no-repeat;opacity:1}.article-masthead::after{background:linear-gradient(0deg,#111127 5%,#111127 38%,#111127c8 57%,#1e153e35 100%)}.article-hero-content{padding:217px 0 30px;min-height:0}.article-masthead h1{font-size:clamp(30px,7.7vw,42px);margin-top:12px;line-height:1.1}.article-masthead .deck{font-size:14px;margin-top:13px}.article-masthead .breadcrumbs{font-size:11px}.article-masthead .byline{font-size:11px;line-height:1.5;margin-top:17px}.story-kicker{margin-top:15px}.story-layout{display:block;padding-top:22px;padding-bottom:46px}.sidebar{display:block;margin-top:33px}.sidebar .feature-hub{height:230px}.related-box{margin-top:24px}.vg-story-toolbar{flex-wrap:wrap}.article-content .hero-figure img{aspect-ratio:16/9}.article-content .comparison-table{min-width:520px;font-size:12px}.article-content .comparison-table td,.article-content .comparison-table th{padding:12px 11px}.vg-table-hint{display:block}.toc-rail{top:66px}.toc-rail .wrap{width:calc(100% - 20px);gap:5px;min-height:56px}.toc-prefix{gap:4px}.toc-label{display:none}.toc-prefix .toc-icon{width:29px;height:31px}.vg-toc-arrow{width:28px;height:31px}.toc-scroll{gap:6px}.toc-link{font-size:11px;padding:7px 10px}.vg-footer-grid{grid-template-columns:1fr 1fr;gap:32px 18px}.vg-footer-about{grid-column:1/-1}.vg-footer-bottom{flex-wrap:wrap;margin-top:34px}.vg-footer-bottom p{width:100%;order:3}.vg-guide-card[hidden]{display:none!important}}
@media(max-width:410px){.vg-home-hero{padding-top:222px}.vg-home-hero::before{background-size:auto 305px}.vg-home-hero h1{font-size:39px}.vg-home-hero__copy>p{font-size:14px}.vg-ask-form button{font-size:0;padding:12px 12px}.vg-ask-form button span{font-size:20px}.vg-topic-grid{grid-template-columns:1fr}.vg-topic{padding:15px 18px}.vg-topic__arrow{display:block}.vg-footer-grid{grid-template-columns:1fr 1fr}.brand img{width:146px}.header-actions{gap:6px}.article-masthead::before{background-size:auto 235px}.article-hero-content{padding-top:193px}.article-masthead h1{font-size:29px}.article-content .faq summary{font-size:15px}.article-content .faq details .vg-faq-answer>p{padding-left:22px}.vg-story-toolbar__actions{gap:5px}}
body.admin-bar .header{top:32px}body.admin-bar .toc-rail{top:104px}body.admin-bar .vg-read-progress{top:32px}@media(max-width:782px){body.admin-bar .header{top:46px}body.admin-bar .toc-rail{top:112px}body.admin-bar .vg-read-progress{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vg-topic,.vg-guide-card,.vg-spotlight__image img,.vg-guide-card__image img{transition:none!important}}
.vg-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,600px);gap:45px;margin:35px 0 70px}.vg-contact-copy h2{font-size:30px;margin-bottom:20px}.vg-contact-copy p{color:#c9bcd0;margin:10px 0 17px}.vg-contact-copy a{color:#fa7ac4}.vg-contact-note{font-size:12px}.vg-contact-form{border-radius:16px;border:1px solid #51405c;background:#19172a;padding:28px;display:flex;flex-direction:column;gap:9px}.vg-contact-form label{font-size:12px;font-weight:800;color:#e8dce9}.vg-contact-form input,.vg-contact-form textarea{background:#0e1020;color:#fff;border:1px solid #5b4a65;border-radius:9px;padding:12px 14px;margin-bottom:12px;max-width:100%}.vg-contact-form .vg-honeypot{position:absolute!important;left:-10000px!important;height:1px!important;width:1px!important;opacity:0!important}.vg-form-message{background:#143d38;color:#a9f0db;padding:11px;border-radius:7px}.vg-form-error{background:#53233a;color:#ffd7e5;padding:11px;border-radius:7px}.vg-contact-form button{align-self:flex-start}body.light .vg-contact-form{background:#fff;border-color:#e7d4e2}body.light .vg-contact-form label{color:#503a50}body.light .vg-contact-form input,body.light .vg-contact-form textarea{background:#fff;color:#221b2d;border-color:#ccb9ce}body.light .vg-contact-copy p{color:#655b6d}@media(max-width:700px){.vg-contact-layout{grid-template-columns:1fr;gap:20px}.vg-contact-form{padding:19px}}