/**
 * U.S. Car Sales Tax Calculator — page CSS
 *
 * Inherits `_rtg-calculator-system.css` plus Malaysia-route `road-tax-calculator.css` (CPS→RTX bridge,
 * boxed vertical rhythm, prose lane) matching `/road-tax-calculator/` loader order — then this sheet.
 *
 * This file ONLY contains:
 *   - USA-only aliases (`--rtg-usx-*`, composition locals only)
 *   - composition layer (§1b): prose/HTML lane + calc inner (Road band fill)
 *   - hero surface parity with Malaysia `/road-tax-calculator/` (no photo bg)
 *   - calculator inner shell + form grid + results (page-specific)
 *   - utility / rules / benefits grids (page-specific content)
 *   - inline disclaimer note inside editorial card (no standalone band)
 *   - FAQ source-markup compactness (pre-JS only)
 *
 * Shell, prose lane, chapter rhythm, calc band, modules, breaks,
 * FAQ chapter margins, and typography cadence come entirely from
 * `_rtg-calculator-system.css` on `body.rtg-calculator-page` — same
 * ownership as Road Tax (Road additionally maps legacy `--rtg-rtx-*`).
 *
 * COMPOSITION (this file, Road-style): reading-lane reinforcement,
 * HTML-widget lane alignment, and calculator inner width matching Road’s
 * band fill (`100%` inner). Only `--rtg-usx-*` locals; never redefines
 * shared `--rtg-cps-*` cadence tokens.
 */

/* =========================================================
 * 1. PAGE-LOCAL ALIASES — no `--rtg-cps-*` overrides here
 * =======================================================*/
.rtg-usa-car-sales-tax-calculator {
	/* HTML utility grids: same measure as the shared prose lane. */
	--rtg-usx-utility-lane-max: var(--rtg-cps-prose-max);
	--rtg-usx-grid-block-start: var(--rtg-cps-section-mt);
	--rtg-usx-grid-block-end: var(--rtg-cps-section-mb);
	/* Inner calc shell: Road uses full band width (`max-width: 100%` in band). */
	--rtg-usx-calc-inner-max: 100%;

	/* Local aliases used by page-specific grids and surfaces below. */
	--rtg-usx-module-radius: var(--rtg-cps-module-radius);
	--rtg-usx-module-border: var(--rtg-cps-module-border);
	--rtg-usx-module-border-soft: var(--rtg-cps-module-border-soft);
	--rtg-usx-module-tint: var(--rtg-cps-module-tint);
	--rtg-usx-module-tint-deep: var(--rtg-cps-module-tint-deep);
	--rtg-usx-text: var(--rtg-cps-text);
	--rtg-usx-text-soft: var(--rtg-cps-text-soft);
}


/* =========================================================
 * 1a. ELEMENTOR post-2467 NEUTRALIZATION (USA route only)
 * Higher specificity than `post-2467.css`; does not affect Malaysia,
 * Car Loan, or other calculators. Keeps chapter rhythm on CPS tokens.
 * =======================================================*/

/* Chapter + FAQ vertical rhythm — single source (matches `_rtg-calculator-system.css` intent) */
body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .elementor > .elementor-element.e-con-boxed.e-parent {
	margin-top: var(--rtg-cps-section-mt);
	margin-bottom: var(--rtg-cps-section-mb);
}

body.rtg-usa-car-sales-tax-calculator.rtg-road-tax-calculator .elementor > .elementor-element.e-con-boxed:not(.e-parent) {
	margin-top: 0;
	margin-bottom: 0;
}

body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .elementor > .elementor-element.e-con-boxed.e-parent.faq-section,
body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .elementor > .elementor-element.e-con-boxed.e-parent.rtg-calc-faq-band {
	margin-top: var(--rtg-cps-faq-mt);
	margin-bottom: var(--rtg-cps-faq-mb);
}

body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .elementor > .elementor-element.e-con-boxed.e-parent.rtg-calc-band {
	margin-top: var(--rtg-cps-calc-mt);
	margin-bottom: calc(var(--rtg-cps-calc-mb) + var(--rtg-cps-calc-spacer));
}

/* Editorial headings — lock to CPS cadence over export widget rules */
body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-module .elementor-widget-heading h2.elementor-heading-title {
	font-size: clamp(1.25rem, 2vw, 1.58rem);
	font-weight: 700;
	letter-spacing: -0.015em;
	line-height: 1.23;
	color: #12263a;
}

body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-module .elementor-widget-heading h3.elementor-heading-title {
	font-size: clamp(1.03rem, 1.45vw, 1.22rem);
	font-weight: 600;
	line-height: 1.23;
	color: #12263a;
}

body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-module .elementor-widget-heading h4.elementor-heading-title {
	font-size: clamp(0.98rem, 1.2vw, 1.05rem);
	font-weight: 700;
	line-height: 1.25;
	color: #12263a;
}

/* Prose — match shared editorial stack (`_rtg-calculator-system.css` §7) */
body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-intro .elementor-widget-text-editor p,
body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-module .elementor-widget-text-editor p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	line-height: var(--rtg-cps-prose-line);
	color: var(--rtg-cps-text);
}

body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-intro .elementor-widget-text-editor p a,
body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-module .elementor-widget-text-editor p a {
	color: var(--rtg-cps-link);
	font-weight: 600;
}


/* =========================================================
 * 1b. COMPOSITION LAYER — editorial lane + calc anchor
 * (Road `road-tax-calculator.css` reinforces prose + band inner;
 *  same idea: semantic wrappers + `--rtg-cps-prose-max` read-only.)
 * =======================================================*/

/* Reinforce reading measure where Elementor width utilities outrank
 * the shared `.rtg-calculator-page` prose lane (intro, modules). */
.rtg-usa-car-sales-tax-calculator .rtg-calc-intro .elementor-widget-text-editor .elementor-widget-container {
	max-width: 100%;
	margin-inline: 0;
	width: 100%;
	box-sizing: border-box;
}

.rtg-usa-car-sales-tax-calculator .rtg-calc-module .elementor-widget-heading .elementor-widget-container,
.rtg-usa-car-sales-tax-calculator .rtg-calc-module .elementor-widget-text-editor .elementor-widget-container {
	max-width: var(--rtg-cps-prose-max);
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	box-sizing: border-box;
}

.rtg-usa-car-sales-tax-calculator .rtg-calc-module .elementor-widget-heading .elementor-widget-container {
	text-align: left;
}

/* Intro narrative rhythm (uses shared prose token; not a cadence fork). */
.rtg-usa-car-sales-tax-calculator .rtg-calc-intro .elementor-widget-text-editor p {
	margin-block-end: var(--rtg-cps-prose-mb);
}

.rtg-usa-car-sales-tax-calculator .rtg-calc-intro .elementor-widget-text-editor p:last-child {
	margin-block-end: 0;
}

/* HTML utility grids: shared system excludes `.elementor-widget-html`
 * from the prose lane — bind the same measure here (Road-style lane). */
.rtg-usa-car-sales-tax-calculator .rtg-calc-module .elementor-widget-html .elementor-widget-container {
	max-width: var(--rtg-cps-prose-max);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

/* Stack breathing inside chapter cards (composition, not section margins). */
.rtg-usa-car-sales-tax-calculator .rtg-calc-module > .e-con-inner > .elementor-widget-heading + .elementor-widget-text-editor,
.rtg-usa-car-sales-tax-calculator .rtg-calc-module > .e-con-inner > .elementor-widget-heading + .elementor-widget-html,
.rtg-usa-car-sales-tax-calculator .rtg-calc-module > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading + .elementor-widget-text-editor,
.rtg-usa-car-sales-tax-calculator .rtg-calc-module > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-heading + .elementor-widget-html {
	margin-block-start: 0.42rem;
}

/* Intro: match Road editorial line rhythm (shared CPS prose line). */
.rtg-usa-car-sales-tax-calculator .rtg-calc-intro .elementor-widget-text-editor {
	line-height: var(--rtg-cps-prose-line);
}

/* Main column: gentle tail under FAQ (`layout.php` rewrites `#inner-wrap` → `#main-content`). */
.rtg-usa-car-sales-tax-calculator main#main-content,
.rtg-usa-car-sales-tax-calculator main#inner-wrap {
	padding-bottom: clamp(1rem, 2.5vw, 1.65rem);
}


/* =========================================================
 * 2. HERO — Road Tax Malaysia parity (wash + typography lock)
 *
 * Malaysia opens with a lead spacer `e-con` before the hero `<section>`.
 * Match that DOM here; target the first hero section (not `:first-child` of `.elementor`).
 * Elementor post-2467.css can undersize hero headings; lock to `--rtg-cps-hero-*`.
 * =======================================================*/

.rtg-calculator-page.rtg-usa-car-sales-tax-calculator .elementor > section.rtg-calc-hero.rtg-calc-hero--editorial:first-of-type {
	padding-top: clamp(36px, 4.5vw, 54px);
}

/* Full-width hero lane — gradient-forward (screenshot); dot grid ultra-subtle */
.rtg-usa-car-sales-tax-calculator section.rtg-usa-cst-hero.elementor-section {
	position: relative;
	background-color: #f5f9fd;
	background-image:
		radial-gradient(circle at 1px 1px, rgba(43, 108, 176, 0.056) 1px, transparent 0),
		linear-gradient(180deg, #ffffff 0%, #f7fafc 38%, #edf4fb 100%);
	background-size: 24px 24px, auto;
	background-position: 0 0;
	background-repeat: repeat, no-repeat;
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-hero .elementor-column > .elementor-widget-wrap {
	background: transparent;
	padding-block: clamp(0.85rem, 2.2vw, 1.35rem);
	box-sizing: border-box;
}

/* Seam hero → intro paragraphs → calculator band (screenshot parity) */
.rtg-usa-car-sales-tax-calculator .elementor > .e-con.rtg-calc-break--after-hero {
	margin-block: 0;
}

body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .elementor > .e-con.rtg-usa-cst-intro {
	margin-top: 0 !important;
	max-width: var(--rtg-cps-shell-max);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
	align-self: center;
	background-color: transparent;
	background-image:
		radial-gradient(circle at 1px 1px, rgba(43, 108, 176, 0.056) 1px, transparent 0),
		linear-gradient(180deg, #edf4fb 0%, #f5f9fd 55%, #fafcfe 100%);
	background-size: 24px 24px, auto;
	background-repeat: repeat, no-repeat;
	box-shadow: none;
	border-radius: 0;
	border: none;
	padding-block: clamp(0.35rem, 1.5vw, 0.72rem);
}

.rtg-usa-car-sales-tax-calculator .elementor > .e-con.rtg-usa-cst-calc-band.rtg-calc-band {
	margin-top: 0 !important;
}

/* Chapter shells — halo variant (flex containers + boxed sections) */
.rtg-usa-car-sales-tax-calculator .elementor > .elementor-element.e-con-boxed.e-parent.rtg-calc-module,
.rtg-usa-car-sales-tax-calculator .elementor > section.elementor-top-section.elementor-section-boxed.rtg-usa-cst-module.rtg-calc-module {
	border-color: var(--rtg-cps-module-border);
	box-shadow:
		0 0 0 1px rgba(15, 23, 42, 0.05),
		0 2px 16px rgba(15, 23, 42, 0.055);
}

.rtg-usa-car-sales-tax-calculator
	.elementor
	> .elementor-element.e-con-boxed.e-parent.rtg-calc-module.rtg-calc-module--halo,
.rtg-usa-car-sales-tax-calculator
	.elementor
	> section.elementor-top-section.elementor-section-boxed.rtg-usa-cst-module.rtg-calc-module.rtg-calc-module--halo {
	box-shadow:
		0 0 0 1px rgba(15, 23, 42, 0.068),
		0 6px 22px rgba(15, 23, 42, 0.065);
}

.rtg-usa-car-sales-tax-calculator
	.elementor
	> .elementor-element.e-con-boxed.e-parent.rtg-calc-module.rtg-calc-module--tint,
.rtg-usa-car-sales-tax-calculator
	.elementor
	> section.elementor-top-section.elementor-section-boxed.rtg-usa-cst-module.rtg-calc-module.rtg-calc-module--tint {
	box-shadow:
		0 0 0 1px rgba(43, 108, 176, 0.08),
		0 5px 20px rgba(15, 23, 42, 0.052);
}

/* Boxed editorial modules: slightly taller vertical rhythm (Malaysia parity). */
body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .elementor > section.elementor-top-section.elementor-section-boxed.rtg-usa-cst-module.rtg-calc-module > .elementor-container {
	padding-block: calc(var(--rtg-cps-module-pad-y) * 1.12);
}

body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-hero h1.elementor-heading-title {
	text-align: center;
	margin: 0;
	font-family: var(--rtg-font-heading), "ABeeZee", Arial, Helvetica, sans-serif;
	font-size: var(--rtg-cps-hero-h1-size);
	font-weight: var(--rtg-cps-hero-h1-weight);
	line-height: var(--rtg-cps-hero-h1-line);
	letter-spacing: var(--rtg-cps-hero-h1-track);
	color: var(--rtg-cps-hero-h1-color);
	max-width: none;
	text-wrap: balance;
}

body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-hero h2.elementor-heading-title {
	text-align: center;
	margin: 0 auto;
	font-family: var(--rtg-font-heading), "ABeeZee", Arial, Helvetica, sans-serif;
	font-size: var(--rtg-cps-hero-h2-size);
	font-weight: var(--rtg-cps-hero-h2-weight);
	line-height: 1.28;
	color: var(--rtg-cps-hero-h2-color);
	max-width: var(--rtg-cps-shell-max);
	white-space: normal;
	text-wrap: balance;
	border-top: none;
	padding-top: 0;
}

@media (max-width: 1024px) {
	body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-hero h1.elementor-heading-title {
		font-size: var(--rtg-cps-hero-h1-size-md);
	}
	body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-hero h2.elementor-heading-title {
		font-size: var(--rtg-cps-hero-h2-size-md);
	}
}

@media (max-width: 767px) {
	body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-hero h1.elementor-heading-title {
		font-size: var(--rtg-cps-hero-h1-size-sm);
		line-height: 1.35em;
		letter-spacing: -0.45px;
	}
	body.rtg-usa-car-sales-tax-calculator.elementor-page .rtg-calc-hero h2.elementor-heading-title {
		font-size: var(--rtg-cps-hero-h2-size-sm);
		line-height: 1.3;
	}
}


/* =========================================================
 * 3. CALCULATOR INNER SHELL
 *
 * The shared system paints the band (border, gradient, shadow,
 * padding, width). The components.css `.rtg-calculator__inner`
 * defaults add their OWN border/background/shadow/padding — those
 * must be reset here so the band stays the single surface.
 * =======================================================*/
.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-calculator.calculator-section.rtg-calculator {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
}

.rtg-usa-car-sales-tax-calculator .rtg-calc-band .rtg-usa-cst-calculator .rtg-calculator__inner {
	max-width: var(--rtg-usx-calc-inner-max);
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: transparent;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-calculator .rtg-calculator__title {
	font-size: clamp(1.15rem, 2.2vw, 1.35rem);
	margin: 0 0 0.35rem;
	text-align: center;
	color: var(--rtg-usx-text);
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-calculator .rtg-calculator__intro {
	text-align: center;
	color: var(--rtg-usx-text-soft);
	font-size: 0.98rem;
	line-height: var(--rtg-cps-prose-line);
	margin: 0 auto 1.12rem;
	max-width: var(--rtg-cps-prose-max);
}


/* =========================================================
 * 4. FORM GRID — calculator-specific field layout
 * =======================================================*/
.rtg-usa-cst-form__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 0.92rem 0.88rem;
	align-items: start;
	max-width: 100%;
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-form .rtg-field {
	margin-bottom: 0;
}

.rtg-usa-car-sales-tax-calculator .rtg-field--span-4,
.rtg-usa-car-sales-tax-calculator .rtg-field--span-3,
.rtg-usa-car-sales-tax-calculator .rtg-field--span-2 {
	grid-column: span 12;
}

@media (min-width: 768px) {
	.rtg-usa-car-sales-tax-calculator .rtg-field--span-4 { grid-column: span 4; }
	.rtg-usa-car-sales-tax-calculator .rtg-field--span-3 { grid-column: span 3; }
	.rtg-usa-car-sales-tax-calculator .rtg-field--span-2 { grid-column: span 2; }
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-state-hint {
	font-size: 0.8125rem;
	line-height: 1.45;
	color: var(--rtg-usx-text-soft);
	margin: 0.35rem 0 0;
	min-height: 2.75rem;
	padding: 0.45rem 0.55rem;
	background: var(--rtg-usx-module-tint-deep);
	border-radius: 8px;
	border: 1px solid var(--rtg-usx-module-border-soft);
}

.rtg-usa-cst-form__actions {
	margin-top: 1.22rem;
	display: flex;
	justify-content: center;
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-form__actions .rtg-calculator__cta-btn {
	min-width: 12rem;
	padding-left: 2rem;
	padding-right: 2rem;
}


/* =========================================================
 * 5. RESULTS PANEL — calculator-specific
 * =======================================================*/
.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-result-panel.hidden {
	display: none !important;
}

.rtg-usa-cst-result-panel {
	margin-top: 1.48rem;
	padding-top: 1.18rem;
	border-top: 1px solid var(--rtg-usx-module-border-soft);
}

.rtg-usa-cst-result-panel__title {
	font-size: 1rem;
	font-weight: 650;
	color: var(--rtg-usx-text);
	margin: 0 0 0.95rem;
	text-align: center;
}

.rtg-usa-cst-result-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.78rem;
}

@media (min-width: 640px) {
	.rtg-usa-cst-result-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 900px) {
	.rtg-usa-cst-result-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.rtg-usa-cst-result-card {
	background: #fff;
	border: 1px solid var(--rtg-usx-module-border);
	border-radius: 10px;
	padding: 0.82rem 0.92rem;
	display: flex;
	flex-direction: column;
	gap: 0.36rem;
	box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rtg-usa-cst-result-card--muted {
	background: var(--rtg-usx-module-tint);
}

.rtg-usa-cst-result-card__label {
	font-size: 0.78rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--rtg-usx-text-soft);
}

.rtg-usa-cst-result-card__value {
	font-size: 1.22rem;
	font-weight: 700;
	color: var(--rtg-usx-text);
	line-height: 1.2;
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-calculator__fine-print {
	margin-top: 1.12rem;
	margin-bottom: 0;
	font-size: 0.84rem;
	line-height: 1.58;
	color: var(--rtg-usx-text-soft);
	text-align: center;
}


/* =========================================================
 * 6. CONTENT GRIDS — utility / rules / benefits
 * (full-width inside their HTML widget; system's prose lane
 *  rule deliberately excludes .elementor-widget-html).
 * =======================================================*/
.rtg-usa-car-sales-tax-calculator .elementor-widget-html .elementor-widget-container {
	max-width: var(--rtg-usx-utility-lane-max);
	margin-left: auto;
	margin-right: auto;
}

.rtg-usa-cst-key-grid,
.rtg-usa-cst-rules-grid,
.rtg-usa-cst-benefits-grid {
	display: grid;
	grid-template-columns: 1fr;
	width: 100%;
	margin-block-start: var(--rtg-usx-grid-block-start);
	margin-block-end: var(--rtg-usx-grid-block-end);
	margin-inline: auto;
	max-width: var(--rtg-usx-utility-lane-max);
}

.rtg-usa-cst-key-grid,
.rtg-usa-cst-rules-grid {
	gap: 0.82rem;
}

.rtg-usa-cst-benefits-grid {
	gap: 0.86rem;
}

@media (min-width: 768px) {
	.rtg-usa-cst-key-grid,
	.rtg-usa-cst-rules-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 640px) {
	.rtg-usa-cst-benefits-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.rtg-usa-cst-utility-card {
	display: flex;
	gap: 0.76rem;
	align-items: flex-start;
	padding: 0.98rem 1.02rem;
	background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
	border: 1px solid #e2eaf3;
	border-radius: var(--rtg-usx-module-radius);
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.04),
		0 2px 10px rgba(15, 23, 42, 0.055);
}

.rtg-usa-cst-utility-card__icon {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	object-fit: contain;
	margin-top: 0.08rem;
}

.rtg-usa-cst-utility-card__text {
	font-size: 0.94rem;
	line-height: 1.62;
	color: var(--rtg-usx-text);
	margin: 0;
}

.rtg-usa-cst-rule-card {
	display: flex;
	gap: 0.78rem;
	align-items: flex-start;
	padding: 0.98rem 1.05rem;
	background: linear-gradient(180deg, #ffffff 0%, #fafcfe 100%);
	border: 1px solid var(--rtg-usx-module-border);
	border-radius: var(--rtg-usx-module-radius);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}

.rtg-usa-cst-rule-card__icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	object-fit: contain;
	opacity: 0.92;
	margin-top: 0.06rem;
}

.rtg-usa-cst-rule-card__text {
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--rtg-usx-text-soft);
	margin: 0;
}

.rtg-usa-cst-benefit-card {
	padding: 1.02rem 1.08rem;
	background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
	border: 1px solid #e2eaf3;
	border-radius: var(--rtg-usx-module-radius);
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.035),
		0 2px 8px rgba(15, 23, 42, 0.045);
}

.rtg-usa-cst-benefit-card__row {
	display: flex;
	gap: 0.72rem;
	align-items: flex-start;
	margin: 0;
}

.rtg-usa-cst-benefit-card__icon {
	width: 40px;
	height: 40px;
	object-fit: contain;
	flex-shrink: 0;
}

.rtg-usa-cst-benefit-card__text {
	font-size: 0.92rem;
	line-height: 1.6;
	color: var(--rtg-usx-text);
	margin: 0;
}

/* Muted informational note (disclaimer integrated into "Why Use This Calculator?" card) */
.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-inline-disclaimer {
	margin-top: 1.05rem;
	padding: 0.72rem 0.88rem;
	border-radius: 8px;
	border: 1px solid var(--rtg-usx-module-border-soft);
	background: var(--rtg-usx-module-tint-deep);
	font-size: 0.94rem;
	line-height: var(--rtg-cps-prose-line);
	color: var(--rtg-usx-text-soft);
	box-sizing: border-box;
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-inline-disclaimer p {
	margin: 0;
}

.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-inline-disclaimer strong {
	color: var(--rtg-usx-text);
	font-weight: 650;
}


/* =========================================================
 * 8. FAQ — pre-JS source markup compactness
 * (`faq-system.js` removes these and injects the unified
 *  accordion. These rules only matter pre-JS / no-JS.)
 *
 * Post-JS: width, heading, and FAQ chapter margins come from
 * `faq-system.css` + `_rtg-calculator-system.css` (Road Tax parity).
 * =======================================================*/
body.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-faq-item {
	margin-bottom: 0.46rem;
}

body.rtg-usa-car-sales-tax-calculator .rtg-usa-cst-faq-item .e-con-inner {
	padding-top: 0.24rem;
	padding-bottom: 0.24rem;
}

/* FAQ lane — cap slightly inside full shell so the block matches Malaysia’s visual measure. */
body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .rtg-calc-faq-band > .e-con-inner,
body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .rtg-calc-faq-band > .elementor-container {
	max-width: min(var(--rtg-cps-shell-max), calc(var(--rtg-cps-prose-max) + 3rem));
	margin-inline: auto;
}

body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .rtg-faq-section,
body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .rtg-faq-section--unified,
body.rtg-usa-car-sales-tax-calculator.rtg-calculator-page .rtg-faq-block {
	max-width: min(var(--rtg-cps-shell-max), calc(var(--rtg-cps-prose-max) + 3rem));
	margin-inline: auto;
}