/* V11 creative polish: editorial, FAQ, mobile navigation, and quiz experience */
:root{--v11-ink:#10203d;--v11-blue:#175fda;--v11-purple:#6d45eb;--v11-soft:#f4f7fc;--v11-line:#dce5f2;--v11-muted:#60708a;--v11-shadow:0 24px 70px rgba(25,47,91,.12)}

/* Reliable mobile navigation drawer */
@media(max-width:1100px){
 #site-navbar{position:relative!important;z-index:99990!important}
 .rspx-header{position:relative!important;z-index:99991!important}
 .rspx-header.rspx-open{position:fixed!important;inset:0 0 auto 0!important}
 .rspx-header .rspx-overlay{position:fixed!important;inset:0!important;background:rgba(9,20,43,.7)!important;backdrop-filter:blur(5px);z-index:99992!important}
 .rspx-header .rspx-nav{top:0!important;right:0!important;bottom:0!important;width:min(92vw,390px)!important;max-width:390px!important;padding:96px 20px 32px!important;background:#fff!important;z-index:99993!important;border-radius:22px 0 0 22px!important;box-shadow:-30px 0 80px rgba(5,19,45,.32)!important}
 .rspx-header .rspx-menu-button{position:relative!important;z-index:99994!important}
 .rspx-header.rspx-open .rspx-menu-button{position:fixed!important;top:48px!important;right:18px!important;background:#eef4ff!important}
 .rspx-header .rspx-nav>a,.rspx-header .rspx-dropdown-button{color:var(--v11-ink)!important;border-radius:12px!important;font-size:15px!important}
 .rspx-header .rspx-nav>a:hover,.rspx-header .rspx-dropdown-button:hover{background:#edf4ff!important;color:var(--v11-blue)!important}
 .rspx-header .rspx-auth{width:100%!important}
}
@media(max-width:520px){.rspx-header .rspx-nav{width:100%!important;max-width:none!important;border-radius:0!important}.rspx-header.rspx-open .rspx-menu-button{top:46px!important}}

/* Editorial landing */
.news-index-page{background:linear-gradient(180deg,#f7f9fd 0,#fff 520px)!important}
.news-masthead{position:relative;overflow:hidden;border:0!important;padding:78px 24px 82px!important;background:radial-gradient(circle at 85% 20%,rgba(111,66,235,.19),transparent 28%),radial-gradient(circle at 12% 5%,rgba(37,99,235,.17),transparent 34%),linear-gradient(145deg,#f8fbff,#eef3ff 58%,#faf7ff)!important}
.news-masthead:before{content:"";position:absolute;inset:18px max(20px,calc((100vw - 1240px)/2));border:1px solid rgba(82,112,174,.18);border-radius:34px;pointer-events:none}
.news-masthead-inner{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) 260px!important;gap:70px!important}
.news-eyebrow{display:inline-flex!important;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dbe6fb;color:var(--v11-blue)!important;box-shadow:0 8px 24px rgba(31,65,129,.08)}
.news-masthead h1{max-width:760px!important;font-size:clamp(3rem,6vw,5.7rem)!important;line-height:.94!important;color:var(--v11-ink)!important}
.news-masthead p{max-width:720px!important;font-size:1.16rem!important}
.news-masthead-badge{width:220px!important;height:220px!important;border-radius:42px!important;transform:rotate(4deg);background:linear-gradient(145deg,#2168ec,#7044e9)!important;border:12px solid rgba(255,255,255,.78)!important;box-shadow:0 34px 70px rgba(56,72,190,.25)!important}
.news-masthead-badge:before{content:"EDITORIAL";position:absolute;transform:translateY(-58px);font-size:10px;letter-spacing:.18em;font-weight:900;color:#dbe8ff}
.news-main{margin-top:-28px!important;position:relative;z-index:2}
.news-feature-card{border:1px solid var(--v11-line)!important;border-radius:26px!important;overflow:hidden;box-shadow:var(--v11-shadow)!important}
.news-feature-image{min-height:390px!important}.news-feature-content{padding:46px!important}
.news-card{border-radius:20px!important;overflow:hidden!important;box-shadow:0 12px 35px rgba(27,48,88,.08)!important;transition:transform .2s ease,box-shadow .2s ease}.news-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(27,48,88,.14)!important}

/* FAQ redesign */
body.faq-page{background:linear-gradient(180deg,#f2f6ff,#fff 860px)!important}
body.faq-page .faq-hero{padding:54px 20px 30px!important;background:transparent!important;border:0!important}
body.faq-page .faq-hero-grid{position:relative;overflow:hidden;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr)!important;gap:54px!important;padding:58px!important;border:1px solid #d9e5f6;border-radius:30px;background:radial-gradient(circle at 92% 20%,rgba(112,67,235,.16),transparent 30%),linear-gradient(145deg,#fff,#f6f9ff)!important;box-shadow:var(--v11-shadow)}
body.faq-page .faq-hero-grid:after{content:"?";position:absolute;right:31%;bottom:-120px;font-size:420px;line-height:1;font-weight:950;color:rgba(37,99,235,.035);pointer-events:none}
body.faq-page .seo-eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eee9ff;color:#6844df!important;font-size:12px!important}
body.faq-page .faq-hero h1{font-size:clamp(3rem,6vw,5.5rem)!important;line-height:.94!important;letter-spacing:-.055em!important;max-width:760px;color:var(--v11-ink)!important}
body.faq-page .faq-hero p{font-size:1.13rem!important;max-width:760px!important;line-height:1.75!important}
body.faq-page .faq-hero-art{min-height:300px!important;border-radius:26px!important;background:linear-gradient(145deg,#195fdc,#7143eb)!important;box-shadow:0 28px 55px rgba(55,70,185,.25)!important;transform:rotate(2deg);display:grid!important;place-items:center!important}
body.faq-page .faq-hero-art img{display:none!important}.faq-hero-fallback{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff!important;padding:32px!important}.faq-support-mark{background:#fff!important;color:#195fdc!important;box-shadow:0 12px 30px rgba(9,22,60,.18)}
body.faq-page .faq-quick-nav{position:sticky!important;top:102px!important;z-index:20!important;width:min(1080px,calc(100% - 32px))!important;margin:0 auto 18px!important;padding:10px!important;border:1px solid #dfe7f3!important;border-radius:16px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(30,48,83,.08)!important}
body.faq-page .faq-category-heading{margin-bottom:24px!important}.faq-category-heading>span{width:52px!important;height:52px!important;border-radius:16px!important;background:linear-gradient(145deg,#2168ed,#7143eb)!important;color:#fff!important;display:grid!important;place-items:center!important}
body.faq-page .faq-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;align-items:start!important}
body.faq-page .faq-item{border-radius:18px!important;box-shadow:0 10px 28px rgba(19,44,88,.07)!important}.faq-item.is-open{grid-column:1/-1!important;border-color:#afc9f7!important;box-shadow:0 18px 38px rgba(35,80,170,.12)!important}.faq-item>h3{font-size:16px!important}.faq-item.is-open>h3{color:#145ed6!important}

/* Unified free and paid quiz surfaces */
body[class*="page-free-"],body.quiz-page,body[class*="premium"]{background:linear-gradient(180deg,#eef4ff 0,#f8faff 420px,#fff 100%)!important;color:var(--v11-ink)!important}
body[class*="page-free-"]>.container,body.quiz-page>.container{width:min(1160px,calc(100% - 32px))!important;margin:0 auto!important;padding-top:42px!important}
body[class*="page-free-"] .hero-card{position:relative!important;overflow:hidden!important;padding:48px!important;border:1px solid #d9e5f5!important;border-radius:28px!important;background:radial-gradient(circle at 88% 10%,rgba(112,67,235,.18),transparent 28%),linear-gradient(145deg,#fff,#f4f8ff)!important;box-shadow:var(--v11-shadow)!important}
body[class*="page-free-"] .hero-card:after{content:"FREE PRACTICE";position:absolute;right:-16px;bottom:18px;font-size:clamp(34px,7vw,84px);font-weight:950;letter-spacing:-.07em;color:rgba(31,91,215,.045);pointer-events:none}
body[class*="page-free-"] .hero-card h1{font-size:clamp(2.35rem,5vw,4.5rem)!important;line-height:1!important;letter-spacing:-.05em!important;color:var(--v11-ink)!important}
body[class*="page-free-"] .hero-card p{max-width:760px!important;font-size:1.08rem!important;line-height:1.75!important}
body[class*="page-free-"] .hero-badges{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:24px!important}.hero-badge{width:auto!important;min-height:auto!important;padding:10px 14px!important;border:1px solid #d9e5f5!important;border-radius:999px!important;background:#fff!important;box-shadow:0 6px 16px rgba(25,48,91,.06)!important}
body[class*="page-free-"] .card,body.quiz-page .card{border:1px solid #dfe7f2!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 12px 34px rgba(24,47,89,.075)!important;padding:28px!important}
body[class*="page-free-"] .card+.card{margin-top:20px!important}
body[class*="page-free-"] #setupSection{border-top:5px solid #2168ec!important}.menu-grid{gap:18px!important}.menu-grid label{font-weight:850!important;color:#263650!important;margin-bottom:8px!important;display:block!important}.menu-grid select,.menu-grid input{min-height:50px!important;border:1px solid #cfdced!important;border-radius:12px!important;background:#fbfdff!important;padding:0 14px!important}
.top-actions{gap:10px!important;flex-wrap:wrap!important}.btn{min-height:46px!important;border-radius:12px!important;font-weight:850!important}.btn-primary{background:linear-gradient(135deg,#2168ed,#7043e9)!important;border:0!important;box-shadow:0 10px 22px rgba(45,75,208,.22)!important}
.upgrade-card{background:linear-gradient(145deg,#142c5a,#263a85 62%,#643fdb)!important;border:0!important;color:#fff!important}.upgrade-card h2,.upgrade-card p{color:#fff!important}.upgrade-card .btn-primary{background:#fff!important;color:#194fbd!important}
.quiz-grid>.card:first-child{border-top:5px solid #2168ed!important}.timer-box{border-radius:12px!important;background:#102d63!important;color:#fff!important;padding:10px 15px!important}.progress-wrap{height:10px!important;border-radius:99px!important;background:#e8eef7!important;overflow:hidden!important}.progress-bar{background:linear-gradient(90deg,#2168ed,#7043e9)!important}

@media(max-width:760px){
 .news-masthead{padding:40px 16px 54px!important}.news-masthead:before{inset:12px}.news-masthead-inner{grid-template-columns:1fr!important;gap:30px!important}.news-masthead-badge{width:110px!important;height:110px!important;border-radius:26px!important}.news-main{margin-top:0!important}.news-feature-content{padding:26px!important}
 body.faq-page .faq-hero{padding:24px 12px!important}.faq-hero-grid{grid-template-columns:1fr!important;padding:30px 24px!important;border-radius:24px!important}.faq-hero-art{display:none!important}.faq-hero h1{font-size:clamp(2.5rem,13vw,4rem)!important}.faq-quick-nav{top:92px!important;overflow-x:auto!important;justify-content:flex-start!important}.faq-quick-nav a{white-space:nowrap!important}.faq-list{grid-template-columns:1fr!important}.faq-item.is-open{grid-column:auto!important}
 body[class*="page-free-"]>.container,body.quiz-page>.container{width:min(100% - 20px,1160px)!important;padding-top:20px!important}.hero-card{padding:28px 22px!important;border-radius:22px!important}.hero-card h1{font-size:2.45rem!important}.card{padding:22px 18px!important;border-radius:18px!important}.space-between{align-items:flex-start!important}.hero-badges{display:grid!important;grid-template-columns:1fr 1fr!important}.hero-badge{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}.top-actions .btn{width:100%!important}.quiz-grid{grid-template-columns:1fr!important}
}
