:root {
 --brand: #1B4F72;
 --brand-ink: #123855;
 --brand-tint: #E8F0F7;
 --brand-ring: rgba(27, 79, 114,.18);
 --ink-1: #0E1B25;
 --ink-2: #2B3944;
 --ink-3: #5A6875;
 --ink-4: #8995A2;
 --surface: #FFFFFF;
 --surface-2: #F7F9FB;
 --surface-3: #EEF2F6;
 --paper-1: #F1ECE0;
 --paper: #F1ECE0;
 --paper-2: #E8DEC4;
 --hairline: #E3E8ED;
 --hairline-2: #D6DCE3;
 --pass: #1E7E46;
 --pass-bg: #E7F3EC;
 --mid: #B07206;
 --mid-bg: #FBF0DA;
 --fail: #B4311C;
 --fail-bg: #FBE9E5;
 --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 --font-display: Georgia, "Times New Roman", serif;
 --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
 --r-sm: 6px;
 --r-md: 8px;
 --r-lg: 12px;
 --shadow-1: 0 1px 2px rgba(14,27,37,.04), 0 1px 1px rgba(14,27,37,.03);
 --shadow-2: 0 2px 6px rgba(14,27,37,.06), 0 1px 2px rgba(14,27,37,.04);
}

@media (prefers-color-scheme: dark) {.eyebrow:not(.hero-eyebrow),.stat-l,.summary-l,.updated,.divider,.install-close,.card-footer,.auth-shell.muted,.login.muted {
 color: var(--ink-2)!important;
 }.hero.eyebrow,.hero-note {
 color: rgba(241,236,224,.84)!important;
 }.nav-brand-word {
 color: var(--ink-1)!important;
 }.hub-tag {
 background: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
 border-color: var(--brand-ring)!important;
 }.number-card,.q-options li,.study-plan-step {
 background: var(--surface)!important;
 border-color: var(--hairline)!important;
 color: var(--ink-2)!important;
 }.number-card *,.q-options li,.q-options li *,.study-plan-step * {
 color: var(--ink-2)!important;
 }.hero-btn,.full-cta-btn,.cta-inline-btn,.cta-btn {
 background: var(--brand)!important;
 color: #fff!important;
 border-color: var(--brand)!important;
 }.step-num,.step-circle {
 background: var(--brand)!important;
 color: #fff!important;
 }.area-bar-carpet {
 background: var(--brand)!important;
 color: #fff!important;
 }.area-bar-loading {
 background: #8A4F00!important;
 color: #fff!important;
 }.result-main-label,.card-cat,.card-read,.section-num,.summary-v {
 color: var(--brand-ink)!important;
 }.hub-hero {
 color: var(--paper-1)!important;
 }.hub-hero.number-card,.intro-box,.why-box,.q-block2 {
 background: var(--surface)!important;
 border-color: var(--hairline)!important;
 color: var(--ink-2)!important;
 }.hub-hero.number-card *,.intro-box *,.why-box *,.q-block2 * {
 color: var(--ink-2)!important;
 }.auth-shell > div,.auth-shell.footer,.auth-shell.card-footer,.login > div,.login.footer {
 color: var(--ink-2)!important;
 }.area-bar-carpet *,.area-bar-loading * {
 color: #fff!important;
 }.sec-chev {
 color: var(--ink-2)!important;
 }
}

html,
body {
 font-family: var(--font-sans)!important;
 color: var(--ink-2)!important;
 background: var(--surface-2)!important;
 letter-spacing: 0!important;
}

h1,
h2,.sec-title,.cta-title,.hero-title,.t-display,.t-title,.price-amt,.stat-v,.ring-num,.score-num {
 font-family: var(--font-display)!important;
 letter-spacing: 0!important;
}.nav,.topnav,.d-nav {
 background: rgba(255,255,255,.94)!important;
 color: var(--ink-1)!important;
 border-bottom: 1px solid var(--hairline)!important;
 box-shadow: none!important;
 backdrop-filter: blur(18px) saturate(180%)!important;
 -webkit-backdrop-filter: blur(18px) saturate(180%)!important;
}.nav-logo,.logo,.foot-logo {
 color: var(--ink-1)!important;
 font-family: var(--font-display)!important;
 font-weight: 700!important;
 letter-spacing: 0!important;
}.re-brand::before,.nav-logo.re-brand::before,.nav-drawer-logo.re-brand::before {
 content: none!important;
 display: none!important;
}.nav-logo span,.foot-logo span,.logo span:last-child {
 color: var(--ink-1)!important;
}.logo-mark,.auth-logo,.nav-logo::before {
 background: var(--ink-1)!important;
 color: var(--paper-2)!important;
 border: 1px solid rgba(232,222,196,.45)!important;
 box-shadow: inset 0 0 0 1px rgba(232,222,196,.18)!important;
 font-family: var(--font-display)!important;
}.nav-logo::before {
 content: "RE";
 display: inline-grid;
 place-items: center;
 width: 30px;
 height: 30px;
 margin-right: 8px;
 border-radius: 50%;
 font-size: 11px;
 letter-spacing: 1px;
 vertical-align: middle;
}.nav-cta,.btn-primary,.btn-pay,.btn-cta,.cta-btn,.pw-pay-btn,
#pw-pay-btn,.auth-shell.btn-primary {
 background: var(--brand)!important;
 color: #fff!important;
 border-radius: var(--r-md)!important;
 box-shadow: none!important;
 font-weight: 700!important;
}.nav-cta:hover,.btn-primary:hover,.btn-pay:hover,.btn-cta:hover,.cta-btn:hover {
 background: var(--brand-ink)!important;
}.btn-ghost,.btn-secondary {
 border-color: rgba(255,255,255,.28)!important;
 border-radius: var(--r-md)!important;
}.hero,.cta,.hero-card,.d-hero,.res-paywall {
 background: #0E1B25!important;
 color: #fff!important;
}.hero::before,.ld-hero::before {
 background: radial-gradient(circle at 20% 20%, rgba(27,79,114,.24), transparent 55%)!important;
}.hero h1,.hero h1 span,.cta-title,.hero-title,.d-hero h2,.res-paywall h3 {
 color: #fff!important;
}.hero h1 span,.hero-eyebrow,.eyebrow,.eyebrow-sm,.ld-kicker {
 color: var(--paper-2)!important;
}.hero-sub,.cta-sub,.d-hero.d-hero-sub,.res-paywall p {
 color: rgba(255,255,255,.76)!important;
}.hero-eyebrow,.ld-kicker {
 background: rgba(232,222,196,.11)!important;
 border: 1px solid rgba(232,222,196,.28)!important;
 border-radius: 999px!important;
}.hero-dot,.k-dot {
 background: var(--paper-2)!important;
}.trust,.problem,.how,.pricing,.faq,
footer {
 background: var(--surface)!important;
 border-color: var(--hairline)!important;
}.features,.testimonials,.syllabus,.ld-section,.ld-pricing {
 background: var(--surface-2)!important;
}.prob-card,.feat-card,.test-card,.syl-item,.price-card,.card,.panel,.stat-box,.inset-row,.option,.login,.auth-shell,.modal-box,.pw-card,.pw-price-card,.ld-feat,.ld-pricing-card {
 background: var(--surface)!important;
 border: 1px solid var(--hairline)!important;
 border-radius: var(--r-lg)!important;
 box-shadow: var(--shadow-1)!important;
}.price-card {
 border: 1px solid var(--brand)!important;
}.price-badge,.chip,.pass-tag {
 background: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
}.option.selected,.option.ok {
 border-color: var(--pass)!important;
 background: var(--pass-bg)!important;
}.option.bad {
 border-color: var(--fail)!important;
 background: var(--fail-bg)!important;
}.tab-item.active.tab-icon svg,.tab-item.active.tab-label,.tab.active,
a,.nav-link:hover,.nav-link.active,.d-links a.active {
 color: var(--brand)!important;
}.xp-fill,.bar > i,.m-bar,.syl-bar {
 background: var(--brand)!important;
}.foot-inner,
footer {
 color: var(--ink-3)!important;
}.foot-links a {
 color: var(--ink-3)!important;
}

body {
 background:
 linear-gradient(180deg, rgba(241,236,224,.56), rgba(247,249,251,0) 280px),
 var(--surface-2)!important;
}.app,.screen-wrap,.login {
 background: transparent!important;
}.hero-card,.xp-wrap,.card,.panel,.stat-box,.inset-row,.option,.auth-shell,.paywall-nudge,.pw-card,.res-hero,.res-section {
 border-radius: 12px!important;
}.hero-card,.d-hero,.fh-hero {
 border: 1px solid rgba(232,222,196,.16)!important;
}.fh-hero,.d-hero,.res-paywall {
 background:
 radial-gradient(circle at 16% 12%, rgba(27,79,114,.2), transparent 48%),
 #0E1B25!important;
}.fh-hero h2,.d-hero h2,.res-paywall h3 {
 font-family: var(--font-display)!important;
}.t-display,.hero-title,.streak-num,.stat-v,.ring-num,.score-num,.price-amt {
 font-variant-numeric: lining-nums!important;
}.topnav.logo-mark,.auth-shell.auth-logo {
 border-radius: 50%!important;
}.tab-bar,.tabbar {
 background: rgba(255,255,255,.94)!important;
 border-top: 1px solid var(--hairline)!important;
}.tab-item,.tab {
 color: var(--ink-3)!important;
}.inset-icon,.lf-ic,.feat-icon,.pf-ic {
 background: var(--brand-tint)!important;
 color: var(--brand)!important;
 border-radius: 8px!important;
}.field,.otp-input,.pin-input,
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="number"] {
 border-radius: 8px!important;
 border-color: var(--hairline-2)!important;
}.modal-box,.pw-modal,.pay-box {
 border-radius: 12px!important;
}.welcome-card,.install-card {
 border-radius: 12px!important;
 border: 1px solid var(--hairline)!important;
}

/* New RERAexam shared chrome. Loaded after page-local CSS so it wins everywhere. */.re-nav,.nav.re-nav {
 background: #0E1B25!important;
 color: var(--paper-2)!important;
 border-bottom: 1px solid rgba(232,222,196,.16)!important;
 box-shadow: none!important;
}.re-nav.nav-inner,.re-nav-inner {
 max-width: 1120px!important;
 height: 64px!important;
 margin: 0 auto!important;
 padding: 0 22px!important;
 display: flex!important;
 align-items: center!important;
 gap: 14px!important;
}.re-brand,.nav-logo.re-brand,.nav-drawer-logo.re-brand {
 display: inline-flex!important;
 align-items: center!important;
 gap: 10px!important;
 color: var(--paper-2)!important;
 font-family: var(--font-display)!important;
 font-size: 20px!important;
 font-weight: 700!important;
 letter-spacing: 0!important;
}.re-brand-mark {
 width: 34px!important;
 height: 34px!important;
 border-radius: 50%!important;
 flex: 0 0 auto!important;
}.cf-brand-letter {
 display: inline-flex!important;
 align-items: center!important;
 justify-content: center!important;
 background: var(--paper-2)!important;
 color: var(--ink-1)!important;
 border: 1px solid rgba(232,222,196,.28)!important;
 font-family: var(--font-display)!important;
 font-size: 16px!important;
 font-weight: 800!important;
 line-height: 1!important;
 text-transform: uppercase!important;
}.re-brand-word,.re-brand-word em {
 color: var(--paper-2)!important;
}.re-brand-word em {
 font-style: italic!important;
 font-weight: 400!important;
}.re-nav-links,.re-nav.nav-links {
 display: flex!important;
 align-items: center!important;
 gap: 4px!important;
 margin-left: 10px!important;
}.re-nav.nav-link,.re-login {
 color: rgba(232,222,196,.76)!important;
 background: transparent!important;
 border-radius: 8px!important;
 font-size: 14px!important;
 font-weight: 650!important;
 padding: 8px 10px!important;
}.re-nav.nav-link:hover,.re-nav.nav-link.active {
 color: var(--paper-2)!important;
 background: rgba(232,222,196,.08)!important;
}.re-nav-spacer {
 flex: 1!important;
}.re-nav-cta,.nav-cta.re-nav-cta {
 background: var(--paper-2)!important;
 color: var(--ink-1)!important;
 border-radius: 8px!important;
 padding: 10px 16px!important;
 font-weight: 800!important;
 box-shadow: none!important;
}.re-nav.nav-hamburger {
 color: var(--paper-2)!important;
 background: transparent!important;
}.re-drawer,.nav-drawer.re-drawer {
 background: var(--surface)!important;
 border-left: 1px solid var(--hairline)!important;
}.re-drawer.re-brand-word,.re-drawer.re-brand-word em,.re-drawer.nav-drawer-logo {
 color: var(--ink-1)!important;
}.re-drawer.nav-drawer-cta {
 background: var(--brand)!important;
 color: #fff!important;
 border-radius: 8px!important;
}.re-footer {
 background: #0E1B25!important;
 color: rgba(232,222,196,.68)!important;
 padding: 38px 22px!important;
 border-top: 1px solid rgba(232,222,196,.16)!important;
}.re-footer-inner {
 max-width: 1120px!important;
 margin: 0 auto!important;
 display: grid!important;
 grid-template-columns: auto minmax(0, 1fr) auto!important;
 align-items: center!important;
 gap: 20px!important;
}.re-footer-brand {
 display: inline-flex!important;
 align-items: center!important;
 gap: 10px!important;
 color: var(--paper-2)!important;
 font-family: var(--font-display)!important;
 font-size: 20px!important;
 font-weight: 700!important;
}.re-footer-brand img {
 width: 34px!important;
 height: 34px!important;
}.re-footer-brand em {
 font-style: italic!important;
 font-weight: 400!important;
}.re-footer p {
 margin: 0!important;
 color: rgba(232,222,196,.66)!important;
 font-size: 14px!important;
}.re-footer-links {
 display: flex!important;
 gap: 14px!important;
 flex-wrap: wrap!important;
}.re-footer-links a {
 color: var(--paper-2)!important;
 font-size: 13px!important;
}

/* Mature RERAExam-style footer, recolored for the new institutional brand. */.site-footer,.re-site-footer {
 background: #0E1B25!important;
 color: rgba(232,222,196,.68)!important;
 padding: 56px 24px 0!important;
 margin-top: 80px!important;
 border-top: 1px solid rgba(232,222,196,.16)!important;
 font-family: var(--font-sans)!important;
}.footer-inner {
 max-width: 1120px!important;
 margin: 0 auto!important;
 display: grid!important;
 grid-template-columns: 2fr 1fr 1.2fr 1fr!important;
 gap: 44px!important;
 padding-bottom: 48px!important;
 border-bottom: 1px solid rgba(232,222,196,.13)!important;
}.footer-logo {
 display: inline-flex!important;
 align-items: center!important;
 gap: 10px!important;
 margin-bottom: 14px!important;
 color: var(--paper-2)!important;
 font-family: var(--font-display)!important;
 font-size: 22px!important;
 font-weight: 700!important;
 text-decoration: none!important;
}.footer-logo img {
 width: 36px!important;
 height: 36px!important;
 border-radius: 50%!important;
}.footer-logo.cf-brand-letter {
 width: 36px!important;
 height: 36px!important;
}.footer-logo em {
 font-style: italic!important;
 font-weight: 400!important;
}.footer-tagline {
 max-width: 290px!important;
 margin: 0 0 20px!important;
 color: rgba(232,222,196,.58)!important;
 font-size: 13px!important;
 line-height: 1.65!important;
}.footer-cta {
 display: inline-flex!important;
 align-items: center!important;
 justify-content: center!important;
 min-height: 38px!important;
 padding: 0 16px!important;
 background: var(--paper-2)!important;
 color: var(--ink-1)!important;
 border-radius: 8px!important;
 font-size: 13px!important;
 font-weight: 800!important;
 text-decoration: none!important;
}.footer-col-title {
 margin-bottom: 14px!important;
 color: rgba(232,222,196,.45)!important;
 font-size: 11px!important;
 font-weight: 800!important;
 letter-spacing:.08em!important;
 text-transform: uppercase!important;
}.footer-link {
 display: block!important;
 margin-bottom: 10px!important;
 color: rgba(232,222,196,.68)!important;
 font-size: 13px!important;
 line-height: 1.4!important;
 text-decoration: none!important;
}.footer-link:hover {
 color: var(--paper-2)!important;
}.footer-bottom {
 max-width: 1120px!important;
 margin: 0 auto!important;
 padding: 20px 0 28px!important;
 display: flex!important;
 flex-direction: column!important;
 gap: 8px!important;
 color: rgba(232,222,196,.38)!important;
 font-size: 12px!important;
}.footer-disclaimer {
 color: rgba(232,222,196,.28)!important;
 font-size: 11px!important;
 line-height: 1.6!important;
}

@media (max-width: 820px) {.footer-inner {
 grid-template-columns: 1fr 1fr!important;
 gap: 34px!important;
 }.footer-brand {
 grid-column: 1 / -1!important;
 }.footer-tagline {
 max-width: 100%!important;
 }
}

@media (max-width: 520px) {.footer-inner {
 grid-template-columns: 1fr!important;
 gap: 28px!important;
 }
}

/* Page-level editorial surfaces. */.page,.article,.content,
main.main {
 color: var(--ink-2)!important;
}.page h1,.article h1,.content h1,.page h2,.article h2,.content h2,.card-title {
 font-family: var(--font-display)!important;
 color: var(--ink-1)!important;
 letter-spacing: 0!important;
}.sub,.card-sub,.page p,.article p,.content p {
 color: var(--ink-3)!important;
}.form-submit,.btn-primary,
button[type="submit"] {
 background: var(--brand)!important;
 color: #fff!important;
 border-radius: 8px!important;
 box-shadow: none!important;
}.form-submit:hover,.btn-primary:hover,
button[type="submit"]:hover {
 background: var(--brand-ink)!important;
}

/* Clean up inherited iOS-blue article pages. */.page-insights.hero,.page-insight-server.insight-hero,.page-insight-server.article-hero,.page-pattern.exam-pattern-hero {
 background:
 radial-gradient(circle at 18% 14%, rgba(27,79,114,.2), transparent 45%),
 #0E1B25!important;
 color: var(--paper-1)!important;
 border: 1px solid rgba(232,222,196,.14)!important;
}.page-pattern.exam-pattern-hero {
 margin: 0 0 30px!important;
 padding: 42px 34px!important;
 border-radius: 12px!important;
}.page-insights.hero h1 span,.page-pattern.pattern-kicker,.page-insight-server.insight-kicker,.page-insight-server.article-kicker {
 color: var(--paper-2)!important;
}.page-insights.controls {
 top: 64px!important;
 background: rgba(255,255,255,.94)!important;
 border-color: var(--hairline)!important;
}.page-insights.search-wrap input,.page-insights.sort-select,.page-contact input,.page-contact textarea,.page-contact select {
 background: var(--surface)!important;
 border: 1px solid var(--hairline-2)!important;
 border-radius: 8px!important;
}.page-insights.cat-btn,.page-insights.page-btn {
 background: var(--surface)!important;
 border: 1px solid var(--hairline)!important;
 border-radius: 8px!important;
 color: var(--ink-3)!important;
}.page-insights.cat-btn.active,.page-insights.page-btn.active,.page-insights.featured-badge,.page-insights.featured-new {
 background: var(--brand-tint)!important;
 border-color: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
}.page-insights.featured-accent {
 background: linear-gradient(180deg, var(--brand), var(--paper-2))!important;
}.page-insights.featured,.page-insights.card,.page-contact.contact-card,.page-contact.form-box,.page-pattern.summary-box,.page-pattern.tip-card,.page-pattern.faq-item,.page-pattern.section-card,.page-pattern.disclaimer,.page-insight-server.insight-card,.page-insight-server.article-body,.page-insight-server.article-cta {
 background: var(--surface)!important;
 border: 1px solid var(--hairline)!important;
 border-radius: 12px!important;
 box-shadow: var(--shadow-1)!important;
}.page-pattern.pattern-table th {
 background: var(--ink-1)!important;
 color: var(--paper-2)!important;
}.page-pattern.summary-v,.page-pattern.section-num,.page-pattern.faq-q::after,.page-insights.card-cat,.page-insights.card-read,.page-insights.featured-cta,.page-contact.contact-card a {
 color: var(--brand)!important;
}.page-pattern.tip-num {
 background: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
 border-radius: 8px!important;
}.page-pattern.section-card {
 border-left: 1px solid var(--hairline)!important;
}.page-contact.contact-card-icon {
 width: 40px!important;
 height: 40px!important;
 display: grid!important;
 place-items: center!important;
 background: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
 border-radius: 8px!important;
 font-size: 0!important;
}.page-contact.contact-card-icon::before {
 content: "";
 width: 16px;
 height: 16px;
 border-radius: 50%;
 border: 2px solid currentColor;
}.page-insight-server.insight-hero-inner,.page-insight-server.article-hero-inner {
 max-width: 1120px!important;
 margin: 0 auto!important;
 padding: 68px 24px!important;
}.page-insight-server.insight-hero h1,.page-insight-server.article-hero h1,.page-pattern.exam-pattern-hero h1 {
 max-width: 760px!important;
 margin: 14px 0 14px!important;
 color: var(--paper-1)!important;
 font-family: var(--font-display)!important;
 font-size: clamp(34px, 5vw, 58px)!important;
 line-height: 1.05!important;
}.page-insight-server.insight-hero p,.page-insight-server.article-hero p,.page-pattern.exam-pattern-hero p {
 max-width: 720px!important;
 color: rgba(255,255,255,.74)!important;
}.page-insight-server.insight-wrap,.page-insight-server.article-body {
 max-width: 1120px!important;
 margin: 0 auto!important;
 padding: 42px 24px 80px!important;
}.page-insight-server.insight-grid {
 display: grid!important;
 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))!important;
 gap: 16px!important;
}.page-insight-server.insight-card {
 display: flex!important;
 flex-direction: column!important;
 gap: 10px!important;
 padding: 22px!important;
 color: inherit!important;
 text-decoration: none!important;
}.page-insight-server.insight-card h2,.page-insight-server.article-body h2,.page-insight-server.article-cta h2 {
 font-family: var(--font-display)!important;
 color: var(--ink-1)!important;
}.page-insight-server.insight-card-kicker,.page-insight-server.insight-card-meta,.page-insight-server.article-back,.page-insight-server.insight-tag {
 color: var(--brand)!important;
 font-weight: 750!important;
}.page-insight-server.article-body {
 max-width: 760px!important;
}.page-insight-server.article-body p,.page-insight-server.article-body li {
 color: var(--ink-2)!important;
 font-size: 16px!important;
 line-height: 1.75!important;
}.page-insight-server.article-back {
 display: inline-flex!important;
 margin-bottom: 26px!important;
 text-decoration: none!important;
}.page-insight-server.article-cta {
 margin-top: 38px!important;
 padding: 28px!important;
}.page-insight-server.article-cta a {
 display: inline-flex!important;
 min-height: 42px!important;
 align-items: center!important;
 padding: 0 18px!important;
 background: var(--brand)!important;
 color: #fff!important;
 border-radius: 8px!important;
 text-decoration: none!important;
 font-weight: 800!important;
}

/* Login/auth page hardening. */.main.card,
main.main >.card {
 border: 1px solid var(--hairline)!important;
 border-radius: 12px!important;
 box-shadow: var(--shadow-2)!important;
}.phone-wrap:focus-within,.field-input:focus,.otp-digit:focus,.pin-digit.filled {
 border-color: var(--brand)!important;
 background: var(--surface)!important;
}.pin-digit.dot::after {
 color: var(--brand)!important;
}.card-footer a,.resend-btn,.nav-back {
 color: var(--brand)!important;
}

@media (max-width: 760px) {.re-nav-links,.re-login,.re-nav-cta {
 display: none!important;
 }.re-nav.nav-hamburger {
 display: flex!important;
 }.re-footer-inner {
 grid-template-columns: 1fr!important;
 }
}

@media (prefers-color-scheme: dark) {:root {
 --brand: #1B4F72;
 --brand-ink: #7FB9E0;
 --brand-tint: #15293A;
 --ink-1: #E8EEF4;
 --ink-2: #C2CDD8;
 --ink-3: #8C98A5;
 --surface: #121B24;
 --surface-2: #0B1319;
 --surface-3: #1B2632;
 --hairline: #233140;
 --hairline-2: #2E3F52;
 }.nav,.topnav,.d-nav {
 background: rgba(5,9,13,.92)!important;
 }.logo-mark,.auth-logo,.nav-logo::before {
 background: var(--paper-2)!important;
 color: var(--ink-1)!important;
 }
}

/* Legacy app hardening.
 Several inherited pages ship their own blue/iOS tokens inside page-local
 style blocks. This final layer keeps every URL on the newer institutional
 RERAExam system without editing each app surface by hand. */:root {
 --blue: var(--brand)!important;
 --blue-dark: var(--brand-ink)!important;
 --blue-bg: var(--brand-tint)!important;
 --purple: #7A5C2E!important;
 --purple-bg: #F1E7D0!important;
 --teal: #4D7C8A!important;
 --teal-bg: #E6EEF0!important;
 --orange: #B87732!important;
 --orange-bg: #F3E4CF!important;
 --gold: #B89045!important;
 --gold-bg: #F4ECD9!important;
 --bg: var(--surface-2)!important;
 --surface: #FFFFFF!important;
 --fill2: #F7F3EA!important;
 --fill3: #ECE3D2!important;
 --lbl: var(--ink-1)!important;
 --lbl2: var(--ink-2)!important;
 --lbl3: var(--ink-3)!important;
 --sep: var(--hairline)!important;
 --sep2: var(--hairline-2)!important;
 --fd: var(--font-display)!important;
 --f: var(--font-sans)!important;
}.tab-item.active.tab-icon svg,.tab-item.active.tab-label,.nav-logo span,.link,.text-blue,.accent,.filter-chip.active,.chip.active {
 color: var(--brand)!important;
 stroke: var(--brand)!important;
}.tab-bar,.bottom-nav,.mobile-tabs {
 background: rgba(255,255,255,.94)!important;
 border-color: var(--hairline)!important;
}.nav-timer,.stat-pill,.badge,.pill {
 border-color: var(--hairline)!important;
 background: var(--brand-tint)!important;
 color: var(--brand)!important;
}.option.selected,.answer-option.selected,.choice.selected,.topic-card.active,.mode-card.active {
 border-color: var(--brand)!important;
 background: var(--brand-tint)!important;
}.progress-fill,.bar-fill,.mastery-fill,.score-fill,.loader,.spinner {
 background: var(--brand)!important;
 border-color: var(--brand)!important;
}

svg [stroke="#2563eb"],
svg [stroke="#3b82f6"],
svg [stroke="#1B4F72"] {
 stroke: var(--brand)!important;
}

svg [fill="#2563eb"],
svg [fill="#3b82f6"],
svg [fill="#1B4F72"] {
 fill: var(--brand)!important;
}

[style*="#2563eb"],
[style*="#3b82f6"],
[style*="#1B4F72"],
[style*="background:#2563eb"],
[style*="background: #2563eb"] {
 background-color: var(--brand)!important;
 border-color: var(--brand)!important;
}.hero,.page-hero,.article-hero,.calc-hero {
 background: linear-gradient(135deg, #0E1B25 0%, #18354A 54%, #E8DEC4 190%)!important;
 color: var(--paper-1)!important;
}.hero h1,.page-hero h1,.article-hero h1,.calc-hero h1 {
 color: var(--paper-1, #F1ECE0)!important;
 font-family: var(--font-display)!important;
}

/* Shared partial safety net. This keeps the fetched nav/footer from inheriting
 stronger page-local rules on older calculator/article pages. */
html,
body {
 max-width: 100%!important;
 overflow-x: hidden!important;
}

*,
*::before,
*::after {
 box-sizing: border-box!important;
}

#nav-placeholder,
#footer-placeholder {
 width: 100%!important;
 max-width: 100%!important;
}.nav.re-nav {
 width: 100%!important;
 max-width: 100vw!important;
}.nav.re-nav.re-nav-inner {
 width: 100%!important;
 max-width: 1180px!important;
 min-width: 0!important;
 box-sizing: border-box!important;
}.nav-drawer.re-drawer {
 position: fixed!important;
 top: 0!important;
 right: 0!important;
 bottom: 0!important;
 left: auto!important;
 width: min(320px, calc(100vw - 32px))!important;
 max-width: calc(100vw - 32px)!important;
 z-index: 1000!important;
 transform: translateX(110%)!important;
 visibility: hidden!important;
 pointer-events: none!important;
 overflow-y: auto!important;
 overflow-x: hidden!important;
 transition: transform.24s ease, visibility.24s ease!important;
}.nav-drawer.re-drawer.open {
 transform: translateX(0)!important;
 visibility: visible!important;
 pointer-events: auto!important;
}.nav-drawer-backdrop {
 position: fixed!important;
 inset: 0!important;
 z-index: 999!important;
 background: rgba(14,27,37,.38)!important;
 display: none!important;
 opacity: 0!important;
}.nav-drawer-backdrop.open {
 display: block!important;
 opacity: 1!important;
}

@media (max-width: 760px) {.nav.re-nav.nav-links,.nav.re-nav.re-nav-links,.nav.re-nav.re-login,.nav.re-nav.re-nav-cta,.re-nav.nav-links.re-nav-links {
 display: none!important;
 }.nav.re-nav.nav-hamburger,.re-nav.nav-hamburger {
 display: inline-flex!important;
 flex: 0 0 auto!important;
 margin-left: auto!important;
 }.nav.re-nav.re-nav-inner {
 height: 58px!important;
 padding-inline: 16px!important;
 gap: 10px!important;
 max-width: 100vw!important;
 }.nav.re-nav.re-brand {
 min-width: 0!important;
 }.nav.re-nav.re-brand-word {
 font-size: 19px!important;
 white-space: nowrap!important;
 }
}

table.pattern-table,
table.info-table {
 width: 100%!important;
 max-width: 100%!important;
 table-layout: fixed!important;
}

table.pattern-table th,
table.pattern-table td,
table.info-table th,
table.info-table td {
 min-width: 0!important;
 white-space: normal!important;
 overflow-wrap: anywhere!important;
 word-break: normal!important;
}

@media (max-width: 760px) {
 table.pattern-table,
 table.info-table {
 font-size: 12px!important;
 }

 table.pattern-table th,
 table.pattern-table td,
 table.info-table th,
 table.info-table td {
 padding: 9px 8px!important;
 }.hero-card::before,.hero-card::after,
 div[style*="right:-30px"][style*="width:120px"] {
 display: none!important;
 }
}

/* Contrast lock.
 The inherited RERAExam pages include many page-local dark-mode blocks.
 They were designed for the old blue theme and can collide with the newer
 institutional brand layer. Keep every page on one readable light system,
 even when the visitor's OS is in dark mode. */
html {
 color-scheme: light!important;
}

@media (prefers-color-scheme: dark) {:root {
 --brand: #1B4F72!important;
 --brand-ink: #123855!important;
 --brand-tint: #E8F0F7!important;
 --brand-ring: rgba(27, 79, 114,.18)!important;
 --ink-1: #0E1B25!important;
 --ink-2: #2B3944!important;
 --ink-3: #5A6875!important;
 --ink-4: #8995A2!important;
 --ink-5: #B7C0C9!important;
 --surface: #FFFFFF!important;
 --surface-2: #F7F9FB!important;
 --surface-3: #EEF2F6!important;
 --paper-1: #F1ECE0!important;
 --paper: #F1ECE0!important;
 --paper-2: #E8DEC4!important;
 --hairline: #E3E8ED!important;
 --hairline-2: #D6DCE3!important;
 --pass: #1E7E46!important;
 --pass-bg: #E7F3EC!important;
 --mid: #B07206!important;
 --mid-bg: #FBF0DA!important;
 --fail: #B4311C!important;
 --fail-bg: #FBE9E5!important;
 --blue: var(--brand)!important;
 --blue-dark: var(--brand-ink)!important;
 --blue-bg: var(--brand-tint)!important;
 --bg: var(--surface-2)!important;
 --fill: var(--surface)!important;
 --fill2: #F7F3EA!important;
 --fill3: #ECE3D2!important;
 --lbl: var(--ink-1)!important;
 --lbl2: var(--ink-2)!important;
 --lbl3: var(--ink-3)!important;
 --sep: var(--hairline)!important;
 --sep2: var(--hairline-2)!important;
 }

 html,
 body {
 background:
 linear-gradient(180deg, rgba(241,236,224,.56), rgba(247,249,251,0) 280px),
 var(--surface-2)!important;
 color: var(--ink-2)!important;
 }

 h1,
 h2,
 h3,
 h4,
 h5,.calc-title,.faq-q,.result-main-value,.result-row-value,.nav-drawer-logo,.page-title,.card-title {
 color: var(--ink-1)!important;
 }

 p,
 li,.calc-sub,.result-note,.result-row-label,.faq-a,.page-sub,.muted,.tiny,.card-sub,.disclaimer {
 color: var(--ink-3)!important;
 }.calc-card,.faq-item,.disclaimer,.info-table,.contact-card,.form-box,.card,.panel,.result,.result-row,.nav-dropdown-menu,.nav-drawer,.summary-box,.tip-card,.section-card,.insight-card,.article-body,.article-cta,
 div[style*="background:#fff"],
 div[style*="background: #fff"],
 div[style*="background:white"],
 div[style*="background: white"] {
 background: var(--surface)!important;
 border-color: var(--hairline)!important;
 color: var(--ink-2)!important;
 }.field input,.field select,
 input,
 textarea,
 select,.field,.otp-input,.pin-input {
 background: var(--surface)!important;
 border-color: var(--hairline-2)!important;
 color: var(--ink-1)!important;
 }.field input::placeholder,
 input::placeholder,
 textarea::placeholder {
 color: var(--ink-4)!important;
 }.info-table td,.pattern-table td {
 background: var(--surface)!important;
 color: var(--ink-2)!important;
 border-color: var(--hairline)!important;
 }.info-table tr:nth-child(even) td,.pattern-table tr:nth-child(even) td {
 background: var(--surface-2)!important;
 }.rate-note,.nav-timer,.stat-pill,.badge,.pill,.result-row.total,.result-row.highlight,.result-row.grand {
 background: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
 border-color: var(--brand-ring)!important;
 }.result-row.warn {
 background: var(--mid-bg)!important;
 color: var(--mid)!important;
 }.result-row.warn.result-row-label,.result-row.warn.result-row-value {
 color: var(--mid)!important;
 }.nav-dropdown-item,.nav-drawer-link,.nav-drawer-close {
 color: var(--ink-1)!important;
 }.nav-dropdown-item:hover,.nav-drawer-link:hover {
 background: var(--surface-3)!important;
 }.nav-drawer-section {
 color: var(--ink-4)!important;
 }.nav-drawer-divider {
 border-color: var(--hairline)!important;
 }.cta-box,.hero,.page-hero,.article-hero,.calc-hero,.page-insight-server.insight-hero,.page-insight-server.article-hero,.page-pattern.exam-pattern-hero {
 background:
 radial-gradient(circle at 18% 14%, rgba(27,79,114,.2), transparent 45%),
 #0E1B25!important;
 color: var(--paper-1)!important;
 }.cta-box h1,.cta-box h2,.cta-box p,.hero h1,.hero h2,.hero p,.page-hero h1,.page-hero p,.article-hero h1,.article-hero p,.calc-hero h1,.calc-hero p,.page-insight-server.insight-hero h1,.page-insight-server.insight-hero p,.page-insight-server.article-hero h1,.page-insight-server.article-hero p,.page-pattern.exam-pattern-hero h1,.page-pattern.exam-pattern-hero p {
 color: var(--paper-1)!important;
 }.re-nav.re-brand-word,.re-nav.re-brand-word em,.re-brand-word,.re-brand-word em {
 color: var(--paper-2)!important;
 }.q-block,.q-text,.q-options,.info-card,.scenario-card,.step-card,.highlight-box,.summary-card,.sample-question,.practice-card,.question-card,.paper-card,.note-card,.rule-card,.topic-card,.mode-card,.module-card,.law-card {
 background: var(--surface)!important;
 border-color: var(--hairline)!important;
 color: var(--ink-2)!important;
 }.q-block *,.q-text,.q-options,.q-options li,.info-card *,.scenario-card *,.step-card *,.highlight-box *,.summary-card *,.sample-question *,.practice-card *,.question-card *,.paper-card *,.note-card *,.rule-card *,.topic-card *,.mode-card *,.module-card *,.law-card * {
 color: inherit!important;
 }

 table,
 thead,
 tbody,
 tr,
 td {
 background: var(--surface)!important;
 color: var(--ink-2)!important;
 border-color: var(--hairline)!important;
 }

 th,.info-table th,.pattern-table th {
 background: var(--brand)!important;
 color: #fff!important;
 border-color: var(--brand)!important;
 }

 label,.field label,.updated,.contact-card-label {
 color: var(--ink-2)!important;
 }.contact-card-value,.result-main-value,.result-row-value {
 color: var(--ink-1)!important;
 }.exam-badge,.chapter-badge,.tag,.hub-tag {
 background: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
 border-color: var(--brand-ring)!important;
 }.chapter-title {
 background: var(--brand)!important;
 color: #fff!important;
 }.hub-hero,.hub-header,.hero-section {
 background:
 radial-gradient(circle at 18% 14%, rgba(27,79,114,.2), transparent 45%),
 #0E1B25!important;
 }.hub-hero *,.hub-header *,.hero-section * {
 color: var(--paper-1)!important;
 }
}

/* Final dark-mode contrast sweep. Keep this last. */
@media (prefers-color-scheme: dark) {.eyebrow:not(.hero-eyebrow),.stat-l,.summary-l,.updated,.divider,.install-close,.card-footer,.auth-shell.muted,.login.muted {
 color: var(--ink-2)!important;
 }.hero.eyebrow,.hero-note {
 color: rgba(241,236,224,.84)!important;
 }.nav-brand-word {
 color: var(--ink-1)!important;
 }.hub-tag {
 background: var(--brand-tint)!important;
 color: var(--brand-ink)!important;
 border-color: var(--brand-ring)!important;
 }.number-card,.q-options li,.study-plan-step {
 background: var(--surface)!important;
 border-color: var(--hairline)!important;
 color: var(--ink-2)!important;
 }.number-card *,.q-options li,.q-options li *,.study-plan-step * {
 color: var(--ink-2)!important;
 }.hero-btn,.full-cta-btn,.cta-inline-btn,.cta-btn {
 background: var(--brand)!important;
 color: #fff!important;
 border-color: var(--brand)!important;
 }.step-num,.step-circle {
 background: var(--brand)!important;
 color: #fff!important;
 }.area-bar-carpet {
 background: var(--brand)!important;
 color: #fff!important;
 }.area-bar-loading {
 background: #8A4F00!important;
 color: #fff!important;
 }.result-main-label,.card-cat,.card-read,.section-num,.summary-v {
 color: var(--brand-ink)!important;
 }
}

/* Final inline-style contrast repairs. Keep this after all page CSS. */
@media (prefers-color-scheme: dark) {
 main.main.card > div[style*="var(--lbl4)"],
 main.main.card > div[style*="var(--lbl4)"] a,.login [style*="color:var(--lbl4)"],.login [style*="color:var(--lbl4)"] a,
 [style*="color:#1B4F72"],
 [style*="color: #1B4F72"],
 [style*="color:#ff9500"],
 [style*="color: #ff9500"] {
 color: var(--ink-2)!important;
 }

 [style*="background:#1B4F72"][style*="color:#fff"],
 [style*="background: #1B4F72"][style*="color:#fff"],
 [style*="background:#1B4F72"][style*="color: #fff"],
 [style*="background: #1B4F72"][style*="color: #fff"] {
 background: var(--brand)!important;
 color: #fff!important;
 }
}

/* Generated-page dark-mode lock. These pages are intentionally light themed. */
@media (prefers-color-scheme: dark) {:root {
 color-scheme: light;
 --bg: var(--paper-1);
 --surface: #fff;
 --card: #fff;
 --lbl: var(--ink-1);
 --lbl2: var(--ink-2);
 --lbl3: var(--ink-3);
 --lbl4: var(--ink-3);
 --sep: var(--hairline);
 --blue: var(--brand);
 --blue-dark: var(--brand-ink);
 --blue-light: var(--brand-tint);
 --green: #216E45;
 --green-dark: #216E45;
 --green-light: #E9F5EF;
 }

 html,
 body,
 main,.main,.page,.content,.article,.article-content,.policy,.policy-page,.policy-content {
 background: var(--paper-1)!important;
 color: var(--ink-2)!important;
 }

 h1:not(.hero-title),
 h2:not(.hero-title),
 h3,
 h4,
 h5,
 h6,.tip-title,.section-title,.feature-title,.faq-q,.result-main-value,.result-value,.stat-value,.num-value,.pt-penalty {
 color: var(--ink-1)!important;
 }

 p,
 li,.tip-text,.section-body,.feature-text,.faq-a,.q-explain,.q-exp2,.disclaimer,.summary-box,.card-footer,.footer-disclaimer {
 color: var(--ink-2)!important;
 }.policy-content a,.article-content a,.page > p a,.page li a,
 main.main p a,
 main.main li a {
 color: var(--brand)!important;
 }.re-nav,.nav.re-nav,.re-nav.nav-inner,.re-nav-inner {
 background: #0E1B25!important;
 color: var(--paper-2)!important;
 }.re-nav.nav-link,.re-login,.re-nav.nav-right a,.re-nav.nav-brand,.re-nav.re-brand,.re-nav.re-brand-word,.re-nav.re-brand-word em {
 color: rgba(232,222,196,.82)!important;
 }.re-nav.nav-link:hover,.re-nav.nav-link.active,.re-login.active {
 background: var(--brand)!important;
 color: #fff!important;
 }.stat-box,.info-card,.scenario-card,.q-block,.q-block2,.feature-card,.faq-item,.disclaimer,.section-card,.topic-card,.study-plan-step,.summary-box,.intro-box,.why-box,.result,.form-card,.auth-card {
 background: #fff!important;
 border-color: var(--hairline)!important;
 color: var(--ink-2)!important;
 }.q-options li,.q-opts2 li,
 ul.q-options li,
 ul.q-opts2 li {
 background: #fff!important;
 border-color: var(--hairline)!important;
 color: var(--ink-2)!important;
 }.q-options li.correct,.q-opts2 li.correct,
 ul.q-options li.correct,
 ul.q-opts2 li.correct {
 background: #E9F5EF!important;
 border-color: rgba(33,110,69,.28)!important;
 color: #216E45!important;
 }.chapter-header {
 background: #0E1B25!important;
 border: 1px solid rgba(232,222,196,.18)!important;
 }.chapter-header,.chapter-header *,.full-cta,.full-cta *,.cta-box,.cta-box *,.cta-inline,.cta-inline *,.hero,.hero *,.hero-section,.hero-section *,.hub-hero,.hub-hero * {
 color: var(--paper-1)!important;
 }.cta-box p,.cta-inline p,.full-cta p,.full-cta-note,.cta-note,.hero-note {
 color: rgba(241,236,224,.84)!important;
 }.jump-link,.topic-tag,.exam-badge,.paywall-feat,.hub-tag,.kicker:not(.hero.kicker) {
 background: var(--brand-tint)!important;
 border-color: var(--brand-ring)!important;
 color: var(--brand-ink)!important;
 }.cta-btn,.cta-inline-btn,.full-cta-btn,.btn-unlock,.nav-cta,.nav-drawer-cta {
 background: var(--brand)!important;
 color: #fff!important;
 border-color: var(--brand)!important;
 }

 [style*="color:#c0392b"],
 [style*="color: #c0392b"],
 [style*="color:#d68910"],
 [style*="color: #d68910"],
 [style*="color:#5dda7a"],
 [style*="color: #5dda7a"],
 [style*="color:#8e8e93"],
 [style*="color: #8e8e93"],
 [style*="color:#6e6e73"],
 [style*="color: #6e6e73"],
 [style*="color:#424245"],
 [style*="color: #424245"] {
 color: var(--ink-2)!important;
 }
}

/* Link and CTA repairs after the generated-page lock. */
@media (prefers-color-scheme: dark) {.re-nav.nav-link,.re-nav.nav-link:visited,.re-nav.re-login,.re-nav.re-brand,.re-nav.re-brand *,.re-nav.nav-right,.re-nav.nav-right *,.re-nav.nav-brand,.re-nav.nav-brand * {
 color: rgba(232,222,196,.86)!important;
 }.re-nav.nav-link.active,.re-nav.nav-link.active:visited,.re-nav.nav-link:hover,.re-nav.re-login.active {
 background: var(--brand)!important;
 color: #fff!important;
 }.re-site-footer,.re-site-footer * {
 color: rgba(241,236,224,.82)!important;
 }.re-site-footer.footer-col-title,.re-site-footer.footer-logo,.re-site-footer.footer-logo *,.re-site-footer.footer-cta {
 color: var(--paper-1)!important;
 }.cta-box h2,.cta-box h3,.full-cta h2,.full-cta h3,.cta-inline h2,.cta-inline h3,.hero h1,.hero h2,.hero p,.hero-btn {
 color: var(--paper-1)!important;
 }.cta-box p,.cta-box.cta-note,.full-cta p,.full-cta-note,.cta-inline p {
 color: rgba(241,236,224,.88)!important;
 }.cta-box.cta-btn,.cta-inline.cta-inline-btn,.full-cta.full-cta-btn,
 a.btn-unlock,
 a.hero-btn,
 a[style*="background:#1B4F72"][style*="color:#fff"],
 a[style*="background:#1B4F72"][style*="color: #fff"] {
 background: var(--brand)!important;
 color: #fff!important;
 border-color: var(--brand)!important;
 }
}

/* Final generated-page collision fixes. */
@media (prefers-color-scheme: dark) {.footer-cta,.re-site-footer.footer-cta {
 background: var(--paper-2)!important;
 color: var(--ink-1)!important;
 border-color: var(--paper-2)!important;
 }

 [style*="color:#1B4F72"]:not(a),
 [style*="color: #1B4F72"]:not(a),
 [style*="color:#ff9500"]:not(a),
 [style*="color: #ff9500"]:not(a) {
 background: transparent!important;
 color: var(--ink-2)!important;
 }.hero.kicker,.hero-eyebrow,.hero.btn-light {
 background: var(--paper-2)!important;
 color: var(--ink-1)!important;
 border-color: rgba(232,222,196,.4)!important;
 }.nav:not(.re-nav),.nav:not(.re-nav).nav-inner {
 background: rgba(5,9,13,.94)!important;
 color: var(--paper-2)!important;
 }.nav:not(.re-nav).nav-brand,.nav:not(.re-nav).nav-brand *,.nav:not(.re-nav).nav-brand-word,.nav:not(.re-nav).nav-brand-word *,.nav:not(.re-nav).nav-brand-tag,.nav:not(.re-nav).nav-right,.nav:not(.re-nav).nav-right *,.nav:not(.re-nav) a {
 color: var(--paper-2)!important;
 }.nav:not(.re-nav).nav-brand-tag {
 background: var(--paper-2)!important;
 color: var(--ink-1)!important;
 }.contact-box {
 background: #fff!important;
 border-color: var(--hairline)!important;
 }.contact-box,.contact-box *,.warn-box,.warn-box * {
 color: var(--ink-2)!important;
 }.hero-box,.hero-box *,.cta-inline,.cta-inline * {
 color: var(--paper-1)!important;
 }.hero-box,.cta-inline {
 background: #0E1B25!important;
 }

 [style*="color:#5ac8fa"],
 [style*="color: #5ac8fa"] {
 color: var(--paper-1)!important;
 }.hero-box h1,.hero-box h2,.hero-box h3,.hero-box p {
 color: var(--paper-1)!important;
 }
}

/* Sitewide mobile optimization layer. */
@media (max-width: 640px) {
 html {
 -webkit-text-size-adjust: 100%;
 text-size-adjust: 100%;
 }

 body {
 overflow-x: hidden!important;
 }

 body,
 p,
 li {
 font-size: 15px!important;
 line-height: 1.65!important;
 }.page,.content,.article,.article-content,.policy,.policy-page,.policy-content,.main,
 main.main {
 width: 100%!important;
 max-width: 100%!important;
 padding-left: max(16px, env(safe-area-inset-left))!important;
 padding-right: max(16px, env(safe-area-inset-right))!important;
 }

 h1 {
 font-size: clamp(28px, 10vw, 42px)!important;
 line-height: 1.06!important;
 letter-spacing: 0!important;
 overflow-wrap: anywhere;
 }

 h2 {
 font-size: clamp(22px, 7vw, 30px)!important;
 line-height: 1.14!important;
 letter-spacing: 0!important;
 overflow-wrap: anywhere;
 }

 h3 {
 font-size: clamp(18px, 5.5vw, 22px)!important;
 line-height: 1.2!important;
 }

 img,
 svg,
 canvas,
 video {
 max-width: 100%!important;
 }

 table {
 display: block!important;
 width: 100%!important;
 max-width: 100%!important;
 overflow-x: auto!important;
 -webkit-overflow-scrolling: touch;
 }.re-nav.re-nav-inner,.nav.re-nav.re-nav-inner,.nav-inner {
 min-height: 58px!important;
 padding-left: max(14px, env(safe-area-inset-left))!important;
 padding-right: max(14px, env(safe-area-inset-right))!important;
 gap: 10px!important;
 }.re-brand,.nav-logo,.footer-logo {
 min-height: 44px!important;
 align-items: center!important;
 }.re-brand-word,.nav-logo span,.footer-logo span {
 font-size: 20px!important;
 white-space: nowrap!important;
 }.nav-hamburger,.nav-drawer-close,
 button[aria-label],.theme-toggle {
 width: 44px!important;
 min-width: 44px!important;
 height: 44px!important;
 min-height: 44px!important;
 display: inline-flex!important;
 align-items: center!important;
 justify-content: center!important;
 }.nav-drawer:not(.open) {
 visibility: hidden!important;
 pointer-events: none!important;
 }.nav-drawer.open {
 visibility: visible!important;
 }.nav-drawer,.re-drawer {
 width: min(86vw, 340px)!important;
 max-width: calc(100vw - 28px)!important;
 padding-bottom: max(24px, env(safe-area-inset-bottom))!important;
 }.nav-drawer-link,.nav-drawer-cta {
 min-height: 46px!important;
 display: flex!important;
 align-items: center!important;
 font-size: 15px!important;
 }

 label,.label,.field-label,.footer-col-title,.summary-l,.stat-l,.result-main-label,.updated,.card-cat,.card-read,.full-cta-note,.cta-note,.footer-disclaimer {
 font-size: 12px!important;
 line-height: 1.45!important;
 }

 input,
 select,
 textarea {
 min-height: 46px!important;
 font-size: 16px!important;
 line-height: 1.35!important;
 }

 button,.btn,.hero-btn,.cta-btn,.cta-inline-btn,.full-cta-btn,.btn-unlock,.nav-cta,.footer-cta,
 a[style*="padding:8px"],
 a[style*="padding: 8px"] {
 min-height: 44px!important;
 display: inline-flex!important;
 align-items: center!important;
 justify-content: center!important;
 gap: 8px!important;
 padding: 11px 16px!important;
 line-height: 1.2!important;
 white-space: normal!important;
 text-align: center!important;
 }.page a:not(.btn):not(.hero-btn):not(.cta-btn):not(.cta-inline-btn):not(.full-cta-btn):not(.btn-unlock):not(.footer-cta),
 main.main a:not(.btn):not(.hero-btn):not(.cta-btn):not(.cta-inline-btn):not(.full-cta-btn):not(.btn-unlock):not(.footer-cta),.footer-link {
 min-height: 40px!important;
 display: inline-flex!important;
 align-items: center!important;
 line-height: 1.35!important;
 }.site-footer,.re-site-footer {
 padding: 34px 16px 28px!important;
 }.footer-inner {
 display: grid!important;
 grid-template-columns: 1fr!important;
 gap: 28px!important;
 }.footer-col {
 gap: 4px!important;
 }.footer-link {
 width: 100%!important;
 padding: 8px 0!important;
 }.footer-bottom {
 display: grid!important;
 gap: 10px!important;
 text-align: left!important;
 }.summary-grid,.stat-grid,.feature-grid,.topic-grid,.contact-grid,.badges-grid,.tools-grid,.two-fields,.three-fields,.action-grid,.pricing,.proof,.hero-inner {
 grid-template-columns: 1fr!important;
 }.summary-card,.stat-box,.info-card,.scenario-card,.q-block,.q-block2,.feature-card,.faq-item,.section-card,.topic-card,.study-plan-step,.result,.form-card,.card,.contact-card {
 border-radius: 10px!important;
 padding: 18px!important;
 }.hero,.hero-section,.hub-hero,.hero-box,.cta-box,.full-cta,.cta-inline {
 border-radius: 12px!important;
 padding: 26px 18px!important;
 margin-left: 0!important;
 margin-right: 0!important;
 }.q-options,.q-opts2 {
 display: grid!important;
 gap: 8px!important;
 }.q-options li,.q-opts2 li {
 min-height: 44px!important;
 display: flex!important;
 align-items: center!important;
 font-size: 15px!important;
 line-height: 1.45!important;
 padding: 12px 14px!important;
 }.jump-links,.paywall-feats,.section-tags {
 gap: 8px!important;
 }.jump-link,.topic-tag,.exam-badge,.paywall-feat,.hub-tag {
 min-height: 34px!important;
 display: inline-flex!important;
 align-items: center!important;
 line-height: 1.2!important;
 white-space: normal!important;
 }.jump-link {
 min-height: 44px!important;
 padding: 10px 12px!important;
 }.topic-tag,.exam-badge,.paywall-feat,.hub-tag,.hero-eyebrow,.hub-eyebrow,.section-label,.jump-bar-title,.section-num,.q-num,.q-num2,.num-context,.q-badge,.pt-head,.nav-brand-tag,.bn-label,.tab-label {
 font-size: 12px!important;
 line-height: 1.35!important;
 }

 [style*="font-size:10px"],
 [style*="font-size: 10px"],
 [style*="font-size:11px"],
 [style*="font-size: 11px"] {
 font-size: 12px!important;
 }.contact-card-icon,.page-contact.contact-card-icon {
 font-size: 24px!important;
 line-height: 1!important;
 }.nav:not(.re-nav).nav-brand,.nav:not(.re-nav).nav-right a,.nav:not(.re-nav).theme-toggle {
 min-height: 44px!important;
 display: inline-flex!important;
 align-items: center!important;
 }.nav:not(.re-nav).nav-brand {
 flex-wrap: wrap!important;
 row-gap: 4px!important;
 }.nav:not(.re-nav).nav-brand-tag {
 min-height: 24px!important;
 display: inline-flex!important;
 align-items: center!important;
 }.hub-page a,.home-page a,.page a:not(.footer-link):not(.nav-drawer-link):not(.nav-link):not(.re-brand):not(.nav-logo),
 body > a {
 min-height: 40px!important;
 display: inline-flex!important;
 align-items: center!important;
 }.login a,.auth-shell a,
 a[href*="jebuk"],
 a[style*="color:#5ac8fa"],
 a[style*="color: #5ac8fa"],
 a[style*="border-radius:99px"][style*="padding:5px"],
 a[style*="border-radius:99px"][style*="padding: 5px"] {
 min-height: 40px!important;
 display: inline-flex!important;
 align-items: center!important;
 }

 [style*="grid-template-columns:1fr 1fr"],
 [style*="grid-template-columns: 1fr 1fr"],
 [style*="grid-template-columns:2fr"],
 [style*="grid-template-columns: 2fr"] {
 grid-template-columns: 1fr!important;
 }
}

@media (max-width: 420px) {.re-brand-word,.nav-logo span,.footer-logo span {
 font-size: 18px!important;
 }.page,.content,.article,.article-content,.policy,.policy-page,.policy-content,.main,
 main.main {
 padding-left: max(14px, env(safe-area-inset-left))!important;
 padding-right: max(14px, env(safe-area-inset-right))!important;
 }
}

/* Unified state nav behavior: keep only the primary workflow in the top
   bar, move secondary links and language into the drawer, and show the menu
   trigger on desktop as well as mobile. */
.re-nav .re-nav-secondary {
 display: none!important;
}
.re-nav .nav-hamburger,
.nav.re-nav .nav-hamburger {
 display: inline-flex!important;
 align-items: center!important;
 justify-content: center!important;
 color: var(--paper-2)!important;
 background: transparent!important;
}
.re-nav .nav-link,
.re-nav .re-login {
 color: rgba(232,222,196,.78)!important;
 background: transparent!important;
}
.re-nav .nav-link:hover,
.re-nav .nav-link.active,
.re-nav .re-login.active {
 color: var(--paper-2)!important;
 background: rgba(232,222,196,.1)!important;
}
.re-drawer .lang-btn {
 width: 100%!important;
 min-height: 44px!important;
 justify-content: center!important;
 margin: 4px 0 12px!important;
 border: 1px solid var(--hairline)!important;
 border-radius: 8px!important;
 background: var(--surface-2)!important;
 color: var(--ink-1)!important;
}

/* Keep generated state-site menu triggers visually identical to the main
   RERAExam homepage hamburger, even after mobile touch-target rules load. */
.re-nav .nav-hamburger,
.nav.re-nav .nav-hamburger {
 width: 38px!important;
 min-width: 38px!important;
 height: 38px!important;
 min-height: 38px!important;
 flex: 0 0 38px!important;
 margin-left: 2px!important;
 padding: 8px!important;
 border: 0!important;
 border-radius: 8px!important;
 background: transparent!important;
 color: rgba(232,222,196,.76)!important;
 box-shadow: none!important;
 line-height: 1!important;
}
.re-nav .nav-hamburger:hover,
.nav.re-nav .nav-hamburger:hover,
.re-nav .nav-hamburger:focus-visible,
.nav.re-nav .nav-hamburger:focus-visible {
 background: rgba(232,222,196,.1)!important;
 color: var(--paper-2)!important;
 outline: none!important;
}
.re-nav .nav-hamburger svg,
.nav.re-nav .nav-hamburger svg {
 display: block!important;
 width: 22px!important;
 height: 22px!important;
 flex: 0 0 22px!important;
}
@media (max-width: 760px) {
 .re-nav .re-nav-links,
 .re-nav .re-login,
 .re-nav .re-nav-cta,
 .nav.re-nav .re-nav-links,
 .nav.re-nav .re-login,
 .nav.re-nav .re-nav-cta {
  display: none!important;
 }
 .re-nav .nav-hamburger,
 .nav.re-nav .nav-hamburger {
  margin-left: auto!important;
 }
 .re-nav .re-brand,
 .nav.re-nav .re-brand {
  min-width: 0!important;
 flex: 0 1 auto!important;
 }
}

/* Generated state landing-page contrast and card polish. The shared dark hero
   rules should not make cream pills or light buttons unreadable. */
.site-shell .hero .kicker,
header.hero .kicker,
.hero .kicker:not(.hero.kicker) {
 background: rgba(14,27,37,.58)!important;
 border-color: rgba(232,222,196,.38)!important;
 color: var(--paper-1)!important;
 text-shadow: none!important;
 box-shadow: inset 0 0 0 1px rgba(255,255,255,.04)!important;
}
.site-shell .hero .kicker span,
header.hero .kicker span,
.hero .kicker:not(.hero.kicker) span {
 color: inherit!important;
}
.hero .k-dot {
 background: #65C987!important;
 box-shadow: 0 0 0 4px rgba(101,201,135,.16)!important;
}
.site-shell .hero .actions .btn.btn-light,
header.hero .actions .btn.btn-light,
.hero .actions a.btn.btn-light {
 background: var(--paper-2)!important;
 border-color: var(--paper-2)!important;
 color: var(--ink-1)!important;
 text-shadow: none!important;
 box-shadow: none!important;
}
.site-shell .hero .actions .btn.btn-light:hover,
header.hero .actions .btn.btn-light:hover,
.hero .actions a.btn.btn-light:hover {
 background: #fff!important;
 border-color: #fff!important;
 color: var(--ink-1)!important;
}
#access {
 background: var(--surface)!important;
}
#access .pricing {
 align-items: center!important;
 gap: clamp(24px, 4vw, 48px)!important;
}
#access .eyebrow {
 display: inline-flex!important;
 align-items: center!important;
 min-height: 0!important;
 padding: 0!important;
 background: transparent!important;
 border: 0!important;
 color: var(--brand)!important;
 font-weight: 850!important;
 text-shadow: none!important;
}
#access h2 {
 color: var(--ink-1)!important;
 max-width: 620px!important;
}
#access p {
 color: var(--ink-3)!important;
 max-width: 560px!important;
}
#access .price-wrap {
 width: 100%!important;
 max-width: 420px!important;
 justify-self: end!important;
 border: 0!important;
 box-shadow: none!important;
}
#access .price-wrap .price-card,
#access .price-card {
 background: var(--surface)!important;
 border: 1px solid rgba(27,79,114,.24)!important;
 box-shadow: var(--shadow-1)!important;
 color: var(--ink-2)!important;
}
#access .price-wrap .price-card {
 border: 0!important;
}
#access .price-label {
 color: var(--brand)!important;
}
#access .price,
#access .price small,
#access .checks li {
 color: var(--ink-1)!important;
}
@media (max-width: 820px) {
 #access .pricing {
  grid-template-columns: 1fr!important;
 }
 #access .price-wrap {
  justify-self: stretch!important;
  max-width: 100%!important;
 }
 #access .price-card {
  padding: 24px!important;
 }
}

/* Generated state homepage parity with the main RERAExam landing page. The root
   homepage is the visual source of truth for nav scale, hero color, and motion. */
:root {
 --re-p1: #F4EFE4;
 --re-p2: #E8DEC4;
 --re-p3: #B8A99A;
 --re-ink1: #0E1B25;
 --re-ink2: #13212F;
 --re-ink3: #1A2E3E;
 --re-ink4: #22394D;
 --re-sep: rgba(255,255,255,.07);
 --re-sep2: rgba(255,255,255,.13);
}
.nav.re-nav {
 position: sticky!important;
 top: 0!important;
 z-index: 500!important;
 background: rgba(14,27,37,.92)!important;
 color: var(--re-p2)!important;
 border-bottom: 1px solid var(--re-sep)!important;
 backdrop-filter: saturate(180%) blur(22px)!important;
 -webkit-backdrop-filter: saturate(180%) blur(22px)!important;
}
.nav.re-nav .re-nav-inner {
 max-width: 1100px!important;
 height: 56px!important;
 padding: 0 24px!important;
 gap: 12px!important;
 justify-content: space-between!important;
}
.nav.re-nav .re-brand {
 font-family: Georgia, "Times New Roman", serif!important;
 font-size: 21px!important;
 font-weight: 700!important;
 line-height: 1!important;
 color: var(--re-p2)!important;
 gap: 10px!important;
}
.nav.re-nav .re-brand-mark {
 width: 34px!important;
 height: 34px!important;
}
.nav.re-nav .re-brand .re-brand-word,
.nav.re-nav .re-brand .re-brand-word em {
 color: var(--re-p2)!important;
}
.nav.re-nav .re-nav-links {
 display: flex!important;
 align-items: center!important;
 gap: 4px!important;
 margin-left: 0!important;
}
.nav.re-nav .re-nav-spacer {
 display: none!important;
}
.nav.re-nav .nav-link,
.nav.re-nav .re-login {
 min-height: 0!important;
 height: auto!important;
 padding: 6px 10px!important;
 border-radius: 8px!important;
 color: var(--re-p3)!important;
 font-size: 13px!important;
 font-weight: 500!important;
 line-height: 1.35!important;
}
.nav.re-nav .nav-link:hover,
.nav.re-nav .nav-link.active,
.nav.re-nav .re-login.active {
 background: var(--re-ink4)!important;
 color: var(--re-p1)!important;
}
.nav.re-nav .re-nav-cta {
 min-height: 0!important;
 height: auto!important;
 padding: 8px 18px!important;
 border: 0!important;
 border-radius: 999px!important;
 background: var(--re-p2)!important;
 color: var(--re-ink1)!important;
 font-size: 13px!important;
 font-weight: 700!important;
 line-height: 1.45!important;
}
.nav.re-nav .re-nav-cta:hover {
 background: #fff!important;
 color: var(--re-ink1)!important;
 transform: translateY(-1px)!important;
}
.nav.re-nav .nav-hamburger {
 width: 38px!important;
 min-width: 38px!important;
 height: 38px!important;
 min-height: 38px!important;
 color: var(--re-p3)!important;
}
.nav.re-nav .nav-hamburger:hover {
 background: var(--re-ink4)!important;
 color: var(--re-p1)!important;
}
.nav-drawer.re-drawer {
 background: var(--re-ink2)!important;
 border-left: 1px solid var(--re-sep)!important;
 color: var(--re-p2)!important;
}
.nav-drawer.re-drawer .re-brand-word,
.nav-drawer.re-drawer .re-brand-word em,
.nav-drawer.re-drawer .nav-drawer-logo {
 color: var(--re-p2)!important;
}
.nav-drawer.re-drawer .nav-drawer-close {
 color: var(--re-p3)!important;
}
.nav-drawer.re-drawer .nav-drawer-close:hover,
.nav-drawer.re-drawer .nav-drawer-link:hover {
 background: var(--re-ink3)!important;
 color: var(--re-p1)!important;
}
.nav-drawer.re-drawer .nav-drawer-section {
 color: #7A6E66!important;
}
.nav-drawer.re-drawer .nav-drawer-link {
 color: var(--re-p2)!important;
}
.nav-drawer.re-drawer .nav-drawer-divider {
 border-color: var(--re-sep)!important;
}
.nav-drawer.re-drawer .lang-btn {
 border-color: var(--re-sep2)!important;
 background: var(--re-ink1)!important;
 color: var(--re-p2)!important;
}
.nav-drawer.re-drawer .nav-drawer-cta {
 border-radius: 12px!important;
 background: var(--re-p2)!important;
 color: var(--re-ink1)!important;
}
.site-shell > header.hero {
 padding: 96px 24px 80px!important;
 background: #0E1B25!important;
 color: #fff!important;
 border-radius: 0!important;
}
.site-shell > header.hero .hero-inner {
 max-width: 1120px!important;
 gap: 60px!important;
}
.site-shell > header.hero .kicker {
 background: rgba(232,222,196,.1)!important;
 border-color: rgba(232,222,196,.28)!important;
 color: var(--paper-2)!important;
 box-shadow: none!important;
}
.site-shell > header.hero h1,
.site-shell > header.hero h1 .ix-inner {
 color: #fff!important;
 font-size: clamp(40px, 6vw, 72px)!important;
 line-height: .98!important;
 letter-spacing: 0!important;
}
.site-shell > header.hero h1 em,
.site-shell > header.hero h1 em[data-i18n] {
 color: var(--paper-2)!important;
 font-style: italic!important;
 font-weight: 400!important;
}
.site-shell > header.hero .hero-sub {
 max-width: 580px!important;
 color: rgba(255,255,255,.72)!important;
 font-size: 18px!important;
 line-height: 1.7!important;
}
.site-shell > header.hero .actions .btn {
 height: 48px!important;
 padding: 0 22px!important;
 font-size: 16px!important;
 font-weight: 700!important;
 line-height: 1!important;
 align-items: center!important;
}
.site-shell > header.hero .actions .btn-ghost {
 color: var(--paper-2)!important;
 border-color: rgba(232,222,196,.3)!important;
 background: transparent!important;
}
.site-shell > header.hero .p-n {
 color: var(--paper-2)!important;
}
.site-shell > header.hero .p-l {
 color: rgba(255,255,255,.5)!important;
}
.site-shell > header.hero .hero-card {
 background: rgba(255,255,255,.06)!important;
 border: 1px solid rgba(232,222,196,.18)!important;
 box-shadow: 0 28px 80px rgba(0,0,0,.28)!important;
 color: #fff!important;
}
.site-shell > header.hero .crest-stage {
 background: rgba(232,222,196,.08)!important;
 border: 1px solid rgba(232,222,196,.14)!important;
}
.site-shell > header.hero .crest-stage img {
 border-radius: 50%!important;
 position: relative!important;
 z-index: 1!important;
}
.site-shell > header.hero .hero-card h2 {
 color: var(--paper-2)!important;
 font-size: 22px!important;
 line-height: 1.3!important;
}
.site-shell > header.hero .hero-card p {
 color: rgba(255,255,255,.65)!important;
 line-height: 1.6!important;
}
@media (max-width: 860px) {
 .site-shell > header.hero .hero-inner {
  grid-template-columns: 1fr!important;
 }
 .site-shell > header.hero .hero-card {
  order: -1!important;
  animation: none!important;
 }
}
@media (max-width: 640px) {
 .nav.re-nav .re-nav-links {
  display: none!important;
 }
}
@media (max-width: 560px) {
 .site-shell > header.hero {
  padding: 72px 20px 60px!important;
 }
 .site-shell > header.hero h1,
 .site-shell > header.hero h1 .ix-inner {
  font-size: 40px!important;
 }
}

/* Final shared nav parity lock for generated state sites. */
.nav.re-nav {
 position: sticky!important;
 top: 0!important;
 z-index: 500!important;
 background: rgba(14,27,37,.92)!important;
 border-bottom: 1px solid rgba(255,255,255,.07)!important;
 backdrop-filter: saturate(180%) blur(22px)!important;
 -webkit-backdrop-filter: saturate(180%) blur(22px)!important;
}
.nav.re-nav .re-nav-inner {
 max-width: 1100px!important;
 height: 56px!important;
 min-height: 56px!important;
 margin: 0 auto!important;
 padding: 0 24px!important;
 display: flex!important;
 align-items: center!important;
 justify-content: space-between!important;
 gap: 12px!important;
 background: transparent!important;
}
.nav.re-nav .re-brand {
 min-height: 34px!important;
 font-size: 21px!important;
 font-weight: 700!important;
 line-height: 1!important;
}
.nav.re-nav .re-brand-mark {
 width: 34px!important;
 height: 34px!important;
}
.nav.re-nav .re-brand-word,
.nav.re-nav .re-brand-word em {
 font-size: 21px!important;
 color: var(--re-p2, #E8DEC4)!important;
}
.nav.re-nav .re-nav-links {
 display: flex!important;
 align-items: center!important;
 gap: 4px!important;
 margin-left: 0!important;
}
.nav.re-nav .nav-link,
.nav.re-nav .re-login {
 min-height: 0!important;
 padding: 6px 10px!important;
 border-radius: 8px!important;
 color: var(--re-p3, #B8A99A)!important;
 font-size: 13px!important;
 font-weight: 500!important;
 line-height: 1.35!important;
}
.nav.re-nav .nav-link:hover,
.nav.re-nav .nav-link.active,
.nav.re-nav .re-login.active {
 background: var(--re-ink4, #22394D)!important;
 color: var(--re-p1, #F4EFE4)!important;
}
.nav.re-nav .re-nav-cta {
 min-height: 0!important;
 padding: 8px 18px!important;
 border: 0!important;
 border-radius: 999px!important;
 background: var(--re-p2, #E8DEC4)!important;
 color: var(--re-ink1, #0E1B25)!important;
 font-size: 13px!important;
 font-weight: 700!important;
 line-height: 1.45!important;
}
.nav.re-nav .nav-hamburger {
 width: 38px!important;
 min-width: 38px!important;
 height: 38px!important;
 min-height: 38px!important;
 padding: 8px!important;
 border: 0!important;
 border-radius: 8px!important;
 background: transparent!important;
 color: var(--re-p3, #B8A99A)!important;
 box-shadow: none!important;
 appearance: none!important;
 -webkit-appearance: none!important;
}
.nav.re-nav .nav-hamburger:hover,
.nav.re-nav .nav-hamburger:focus-visible {
 background: var(--re-ink4, #22394D)!important;
 color: var(--re-p1, #F4EFE4)!important;
 outline: none!important;
}
.nav-drawer-backdrop {
 z-index: 300!important;
 background: rgba(0,0,0,.6)!important;
}
.nav-drawer.re-drawer {
 z-index: 301!important;
 width: 280px!important;
 max-width: min(280px, 100vw)!important;
 padding: 20px 16px 40px!important;
 background: var(--re-ink2, #13212F)!important;
 border-left: 1px solid rgba(255,255,255,.07)!important;
 color: var(--re-p2, #E8DEC4)!important;
}
.nav-drawer.re-drawer .nav-drawer-header {
 position: static!important;
 min-height: 0!important;
 padding: 0!important;
 margin: 0 0 24px!important;
 border: 0!important;
 background: transparent!important;
 z-index: auto!important;
}
.nav-drawer.re-drawer .nav-drawer-logo,
.nav-drawer.re-drawer .nav-drawer-logo .re-brand-word,
.nav-drawer.re-drawer .nav-drawer-logo .re-brand-word em {
 color: var(--re-p2, #E8DEC4)!important;
}
.nav-drawer.re-drawer .nav-drawer-close {
 width: 32px!important;
 min-width: 32px!important;
 height: 32px!important;
 min-height: 32px!important;
 padding: 6px!important;
 border: 0!important;
 border-radius: 8px!important;
 background: transparent!important;
 color: var(--re-p3, #B8A99A)!important;
 box-shadow: none!important;
 appearance: none!important;
 -webkit-appearance: none!important;
}
.nav-drawer.re-drawer .nav-drawer-close svg {
 width: 20px!important;
 height: 20px!important;
}
.nav-drawer.re-drawer .nav-drawer-close:hover,
.nav-drawer.re-drawer .nav-drawer-link:hover,
.nav-drawer.re-drawer .nav-drawer-link.active {
 background: var(--re-ink3, #1A2E3E)!important;
 color: var(--re-p1, #F4EFE4)!important;
 padding-left: 12px!important;
}
.nav-drawer.re-drawer .nav-drawer-section {
 padding: 0 12px!important;
 margin: 16px 0 6px!important;
 color: var(--re-p4, #7A6E66)!important;
}
.nav-drawer.re-drawer .nav-drawer-link {
 min-height: 0!important;
 padding: 11px 12px!important;
 border-radius: 10px!important;
 color: var(--re-p2, #E8DEC4)!important;
 font-size: 15px!important;
 font-weight: 500!important;
}
.nav-drawer.re-drawer .nav-drawer-divider {
 border-top: 1px solid rgba(255,255,255,.07)!important;
 margin: 12px 0!important;
}
.nav-drawer.re-drawer .lang-btn {
 width: 100%!important;
 min-height: 44px!important;
 justify-content: center!important;
 margin: 4px 0 12px!important;
 border: 1px solid rgba(255,255,255,.13)!important;
 border-radius: 8px!important;
 background: var(--re-ink1, #0E1B25)!important;
 color: var(--re-p2, #E8DEC4)!important;
}
.nav-drawer.re-drawer .nav-drawer-cta {
 display: block!important;
 min-height: 0!important;
 margin: 20px 0 0!important;
 padding: 14px!important;
 border-radius: 12px!important;
 background: var(--re-p2, #E8DEC4)!important;
 color: var(--re-ink1, #0E1B25)!important;
}
@media (max-width: 640px) {
 .nav.re-nav .re-nav-inner {
  height: 56px!important;
  min-height: 56px!important;
  padding: 0 24px!important;
 }
 .nav.re-nav .re-nav-links {
  display: none!important;
 }
 .nav.re-nav .nav-hamburger {
  margin-left: auto!important;
 }
}

/* Article UI safety net: keep generated insight pages readable even when older CSS
   used combined selectors instead of descendant selectors. */
body.page-insight-server {
 background: var(--paper-1, #F4EFE4)!important;
 color: var(--ink-1, #0E1B25)!important;
 width: 100%!important;
 max-width: 100%!important;
 overflow-x: hidden!important;
}
.page-insight-server .article-hero,
.page-insight-server .insight-hero {
 background:
  radial-gradient(circle at 16% 10%, rgba(27,79,114,.2), transparent 42%),
 linear-gradient(135deg, var(--ink-1, #0E1B25) 0%, var(--ink-2, #18354A) 58%, #273D4D 100%)!important;
 color: var(--paper-1, #F4EFE4)!important;
 border-bottom: 1px solid rgba(255,255,255,.08)!important;
 overflow: hidden!important;
}
.page-insight-server .article-hero-inner,
.page-insight-server .insight-hero-inner {
 width: 100%!important;
 max-width: 900px!important;
 margin: 0 auto!important;
 padding: 70px 24px 82px!important;
 min-width: 0!important;
}
.page-insight-server .article-kicker,
.page-insight-server .insight-kicker {
 color: var(--paper-2, #E8DEC4)!important;
 font-size: 12px!important;
 font-weight: 800!important;
 letter-spacing: .12em!important;
 text-transform: uppercase!important;
}
.page-insight-server .article-hero h1,
.page-insight-server .insight-hero h1 {
 max-width: 860px!important;
 margin: 14px 0!important;
 color: var(--paper-1, #F4EFE4)!important;
 font-family: var(--font-display, Georgia, serif)!important;
 font-size: clamp(34px, 6vw, 68px)!important;
 line-height: 1.03!important;
 letter-spacing: 0!important;
 overflow-wrap: anywhere!important;
}
.page-insight-server .article-hero p,
.page-insight-server .insight-hero p {
 max-width: 720px!important;
 color: rgba(244,239,228,.78)!important;
 font-size: 17px!important;
 line-height: 1.65!important;
}
.page-insight-server .article-body {
 width: 100%!important;
 max-width: 840px!important;
 margin: -38px auto 88px!important;
 padding: 42px 46px!important;
 background: var(--surface, #FFFBF2)!important;
 border: 1px solid var(--hairline, #D8CBB8)!important;
 border-radius: 14px!important;
 box-shadow: 0 18px 54px rgba(14,27,37,.08)!important;
 overflow: hidden!important;
 min-width: 0!important;
}
.page-insight-server .article-back {
 display: inline-flex!important;
 margin-bottom: 26px!important;
 color: var(--brand, #1B4F72)!important;
 font-weight: 800!important;
 text-decoration: none!important;
}
.page-insight-server .article-body h2,
.page-insight-server .article-body h3,
.page-insight-server .article-cta h2 {
 color: var(--ink-1, #0E1B25)!important;
 font-family: var(--font-display, Georgia, serif)!important;
 line-height: 1.2!important;
 letter-spacing: 0!important;
}
.page-insight-server .article-body h2 {
 margin: 34px 0 14px!important;
 font-size: clamp(24px, 3vw, 34px)!important;
}
.page-insight-server .article-body h3 {
 margin: 28px 0 12px!important;
 font-size: 22px!important;
}
.page-insight-server .article-body p,
.page-insight-server .article-body li {
 color: var(--ink-2, #18354A)!important;
 font-size: 16px!important;
 line-height: 1.78!important;
}
.page-insight-server .article-body p {
 margin: 0 0 18px!important;
}
.page-insight-server .article-body ul,
.page-insight-server .article-body ol {
 padding-left: 24px!important;
 margin: 0 0 20px!important;
}
.page-insight-server .article-body a {
 color: var(--brand, #1B4F72)!important;
 font-weight: 750!important;
 text-decoration-thickness: 1px!important;
 text-underline-offset: 3px!important;
}
.page-insight-server .article-cta {
 margin-top: 40px!important;
 padding: 30px!important;
 background: linear-gradient(135deg, var(--ink-1, #0E1B25), var(--ink-2, #18354A))!important;
 color: var(--paper-1, #F4EFE4)!important;
 border: 0!important;
 border-radius: 14px!important;
}
.page-insight-server .article-cta h2,
.page-insight-server .article-cta p {
 color: var(--paper-1, #F4EFE4)!important;
}
.page-insight-server .article-cta a {
 display: inline-flex!important;
 min-height: 44px!important;
 align-items: center!important;
 justify-content: center!important;
 margin-top: 12px!important;
 padding: 12px 18px!important;
 border-radius: 10px!important;
 background: var(--paper-2, #E8DEC4)!important;
 color: var(--ink-1, #0E1B25)!important;
 font-weight: 900!important;
 text-decoration: none!important;
}
.page-insight-server .related-tools {
 margin-top: 34px!important;
 padding-top: 28px!important;
 border-top: 1px solid var(--hairline, #D8CBB8)!important;
}
.page-insight-server .related-tools h2 {
 font-family: Georgia, "Times New Roman", serif!important;
 font-size: clamp(24px, 3vw, 30px)!important;
 color: var(--ink-1, #0E1B25)!important;
 margin: 0 0 14px!important;
}
.page-insight-server .related-grid {
 display: grid!important;
 grid-template-columns: repeat(2, minmax(0, 1fr))!important;
 gap: 12px!important;
}
.page-insight-server .related-card {
 display: block!important;
 border: 1px solid var(--hairline, #D8CBB8)!important;
 background: #F7F0DF!important;
 border-radius: 12px!important;
 padding: 15px!important;
 text-decoration: none!important;
}
.page-insight-server .related-card strong {
 display: block!important;
 color: var(--ink-1, #0E1B25)!important;
 font-size: 15px!important;
 margin-bottom: 4px!important;
}
.page-insight-server .related-card span {
 display: block!important;
 color: var(--ink-2, #18354A)!important;
 font-size: 13px!important;
 line-height: 1.5!important;
}
@media (max-width: 720px) {
 html,
 body.page-insight-server,
 .page-insight-server .insight-article,
 .page-insight-server #main-content {
  width: 100%!important;
  max-width: 100%!important;
  overflow-x: hidden!important;
 }
 .page-insight-server .article-hero-inner,
 .page-insight-server .insight-hero-inner {
  width: 100%!important;
  max-width: 100%!important;
  padding: 50px 18px 60px!important;
 }
 .page-insight-server .article-hero,
 .page-insight-server .insight-hero {
  width: 100%!important;
  max-width: 100%!important;
  overflow-x: hidden!important;
 }
 .page-insight-server .article-body {
  width: calc(100% - 32px)!important;
  max-width: calc(100% - 32px)!important;
  margin: -24px auto 70px!important;
  padding: 27px 20px!important;
  border-radius: 12px!important;
  overflow-x: hidden!important;
 }
 .page-insight-server .article-body * {
  max-width: 100%!important;
 }
 .page-insight-server .article-hero h1,
 .page-insight-server .insight-hero h1 {
  max-width: 100%!important;
  font-size: clamp(28px, 8vw, 34px)!important;
  line-height: 1.08!important;
  white-space: normal!important;
  overflow-wrap: anywhere!important;
  word-break: normal!important;
 }
 .page-insight-server .article-body p,
 .page-insight-server .article-body li,
 .page-insight-server .article-body h2,
 .page-insight-server .article-body h3 {
  overflow-wrap: anywhere!important;
 }
 .page-insight-server .related-grid {
  grid-template-columns: 1fr!important;
 }
}

/* FAQ parity: homepage accordions use the same clean line-style treatment as
   the main RERAExam page while calculator FAQs keep their local cards. */
.faq-list {
 max-width: 760px!important;
 margin-inline: auto!important;
}
.faq-list .faq-item {
 background: transparent!important;
 border: 0!important;
 border-bottom: 1px solid var(--hairline, #D8CBB8)!important;
 border-radius: 0!important;
 box-shadow: none!important;
 overflow: visible!important;
}
.faq-list .faq-q {
 width: 100%!important;
 min-height: 0!important;
 padding: 20px 0!important;
 background: transparent!important;
 border: 0!important;
 color: var(--ink-1, #0E1B25)!important;
 display: flex!important;
 align-items: center!important;
 justify-content: space-between!important;
 gap: 16px!important;
 text-align: left!important;
 font-size: 17px!important;
 font-weight: 760!important;
 line-height: 1.35!important;
 cursor: pointer!important;
}
.faq-list .faq-q:hover {
 color: var(--brand, #1B4F72)!important;
}
.faq-list .faq-body {
 display: grid!important;
 grid-template-rows: 0fr!important;
 transition: grid-template-rows .3s cubic-bezier(.16,1,.3,1)!important;
}
.faq-list .faq-item.open .faq-body {
 grid-template-rows: 1fr!important;
}
.faq-list .faq-body-inner {
 overflow: hidden!important;
 min-height: 0!important;
}
.faq-list .faq-body-inner p {
 margin: 0!important;
 padding-bottom: 18px!important;
 color: var(--ink-3, #5A6875)!important;
 font-size: 15px!important;
 line-height: 1.74!important;
}
.faq-list .faq-chev {
 flex: 0 0 auto!important;
 width: 20px!important;
 height: 20px!important;
 color: var(--ink-4, #8995A2)!important;
 transition: transform .26s cubic-bezier(.34,1.56,.64,1), color .18s ease!important;
}
.faq-list .faq-item.open .faq-chev {
 transform: rotate(180deg)!important;
 color: var(--brand, #1B4F72)!important;
}
.faq-list .faq-q:has(.faq-chev)::after {
 content: none!important;
}

/* State sitewide brand cohesion pass.
   Older generated pages can carry page-local iOS-style CSS. These final rules
   keep every shared-nav state page on the same RERAExam visual system. */
body:has(#nav-placeholder) {
 background:
  radial-gradient(circle at 10% 0%, rgba(77,161,217,.12), transparent 34%),
  linear-gradient(180deg, rgba(241,236,224,.95), rgba(247,249,251,.98) 420px, #F7F9FB 100%)!important;
 color: var(--ink-2, #2B3944)!important;
 font-family: var(--font-sans)!important;
 overflow-x: hidden!important;
}
body:has(#nav-placeholder) :where(.page, .wrap, .vp-wrap) {
 width: min(100% - 40px, 1080px)!important;
 max-width: 1080px!important;
 margin-left: auto!important;
 margin-right: auto!important;
}
body:has(#nav-placeholder) :where(.page, .wrap) {
 padding-top: 46px!important;
 padding-bottom: 88px!important;
}
body:has(#nav-placeholder) .main {
 width: min(100% - 40px, 480px)!important;
 max-width: 480px!important;
 margin: 0 auto!important;
 padding: 58px 0 88px!important;
}
body:has(#nav-placeholder) :where(h1, h2, .page-title, .card-title, .calc-title, .section-title, .tip-title, .featured-title, .card-title, .contact-title) {
 color: var(--ink-1, #0E1B25)!important;
 font-family: var(--font-display, Georgia, serif)!important;
 font-weight: 800!important;
 letter-spacing: 0!important;
}
body:has(#nav-placeholder) :where(p, li, .page-sub, .calc-sub, .section-body, .tip-text, .summary-l, .card-sub, .card-desc, .contact-text, .updated, .muted, .tiny, .faq-a) {
 color: var(--ink-3, #5A6875)!important;
 line-height: 1.7!important;
}
body:has(#nav-placeholder) .re-nav.nav {
 position: sticky!important;
 top: 0!important;
 z-index: 1000!important;
 min-height: 64px!important;
 background: rgba(14,27,37,.96)!important;
 border-bottom: 1px solid rgba(255,255,255,.08)!important;
 box-shadow: none!important;
 backdrop-filter: blur(18px) saturate(160%)!important;
 -webkit-backdrop-filter: blur(18px) saturate(160%)!important;
}
body:has(#nav-placeholder) .re-nav-inner {
 width: min(100%, 1180px)!important;
 max-width: 1180px!important;
 min-height: 64px!important;
 margin: 0 auto!important;
 padding: 0 24px!important;
}
body:has(#nav-placeholder) .re-brand,
body:has(#nav-placeholder) .re-brand:hover {
 color: var(--paper-1, #F1ECE0)!important;
 font-family: var(--font-display, Georgia, serif)!important;
 font-size: 24px!important;
 font-weight: 800!important;
 letter-spacing: 0!important;
 text-decoration: none!important;
}
body:has(#nav-placeholder) .re-brand::before {
 content: none!important;
 display: none!important;
}
body:has(#nav-placeholder) .re-brand-mark {
 width: 34px!important;
 height: 34px!important;
 border-radius: 50%!important;
 display: block!important;
}
body:has(#nav-placeholder) .re-brand-word,
body:has(#nav-placeholder) .re-brand-word span {
 color: var(--paper-1, #F1ECE0)!important;
}
body:has(#nav-placeholder) .re-brand-word em {
 color: var(--paper-2, #E8DEC4)!important;
 font-style: italic!important;
 font-weight: 500!important;
}
body:has(#nav-placeholder) .re-nav-links {
 gap: 8px!important;
}
body:has(#nav-placeholder) .re-nav-links .nav-link {
 min-height: 38px!important;
 padding: 0 12px!important;
 border-radius: 9px!important;
 color: var(--paper-2, #E8DEC4)!important;
 font-size: 14px!important;
 font-weight: 650!important;
 text-decoration: none!important;
}
body:has(#nav-placeholder) .re-nav-links .nav-link:hover,
body:has(#nav-placeholder) .re-nav-links .nav-link.active {
 background: rgba(255,255,255,.08)!important;
 color: var(--paper-1, #F1ECE0)!important;
 text-decoration: none!important;
}
body:has(#nav-placeholder) .re-nav-cta {
 min-height: 38px!important;
 padding: 0 16px!important;
 border: 1px solid var(--paper-2, #E8DEC4)!important;
 border-radius: 10px!important;
 background: var(--paper-2, #E8DEC4)!important;
 color: var(--ink-1, #0E1B25)!important;
 box-shadow: none!important;
 font-weight: 850!important;
 text-decoration: none!important;
}
body:has(#nav-placeholder) .nav-hamburger {
 width: 42px!important;
 height: 42px!important;
 border-radius: 10px!important;
 color: var(--paper-2, #E8DEC4)!important;
 border: 1px solid rgba(255,255,255,.12)!important;
 background: rgba(255,255,255,.04)!important;
}
body:has(#nav-placeholder) .nav-hamburger:hover {
 background: rgba(255,255,255,.09)!important;
 color: var(--paper-1, #F1ECE0)!important;
}
body:has(#nav-placeholder) .nav-drawer.re-drawer {
 background: var(--ink-1, #0E1B25)!important;
 color: var(--paper-1, #F1ECE0)!important;
 border-left: 1px solid rgba(255,255,255,.08)!important;
 box-shadow: -24px 0 60px rgba(14,27,37,.28)!important;
}
body:has(#nav-placeholder) :where(.nav-drawer-link, .nav-drawer-close, .lang-btn) {
 color: var(--paper-2, #E8DEC4)!important;
}
body:has(#nav-placeholder) .nav-drawer-link:hover,
body:has(#nav-placeholder) .nav-drawer-link.active,
body:has(#nav-placeholder) .nav-drawer-close:hover {
 background: rgba(255,255,255,.08)!important;
 color: var(--paper-1, #F1ECE0)!important;
}
body:has(#nav-placeholder) .nav-drawer-section {
 color: rgba(241,236,224,.52)!important;
}
body:has(#nav-placeholder) .nav-drawer-divider {
 border-color: rgba(255,255,255,.1)!important;
}
body:has(#nav-placeholder) .nav-drawer-cta {
 background: var(--paper-2, #E8DEC4)!important;
 color: var(--ink-1, #0E1B25)!important;
 border-radius: 10px!important;
 font-weight: 850!important;
}
body:has(#nav-placeholder) :where(.exam-pattern-hero, .hub-hero, .hero-box, .cta-box, .vp-hero, .calc-hero, .page-hero) {
 background:
  radial-gradient(circle at 18% 10%, rgba(77,161,217,.2), transparent 42%),
  linear-gradient(135deg, var(--ink-1, #0E1B25) 0%, var(--ink-2, #18354A) 58%, #273D4D 100%)!important;
 border: 0!important;
 border-radius: 14px!important;
 box-shadow: 0 22px 60px rgba(14,27,37,.16)!important;
 color: var(--paper-1, #F1ECE0)!important;
 overflow: hidden!important;
}
body:has(#nav-placeholder) :where(.exam-pattern-hero, .hub-hero, .hero-box, .cta-box, .vp-hero, .calc-hero, .page-hero) :where(h1, h2, h3, p, li, span, .page-sub, .hero-note, .cta-note) {
 color: var(--paper-1, #F1ECE0)!important;
}
body:has(#nav-placeholder) :where(.exam-pattern-hero, .hub-hero, .hero-box, .cta-box, .vp-hero, .calc-hero, .page-hero) p {
 color: rgba(241,236,224,.76)!important;
}
body:has(#nav-placeholder) .hero-card {
 background: rgba(255,255,255,.08)!important;
 border: 1px solid rgba(232,222,196,.24)!important;
 color: var(--paper-1, #F1ECE0)!important;
}
body:has(#nav-placeholder) .hero-card h2 {
 color: var(--paper-2, #E8DEC4)!important;
}
body:has(#nav-placeholder) .hero-card p {
 color: rgba(241,236,224,.72)!important;
}
body:has(#nav-placeholder) .hub-tag {
 background: rgba(255,255,255,.1)!important;
 border: 1px solid rgba(232,222,196,.28)!important;
 color: var(--paper-1, #F1ECE0)!important;
 box-shadow: none!important;
}
body:has(#nav-placeholder) :where(.summary-box, .tip-card, .section-card, .intro-box, .why-box, .q-block, .q-block2, .info-card, .feature-card, .topic-card, .calc-card, .contact-box, .number-card, .scenario-card, .tool-card, .price-card, .card, .panel, .contact-card, .form-box, .highlight-box, .disclaimer, .result, .auth-card, .main > .card) {
 background: var(--surface, #FFFFFF)!important;
 border: 1px solid var(--hairline, #E3E8ED)!important;
 border-radius: 14px!important;
 box-shadow: 0 16px 48px rgba(14,27,37,.07)!important;
 color: var(--ink-2, #2B3944)!important;
}
body:has(#nav-placeholder) :where(.section-card) {
 border-left: 4px solid var(--brand, #1B4F72)!important;
}
body:has(#nav-placeholder) :where(.summary-v, .section-num, .result-main-label, .card-cat, .calc-title strong, .rate-note strong) {
 color: var(--brand, #1B4F72)!important;
}
body:has(#nav-placeholder) :where(.result-main-value, .result-row-value, .price-amt, .stat-v) {
 color: var(--ink-1, #0E1B25)!important;
 font-family: var(--font-display, Georgia, serif)!important;
 letter-spacing: 0!important;
}
body:has(#nav-placeholder) :where(.rate-note, .result-row, .q-options li, .q-opts2 li, .study-plan-step) {
 background: #F7F0DF!important;
 border: 1px solid var(--hairline, #E3E8ED)!important;
 color: var(--ink-2, #2B3944)!important;
}
body:has(#nav-placeholder) :where(.result-row.total, .result-row.highlight, .option.ok) {
 background: var(--pass-bg, #E7F3EC)!important;
 border-color: rgba(30,126,70,.2)!important;
}
body:has(#nav-placeholder) :where(.result-row.warn, .option.bad) {
 background: var(--fail-bg, #FBE9E5)!important;
 border-color: rgba(180,49,28,.18)!important;
}
body:has(#nav-placeholder) :where(.field input, .field select, .field-input, .phone-wrap, .otp-digit, .pin-digit, .tool-input, .tool-select, input, select, textarea) {
 background: #FFFBF2!important;
 border: 1px solid var(--hairline-2, #D6DCE3)!important;
 border-radius: 10px!important;
 color: var(--ink-1, #0E1B25)!important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,.65)!important;
}
body:has(#nav-placeholder) :where(.field input, .field select, .field-input, .phone-wrap, .otp-digit, .pin-digit, .tool-input, .tool-select, input, select, textarea):focus,
body:has(#nav-placeholder) .phone-wrap:focus-within {
 border-color: var(--brand, #1B4F72)!important;
 box-shadow: 0 0 0 3px rgba(27,79,114,.14)!important;
 outline: none!important;
}
body:has(#nav-placeholder) :where(.btn-primary, .btn-pay, .btn-cta, .cta-btn, .hero-btn, .full-cta-btn, .cta-inline-btn, #pw-pay-btn) {
 min-height: 44px!important;
 background: var(--brand, #1B4F72)!important;
 color: #fff!important;
 border: 1px solid var(--brand, #1B4F72)!important;
 border-radius: 10px!important;
 box-shadow: none!important;
 font-weight: 800!important;
 text-decoration: none!important;
}
body:has(#nav-placeholder) :where(.btn-primary, .btn-pay, .btn-cta, .cta-btn, .hero-btn, .full-cta-btn, .cta-inline-btn, #pw-pay-btn):hover {
 background: var(--brand-ink, #123855)!important;
 color: #fff!important;
}
body:has(#nav-placeholder) :where(.btn-secondary, .btn-ghost) {
 min-height: 44px!important;
 border: 1px solid var(--hairline-2, #D6DCE3)!important;
 border-radius: 10px!important;
 background: #FFFBF2!important;
 color: var(--ink-1, #0E1B25)!important;
}
body:has(#nav-placeholder) :where(.pattern-table, .q-table, .info-table) {
 width: 100%!important;
 background: var(--surface, #FFFFFF)!important;
 border: 1px solid var(--hairline, #E3E8ED)!important;
 border-radius: 14px!important;
 border-collapse: separate!important;
 border-spacing: 0!important;
 overflow: hidden!important;
 box-shadow: 0 12px 40px rgba(14,27,37,.06)!important;
}
body:has(#nav-placeholder) :where(.pattern-table th, .q-table th, .info-table th) {
 background: var(--ink-1, #0E1B25)!important;
 color: var(--paper-1, #F1ECE0)!important;
 font-weight: 800!important;
}
body:has(#nav-placeholder) :where(.pattern-table td, .q-table td, .info-table td) {
 background: var(--surface, #FFFFFF)!important;
 border-bottom: 1px solid var(--hairline, #E3E8ED)!important;
 color: var(--ink-2, #2B3944)!important;
}
body:has(#nav-placeholder) :where(.pattern-table tr:nth-child(even) td, .q-table tr:nth-child(even) td, .info-table tr:nth-child(even) td) {
 background: #F7F0DF!important;
}
body:has(#nav-placeholder) .faq-item {
 background: transparent!important;
 border: 0!important;
 border-bottom: 1px solid var(--hairline, #E3E8ED)!important;
 border-radius: 0!important;
 box-shadow: none!important;
 overflow: visible!important;
}
body:has(#nav-placeholder) .faq-q {
 width: 100%!important;
 min-height: 0!important;
 padding: 20px 0!important;
 background: transparent!important;
 border: 0!important;
 color: var(--ink-1, #0E1B25)!important;
 display: flex!important;
 align-items: center!important;
 justify-content: space-between!important;
 gap: 16px!important;
 text-align: left!important;
 font-size: 17px!important;
 font-weight: 760!important;
 line-height: 1.35!important;
 cursor: pointer!important;
}
body:has(#nav-placeholder) .faq-q::after {
 content: "+"!important;
 color: var(--brand, #1B4F72)!important;
 font-family: var(--font-sans)!important;
 font-size: 22px!important;
 font-weight: 500!important;
 transition: transform .22s ease!important;
}
body:has(#nav-placeholder) .faq-list .faq-q:has(.faq-chev)::after {
 content: none!important;
}
body:has(#nav-placeholder) .faq-item.open .faq-q::after {
 transform: rotate(45deg)!important;
}
body:has(#nav-placeholder) .faq-a {
 display: none!important;
 padding: 0 0 20px!important;
 color: var(--ink-3, #5A6875)!important;
 font-size: 15px!important;
 line-height: 1.74!important;
}
body:has(#nav-placeholder) .faq-item.open .faq-a {
 display: block!important;
}
body:has(#nav-placeholder) .pin-digit.dot::after {
 content: ""!important;
 width: 10px!important;
 height: 10px!important;
 border-radius: 50%!important;
 background: var(--brand, #1B4F72)!important;
 display: block!important;
}
body:has(#nav-placeholder) footer.re-footer,
body:has(#nav-placeholder) .re-footer {
 background: var(--ink-1, #0E1B25)!important;
 color: rgba(241,236,224,.76)!important;
 border-top: 1px solid rgba(255,255,255,.08)!important;
}
body:has(#nav-placeholder) .re-footer a {
 color: var(--paper-2, #E8DEC4)!important;
}

@media (prefers-color-scheme: dark) {
 body:has(#nav-placeholder) {
  background:
   radial-gradient(circle at 10% 0%, rgba(77,161,217,.12), transparent 34%),
   linear-gradient(180deg, rgba(241,236,224,.95), rgba(247,249,251,.98) 420px, #F7F9FB 100%)!important;
  color: var(--ink-2, #2B3944)!important;
 }
 body:has(#nav-placeholder) :where(.summary-box, .tip-card, .section-card, .intro-box, .why-box, .q-block, .q-block2, .info-card, .feature-card, .topic-card, .calc-card, .contact-box, .number-card, .scenario-card, .tool-card, .price-card, .card, .panel, .contact-card, .form-box, .highlight-box, .disclaimer, .result, .auth-card, .main > .card) {
  background: var(--surface, #FFFFFF)!important;
  border-color: var(--hairline, #E3E8ED)!important;
  color: var(--ink-2, #2B3944)!important;
 }
 body:has(#nav-placeholder) :where(h1, h2, h3, h4, .calc-title, .section-title, .tip-title, .card-title, .faq-q, .result-main-value, .result-row-value) {
  color: var(--ink-1, #0E1B25)!important;
 }
 body:has(#nav-placeholder) :where(p, li, .page-sub, .calc-sub, .section-body, .tip-text, .summary-l, .card-sub, .card-desc, .contact-text, .updated, .muted, .tiny, .faq-a, .result-note, .result-row-label) {
  color: var(--ink-3, #5A6875)!important;
 }
 body:has(#nav-placeholder) :where(.field input, .field select, .field-input, .phone-wrap, .otp-digit, .pin-digit, .tool-input, .tool-select, input, select, textarea) {
  background: #FFFBF2!important;
  border-color: var(--hairline-2, #D6DCE3)!important;
  color: var(--ink-1, #0E1B25)!important;
 }
 body:has(#nav-placeholder) :where(.exam-pattern-hero, .hub-hero, .hero-box, .cta-box, .vp-hero, .calc-hero, .page-hero) :where(h1, h2, h3, p, li, span, .page-sub, .hero-note, .cta-note) {
  color: var(--paper-1, #F1ECE0)!important;
 }
 body:has(#nav-placeholder) :where(.exam-pattern-hero, .hub-hero, .hero-box, .cta-box, .vp-hero, .calc-hero, .page-hero) p {
  color: rgba(241,236,224,.76)!important;
 }
 body:has(#nav-placeholder) .hero-card h2 {
  color: var(--paper-2, #E8DEC4)!important;
 }
 body:has(#nav-placeholder) .hero-card p {
  color: rgba(241,236,224,.72)!important;
 }
 body:has(#nav-placeholder) .hub-tag {
  background: rgba(255,255,255,.1)!important;
  border-color: rgba(232,222,196,.28)!important;
  color: var(--paper-1, #F1ECE0)!important;
 }
}

@media (max-width: 760px) {
 body:has(#nav-placeholder) :where(.page, .wrap, .vp-wrap),
 body:has(#nav-placeholder) .main {
  width: min(100% - 32px, 1080px)!important;
 }
 body:has(#nav-placeholder) :where(.page, .wrap) {
  padding-top: 34px!important;
  padding-bottom: 72px!important;
 }
 body:has(#nav-placeholder) .main {
  padding-top: 38px!important;
 }
 body:has(#nav-placeholder) .re-nav.nav,
 body:has(#nav-placeholder) .re-nav-inner {
  min-height: 58px!important;
 }
 body:has(#nav-placeholder) .re-nav-inner {
  padding: 0 16px!important;
 }
 body:has(#nav-placeholder) .re-brand {
  font-size: 22px!important;
 }
 body:has(#nav-placeholder) .re-brand-mark {
  width: 30px!important;
  height: 30px!important;
 }
 body:has(#nav-placeholder) :where(.exam-pattern-hero, .hub-hero, .hero-box, .cta-box, .vp-hero, .calc-hero, .page-hero) {
  border-radius: 12px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
 }
 body:has(#nav-placeholder) :where(.exam-pattern-hero, .hub-hero, .hero-box, .cta-box, .vp-hero, .calc-hero, .page-hero) :where(h1, h2) {
  font-size: clamp(30px, 8.6vw, 36px)!important;
  line-height: 1.08!important;
  white-space: normal!important;
  overflow-wrap: anywhere!important;
 }
 body:has(#nav-placeholder) .hero h1 {
  font-size: clamp(38px, 11vw, 46px)!important;
  line-height: 1.03!important;
  white-space: normal!important;
  overflow-wrap: anywhere!important;
 }
 body:has(#nav-placeholder) .actions {
  display: grid!important;
  grid-template-columns: 1fr!important;
  align-items: stretch!important;
 }
 body:has(#nav-placeholder) .actions .btn {
  width: 100%!important;
 }
 body:has(#s-home) .nav {
  overflow: hidden!important;
 }
 body:has(#s-home) .nav-inner {
  padding-left: 14px!important;
  padding-right: 14px!important;
  gap: 8px!important;
 }
 body:has(#s-home) .nav-right > a[href$="/insights"] {
  display: none!important;
 }
 body:has(#s-home) .nav-brand-tag {
  max-width: 128px!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important;
 }
 body:has(#s-home) #p-home,
 body:has(#s-home) #p-exam,
 body:has(#s-home) #p-results,
 body:has(#s-home) #p-rewards,
 body:has(#s-home) #p-settings {
  overflow-x: hidden!important;
 }
 body:has(#s-home) #p-home * {
  max-width: 100%!important;
 }
 body:has(#s-home) #p-home div[style*="grid-template-columns:1fr 1fr"] {
  grid-template-columns: 1fr!important;
 }
 body:has(#s-home) #p-home div[style*="display:flex"][style*="align-items:center"][style*="gap:12px"] {
  flex-wrap: wrap!important;
 }
 body:has(#s-home) #p-home div[style*="display:flex"][style*="align-items:center"][style*="gap:12px"] button[onclick="startDaily()"] {
  margin-left: 48px!important;
  padding-left: 14px!important;
  padding-right: 14px!important;
 }
 body:has(#s-home) .tab-bar,
 body:has(#s-home) .bottom-nav {
  overflow: hidden!important;
 }
 body:has(#s-home) .tab-item,
 body:has(#s-home) .bn-item {
  min-width: 0!important;
 }
 body:has(#nav-placeholder) :where(.summary-grid, .stat-row, .two-fields, .grid, .topic-grid, .tool-grid, .feature-grid) {
  grid-template-columns: 1fr!important;
 }
 body:has(#nav-placeholder) :where(.pattern-table, .q-table, .info-table) {
  display: block!important;
  overflow-x: auto!important;
  -webkit-overflow-scrolling: touch!important;
 }
 body:has(#nav-placeholder) .faq-q {
  font-size: 16px!important;
 }
}

/* UP parity layer: keep the state portal aligned with the main RERAExam chrome. */
.nav.re-nav {
 background: rgba(14,27,37,.92)!important;
 backdrop-filter: saturate(180%) blur(22px)!important;
 -webkit-backdrop-filter: saturate(180%) blur(22px)!important;
 border-bottom: 1px solid rgba(255,255,255,.07)!important;
 position: sticky!important;
 top: 0!important;
 z-index: 500!important;
}
.nav.re-nav .re-nav-inner {
 height: 56px!important;
 max-width: 1100px!important;
 padding: 0 24px!important;
 gap: 12px!important;
}
.nav.re-nav .re-brand {
 font-size: 21px!important;
 line-height: 1!important;
 color: var(--paper-2, #E8DEC4)!important;
}
.nav.re-nav .re-brand-mark {
 width: 34px!important;
 height: 34px!important;
}
.nav.re-nav .nav-link {
 color: rgba(232,222,196,.74)!important;
 padding: 6px 10px!important;
 border-radius: 8px!important;
 font-size: 13px!important;
 font-weight: 600!important;
 text-decoration: none!important;
}
.nav.re-nav .nav-link:hover,
.nav.re-nav .nav-link.active {
 background: rgba(255,255,255,.08)!important;
 color: #F4EFE4!important;
}
.nav.re-nav .re-nav-secondary {
 display: none!important;
}
.nav.re-nav .re-nav-cta {
 background: #E8DEC4!important;
 color: #0E1B25!important;
 border-radius: 999px!important;
 min-height: 36px!important;
 padding: 8px 18px!important;
 font-size: 13px!important;
 font-weight: 800!important;
}
.nav.re-nav .re-nav-cta:hover {
 background: #fff!important;
 transform: translateY(-1px);
}
.nav.re-nav .nav-hamburger {
 display: flex!important;
 color: rgba(232,222,196,.78)!important;
 border-radius: 8px!important;
}
.nav.re-nav .nav-hamburger:hover {
 background: rgba(255,255,255,.08)!important;
 color: #F4EFE4!important;
}
.nav-drawer-backdrop.open {
 background: rgba(0,0,0,.62)!important;
}
.nav-drawer.re-drawer {
 background: #13212F!important;
 color: #E8DEC4!important;
 border-left: 1px solid rgba(255,255,255,.08)!important;
 box-shadow: -20px 0 60px rgba(0,0,0,.28)!important;
}
.nav-drawer.re-drawer .re-brand,
.nav-drawer.re-drawer .re-brand-word,
.nav-drawer.re-drawer .re-brand-word em {
 color: #E8DEC4!important;
}
.nav-drawer.re-drawer .nav-drawer-close {
 color: rgba(232,222,196,.78)!important;
}
.nav-drawer.re-drawer .nav-drawer-close:hover,
.nav-drawer.re-drawer .nav-drawer-link:hover,
.nav-drawer.re-drawer .nav-drawer-link.active {
 background: rgba(255,255,255,.08)!important;
 color: #F4EFE4!important;
}
.nav-drawer.re-drawer .nav-drawer-section {
 color: rgba(232,222,196,.42)!important;
}
.nav-drawer.re-drawer .nav-drawer-link {
 color: rgba(232,222,196,.78)!important;
 text-decoration: none!important;
}
.nav-drawer.re-drawer .nav-drawer-divider {
 border-color: rgba(255,255,255,.08)!important;
}
.nav-drawer.re-drawer .nav-drawer-cta {
 background: #E8DEC4!important;
 color: #0E1B25!important;
 border-radius: 12px!important;
}
body:has(#nav-placeholder) {
 background:
  radial-gradient(circle at 9% 0%, rgba(27,79,114,.1), transparent 30%),
  linear-gradient(180deg, #F4EFE4 0%, #F7F9FB 360px, #F7F9FB 100%)!important;
}
body:has(#nav-placeholder) .section,
body:has(#nav-placeholder) .page,
body:has(#nav-placeholder) .wrap {
 position: relative;
}
body:has(#nav-placeholder) .btn,
body:has(#nav-placeholder) .nav-cta,
body:has(#nav-placeholder) .footer-cta,
body:has(#nav-placeholder) button {
 transition: background .18s ease, border-color .18s ease, color .18s ease, transform .15s ease, box-shadow .18s ease!important;
}
body:has(#nav-placeholder) .btn:hover,
body:has(#nav-placeholder) .feature:hover,
body:has(#nav-placeholder) .topic:hover,
body:has(#nav-placeholder) .price-card:hover,
body:has(#nav-placeholder) .card:hover {
 transform: translateY(-2px);
}
body:has(#nav-placeholder) .feature,
body:has(#nav-placeholder) .topic,
body:has(#nav-placeholder) .price-card,
body:has(#nav-placeholder) .summary-box,
body:has(#nav-placeholder) .tip-card,
body:has(#nav-placeholder) .section-card,
body:has(#nav-placeholder) .calc-card,
body:has(#nav-placeholder) .contact-card,
body:has(#nav-placeholder) .form-box,
body:has(#nav-placeholder) .highlight-box,
body:has(#nav-placeholder) .card {
 box-shadow: 0 10px 32px rgba(14,27,37,.06)!important;
 transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
body:has(#nav-placeholder) .feature:hover,
body:has(#nav-placeholder) .topic:hover,
body:has(#nav-placeholder) .price-card:hover,
body:has(#nav-placeholder) .summary-box:hover,
body:has(#nav-placeholder) .tip-card:hover,
body:has(#nav-placeholder) .section-card:hover,
body:has(#nav-placeholder) .calc-card:hover,
body:has(#nav-placeholder) .contact-card:hover,
body:has(#nav-placeholder) .card:hover {
 box-shadow: 0 18px 54px rgba(14,27,37,.1)!important;
 border-color: #BDAE98!important;
}
body:has(#nav-placeholder) .checks li::before,
body:has(#nav-placeholder) .check-box.checked::after {
 content: "\2713"!important;
}

/* Main-home style motion for the UP state landing page. */
.ix-aurora {
 position: absolute;
 inset: 0;
 pointer-events: none;
 z-index: 0;
 overflow: hidden;
}
.ix-orb {
 position: absolute;
 border-radius: 999px;
 will-change: transform;
}
.ix-o1 {
 width: 760px;
 height: 760px;
 top: -360px;
 left: -200px;
 background: radial-gradient(circle, rgba(27,79,114,.5), transparent 68%);
 filter: blur(72px);
 animation: auroraA 20s ease-in-out infinite;
}
.ix-o2 {
 width: 520px;
 height: 520px;
 top: -120px;
 right: -90px;
 background: radial-gradient(circle, rgba(77,161,217,.32), transparent 65%);
 filter: blur(56px);
 animation: auroraB 14s ease-in-out infinite;
}
.ix-o3 {
 width: 420px;
 height: 420px;
 bottom: -160px;
 left: 42%;
 background: radial-gradient(circle, rgba(232,222,196,.12), transparent 70%);
 filter: blur(50px);
 animation: auroraC 18s ease-in-out infinite;
}
.ix-line {
 display: block;
 overflow: hidden;
}
.ix-inner {
 display: block;
 transform: translateY(110%);
 animation: lineUp .9s cubic-bezier(.16,1,.3,1) forwards;
 will-change: transform;
}
.ix-line:nth-child(2) .ix-inner {
 animation-delay: .12s;
}
.ix-line:nth-child(3) .ix-inner {
 animation-delay: .24s;
}
.ix-enter {
 opacity: 0;
 transform: translateY(14px);
 animation: fadeUp .8s cubic-bezier(.16,1,.3,1) forwards;
 animation-delay: var(--d,0s);
}
.hero .k-dot {
 animation: dotGlow 2.2s ease-in-out infinite;
}
.hero-card {
 animation: floatCard 7s ease-in-out infinite .6s;
 will-change: transform;
}
.crest-stage {
 position: relative!important;
 overflow: hidden!important;
}
.crest-stage::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 height: 2px;
 background: linear-gradient(90deg, transparent, rgba(77,161,217,.72), rgba(255,255,255,.52), rgba(77,161,217,.72), transparent);
 box-shadow: 0 0 12px rgba(77,161,217,.56);
 animation: scanLine 3.5s ease-in-out infinite;
 z-index: 2;
}
@keyframes auroraA {
 0%,100% { transform: translate3d(0,0,0) scale(1); }
 50% { transform: translate3d(80px,46px,0) scale(1.06); }
}
@keyframes auroraB {
 0%,100% { transform: translate3d(0,0,0) scale(1); }
 50% { transform: translate3d(-54px,34px,0) scale(1.08); }
}
@keyframes auroraC {
 0%,100% { transform: translate3d(0,0,0) scale(1); }
 50% { transform: translate3d(22px,-54px,0) scale(1.04); }
}
@keyframes lineUp {
 to { transform: translateY(0); }
}
@keyframes fadeUp {
 to { opacity: 1; transform: translateY(0); }
}
@keyframes dotGlow {
 0%,100% { box-shadow: 0 0 0 0 rgba(77,164,106,.34); }
 50% { box-shadow: 0 0 0 7px rgba(77,164,106,0); }
}
@keyframes floatCard {
 0%,100% { transform: translateY(0); }
 50% { transform: translateY(-8px); }
}
@keyframes scanLine {
 0% { top: 0; opacity: 0; }
 12%,82% { opacity: 1; }
 100% { top: 100%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
 .ix-orb,
 .ix-inner,
 .ix-enter,
 .hero-card,
 .crest-stage::before,
 .hero .k-dot {
  animation: none!important;
  transform: none!important;
  opacity: 1!important;
 }
}

/* Correct state Knowledge Hub and server-rendered article selectors. */
body.page-insights .hero {
 background: radial-gradient(circle at 18% 12%, rgba(77,161,217,.2), transparent 40%), linear-gradient(135deg,#0E1B25 0%,#18354A 58%,#273D4D 100%)!important;
 color: #F4EFE4!important;
}
body.page-insights .hero h1,
body.page-insights .hero h1 span {
 color: #F4EFE4!important;
}
body.page-insights .hero h1 em {
 color: #E8DEC4!important;
}
body.page-insights .hero p,
body.page-insights .hero-stat {
 color: rgba(244,239,228,.76)!important;
}
body.page-insights .controls {
 top: 56px!important;
 background: rgba(244,239,228,.94)!important;
 border-bottom: 1px solid #D8CBB8!important;
}
body.page-insights .search-wrap input,
body.page-insights .sort-select {
 background: #FFFBF2!important;
 border: 1px solid #D8CBB8!important;
 color: #0E1B25!important;
}
body.page-insights .cat-btn {
 background: #FFFBF2!important;
 color: #18354A!important;
 border: 1px solid #D8CBB8!important;
}
body.page-insights .cat-btn.active {
 background: #1B4F72!important;
 border-color: #1B4F72!important;
 color: #F4EFE4!important;
}
body.page-insights .featured,
body.page-insights .card,
body.page-insights .hub-context {
 background: #FFFBF2!important;
 border: 1px solid #D8CBB8!important;
 color: #18354A!important;
}
body.page-insights .featured-title,
body.page-insights .card-title {
 color: #0E1B25!important;
}
body.page-insights .featured-desc,
body.page-insights .card-desc {
 color: #18354A!important;
}
.page-insight-server .insight-hero,
.page-insight-server .article-hero {
 background: radial-gradient(circle at 18% 14%, rgba(77,161,217,.18), transparent 42%), linear-gradient(135deg,#0E1B25 0%,#18354A 58%,#273D4D 100%)!important;
 color: #F4EFE4!important;
}
.page-insight-server .insight-hero h1,
.page-insight-server .article-hero h1 {
 color: #F4EFE4!important;
}
.page-insight-server .insight-hero h1 em,
.page-insight-server .article-hero h1 em {
 color: #E8DEC4!important;
}
.page-insight-server .insight-hero p,
.page-insight-server .article-hero p {
 color: rgba(244,239,228,.76)!important;
}
.page-insight-server .article-body,
.page-insight-server .insight-card,
.page-insight-server .article-cta {
 background: #FFFBF2!important;
 border: 1px solid #D8CBB8!important;
 border-radius: 14px!important;
 color: #18354A!important;
}

@media (max-width: 820px) {
 .nav.re-nav .re-nav-links {
  display: none!important;
 }
 .nav.re-nav .re-nav-inner {
  height: 58px!important;
  padding: 0 16px!important;
 }
 .nav.re-nav .re-brand {
  font-size: 22px!important;
 }
 .site-shell .hero {
  padding-top: 58px!important;
 }
}

/* Main RERAExam nav standard lock. Keeps state-folder chrome visually identical to reraexam.com. */
body:has(#nav-placeholder) .re-nav.nav {
 min-height: 0!important;
 height: auto!important;
 display: block!important;
 padding-left: 0!important;
 padding-right: 0!important;
 background: rgba(14,27,37,.92)!important;
 border-bottom: 1px solid rgba(255,255,255,.07)!important;
 box-shadow: none!important;
 backdrop-filter: saturate(180%) blur(22px)!important;
 -webkit-backdrop-filter: saturate(180%) blur(22px)!important;
}
body:has(#nav-placeholder) .re-nav-inner {
 width: 100%!important;
 max-width: 1100px!important;
 min-height: 56px!important;
 height: 56px!important;
 margin: 0 auto!important;
 padding: 0 24px!important;
 gap: 12px!important;
}
body:has(#nav-placeholder) .re-brand,
body:has(#nav-placeholder) .re-brand:hover {
 min-height: 34px!important;
 font-size: 21px!important;
 font-weight: 700!important;
 line-height: 1!important;
 color: var(--re-p2, #E8DEC4)!important;
}
body:has(#nav-placeholder) .re-brand-mark {
 width: 34px!important;
 height: 34px!important;
}
body:has(#nav-placeholder) .re-brand-word,
body:has(#nav-placeholder) .re-brand-word em {
 font-size: 21px!important;
 color: var(--re-p2, #E8DEC4)!important;
}
body:has(#nav-placeholder) .re-nav-links {
 gap: 4px!important;
}
body:has(#nav-placeholder) .re-nav-links .nav-link,
body:has(#nav-placeholder) .re-nav-links .re-login {
 min-height: 0!important;
 height: auto!important;
 padding: 6px 10px!important;
 border-radius: 8px!important;
 background: transparent!important;
 color: var(--re-p3, #B8A99A)!important;
 font-size: 13px!important;
 font-weight: 500!important;
 line-height: 1.35!important;
 text-decoration: none!important;
}
body:has(#nav-placeholder) .re-nav-links .nav-link:hover,
body:has(#nav-placeholder) .re-nav-links .re-login:hover {
 background: var(--re-ink4, #22394D)!important;
 color: var(--re-p1, #F4EFE4)!important;
}
body:has(#nav-placeholder) .re-nav-cta {
 min-height: 0!important;
 height: auto!important;
 padding: 8px 18px!important;
 border: 0!important;
 border-radius: 999px!important;
 background: var(--re-p2, #E8DEC4)!important;
 color: var(--re-ink1, #0E1B25)!important;
 box-shadow: none!important;
 font-size: 13px!important;
 font-weight: 700!important;
 line-height: 1.45!important;
 text-decoration: none!important;
}
body:has(#nav-placeholder) .nav-hamburger {
 width: auto!important;
 min-width: 0!important;
 height: auto!important;
 min-height: 0!important;
 padding: 8px!important;
 border: 0!important;
 border-radius: 8px!important;
 background: none!important;
 box-shadow: none!important;
 color: var(--re-p3, #B8A99A)!important;
}
body:has(#nav-placeholder) .nav-hamburger svg {
 width: 22px!important;
 height: 22px!important;
}
body:has(#nav-placeholder) .nav-hamburger:hover {
 background: var(--re-ink4, #22394D)!important;
 color: var(--re-p1, #F4EFE4)!important;
}

@media (max-width: 860px) {
 .reveal {
  opacity: 1!important;
  transform: none!important;
  transition: none!important;
 }
 .site-shell > header.hero .hero-card.ix-enter {
  opacity: 1!important;
  transform: none!important;
  animation: none!important;
 }
}