/* Sarmayam Tools v1.0.0 — مبتنی بر توکن‌های قالب (آرامش تسلط) */
.sar-tool { display: block; }

.sar-tool__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--space-4, 16px);
	margin-block-end: var(--space-5, 20px);
}

.sar-tool__field { margin: 0; display: flex; flex-direction: column; gap: 6px; }

.sar-tool__field label {
	font-size: 13px;
	font-weight: 700;
	color: var(--color-text-2, #5B6B82);
}

.sar-tool__field input,
.sar-tool__field select {
	min-height: 44px;
	padding: 0 var(--space-4, 16px);
	border: 1px solid var(--color-border, #E2E6EC);
	border-radius: var(--radius-md, 12px);
	background: var(--color-bg, #F7F8FA);
	font: inherit;
	font-size: 15px;
	color: inherit;
	width: 100%;
}

.sar-tool__field input:focus-visible,
.sar-tool__field select:focus-visible {
	outline: 2px solid var(--color-interactive, #1D4ED8);
	outline-offset: 1px;
	background: var(--color-surface, #fff);
}

.sar-tool__submit { min-height: 44px; }

.sar-tool__result {
	margin-block-start: var(--space-5, 20px);
	padding: var(--space-5, 20px);
	border: 1px solid var(--color-border, #E2E6EC);
	border-radius: var(--radius-md, 12px);
	background: var(--color-bg, #F7F8FA);
}

.sar-result__title {
	margin: 0 0 var(--space-4, 16px);
	font-size: 17px;
}

.sar-result__row {
	display: flex;
	justify-content: space-between;
	gap: var(--space-4, 16px);
	padding-block: 10px;
	border-block-end: 1px dashed var(--color-border, #E2E6EC);
	font-size: 15px;
}

.sar-result__row:last-of-type { border-block-end: 0; }

.sar-result__row strong { color: var(--color-brand, #1E2D4A); white-space: nowrap; }

.sar-result__note {
	margin: var(--space-4, 16px) 0 0;
	font-size: 13px;
	color: var(--color-text-2, #5B6B82);
}

.sar-result__error { margin: 0; font-weight: 700; color: #B42318; }

.sar-alloc { padding-block: 10px; }

.sar-alloc__head {
	display: flex;
	justify-content: space-between;
	gap: var(--space-4, 16px);
	font-size: 14px;
	margin-block-end: 6px;
}

.sar-alloc__bar {
	block-size: 8px;
	border-radius: var(--radius-full, 999px);
	background: var(--color-border, #E2E6EC);
	overflow: hidden;
}

.sar-alloc__bar span {
	display: block;
	block-size: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--color-brand, #1E2D4A), var(--color-interactive, #1D4ED8));
}

@media (max-width: 480px) {
	.sar-result__row { flex-direction: column; gap: 2px; }
	.sar-result__row strong { white-space: normal; }
}

/* --- v2.0.0: آزمون‌ها (تست ریسک / چکاپ ثروت) و مقایسه --- */
.sar-quiz { display: block; }

.sar-q {
	margin: 0 0 var(--space-4, 16px);
	padding: var(--space-5, 20px);
	border: 1px solid var(--color-border, #E2E6EC);
	border-radius: var(--radius-md, 12px);
	background: var(--color-surface, #fff);
}

.sar-q legend {
	font-weight: 700;
	font-size: 15px;
	padding: 0;
	margin-block-end: var(--space-4, 16px);
	color: var(--color-brand, #1E2D4A);
	float: inline-start;
	inline-size: 100%;
}

.sar-q__opts { display: grid; gap: 8px; clear: both; }

.sar-q__opt {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 8px var(--space-4, 16px);
	border: 1px solid var(--color-border, #E2E6EC);
	border-radius: var(--radius-sm, 6px);
	background: var(--color-bg, #F7F8FA);
	cursor: pointer;
	font-size: 14px;
	transition: border-color 0.15s ease, background-color 0.15s ease;
}

.sar-q__opt:hover { border-color: var(--color-interactive, #1D4ED8); }

.sar-q__opt:has(input:checked) {
	border-color: var(--color-interactive, #1D4ED8);
	background: var(--color-surface, #fff);
	box-shadow: inset 0 0 0 1px var(--color-interactive, #1D4ED8);
}

.sar-q__opt input { accent-color: var(--color-interactive, #1D4ED8); flex: 0 0 auto; }

.sar-q--missing { border-color: #B42318; box-shadow: 0 0 0 1px #B42318; }

.sar-quiz__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4, 16px);
	flex-wrap: wrap;
	margin-block: var(--space-5, 20px);
}

.sar-quiz__progress { font-size: 13px; color: var(--color-text-2, #5B6B82); }

.sar-quiz .sar-tool__result { margin-block-start: 0; }

.sar-result__kicker {
	margin: 0 0 4px;
	font-size: 13px;
	font-weight: 700;
	color: var(--color-text-2, #5B6B82);
}

.sar-result__title--big { font-size: 24px; color: var(--color-brand, #1E2D4A); }

.sar-result__sub { margin: var(--space-5, 20px) 0 var(--space-4, 16px); font-size: 15px; }

.sar-result__list { margin: 0; padding-inline-start: 20px; display: grid; gap: 8px; font-size: 14px; }

.sar-result__cta { margin: var(--space-5, 20px) 0 0; }

.sar-compare { overflow-x: auto; }

.sar-compare table { inline-size: 100%; border-collapse: collapse; font-size: 14px; }

.sar-compare th, .sar-compare td {
	padding: 10px var(--space-4, 16px);
	border: 1px solid var(--color-border, #E2E6EC);
	text-align: start;
	vertical-align: top;
	background: var(--color-surface, #fff);
}

.sar-compare thead th { background: var(--color-brand, #1E2D4A); color: #fff; }

.sar-compare tbody th { background: var(--color-bg, #F7F8FA); white-space: nowrap; }


/* ---------- ریوایز v2.2.0: اشتراک نتیجه + خبرنامه ---------- */
.sar-share { margin-block-start: 1.25rem; padding-block-start: 1rem; border-block-start: 1px dashed var(--line, #dcd6c8); }
.sar-share__note { margin-block-start: .5rem; font-size: .8rem; color: var(--ink-3, #6f6a5d); }
.sar-share__ready { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }
.sar-share__ready input { flex: 1 1 220px; min-inline-size: 0; padding: .55rem .75rem; border: 1px solid var(--line, #dcd6c8); border-radius: .6rem; font-size: .85rem; background: var(--bg-2, #faf8f2); }
.sar-result-page { max-inline-size: 46rem; }
.sar-result-page .sar-result__kicker { color: var(--ink-3, #6f6a5d); font-size: .85rem; }
.sar-result-page .sar-result__cta { margin-block-start: 1.5rem; }
.sar-newsletter { display: grid; gap: .6rem; max-inline-size: 34rem; }
.sar-newsletter__row { display: flex; gap: .5rem; flex-wrap: wrap; }
.sar-newsletter__row input[type="email"] { flex: 1 1 220px; min-inline-size: 0; padding: .65rem .9rem; border: 1px solid var(--line, #dcd6c8); border-radius: .7rem; font: inherit; background: #fff; }
.sar-newsletter__hp { position: absolute !important; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.sar-newsletter__label { font-weight: 700; }
.sar-newsletter__note { font-size: .78rem; color: var(--ink-3, #6f6a5d); }
.sar-newsletter__msg { font-size: .85rem; font-weight: 600; }

/* v2.3.0: دکمه‌های اشتراک اجتماعی لینک نتیجه (همه از یک URL مشترک) */
.sar-share__social { display: flex; gap: .5rem; flex-wrap: wrap; margin-block-start: .6rem; }
.sar-share__social a { font-size: .85rem; }