/* 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; }


/* ============================================================
   v2.7.0 — صفحات تمام‌قالب ابزارها و نتایج مستقل
   ============================================================ */
.sar-tool-page,.sar-standalone-result{background:#F7F8FA;color:#1E2D4A}.sar-tool-shell{max-width:1140px;margin-inline:auto;padding-inline:20px}.sar-tool-hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,90px) 0;background:radial-gradient(circle at 15% 20%,rgba(232,160,32,.18),transparent 28%),linear-gradient(135deg,#0F1B33,#1E2D4A);color:#fff}.sar-tool-hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center}.sar-tool-hero nav,.sar-result-hero nav{font-size:.78rem;color:#9FB0C7}.sar-tool-hero nav a,.sar-result-hero nav a{color:#C9D5E7}.sar-tool-hero__kicker{margin:20px 0 8px;color:#E8A020;font-weight:900;font-size:.82rem}.sar-tool-hero h1{margin:0 0 16px;color:#fff;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.25}.sar-tool-hero__copy>p:not(.sar-tool-hero__kicker){max-width:700px;color:#C9D5E7;line-height:2;font-size:1.02rem}.sar-tool-hero__copy>div{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:25px}.sar-tool-hero__copy>div span{color:#9FB0C7;font-size:.8rem}.sar-tool-hero__visual{position:relative;display:grid;place-items:center;width:min(320px,78vw);aspect-ratio:1;margin:auto;border:1px solid rgba(255,255,255,.18);border-radius:50%}.sar-tool-hero__visual span,.sar-tool-hero__visual i{position:absolute;inset:15%;border:1px dashed rgba(232,160,32,.48);border-radius:50%}.sar-tool-hero__visual i{inset:30%;border-style:solid}.sar-tool-hero__visual b{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#E8A020;color:#0F1B33;font-size:2rem}.sar-tool-steps{position:relative;margin-top:-24px}.sar-tool-steps ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0;border:1px solid #E2E6EC;border-radius:18px;background:#fff;box-shadow:0 14px 38px rgba(15,27,51,.1);overflow:hidden;list-style:none}.sar-tool-steps li{display:flex;align-items:center;gap:12px;padding:21px;border-inline-start:1px solid #E2E6EC}.sar-tool-steps li:last-child{border:0}.sar-tool-steps li span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#FFF5DF;color:#D97706;font-weight:900}.sar-tool-steps li p{margin:0;font-size:.84rem;font-weight:700}.sar-tool-work{padding-block:70px}.sar-tool-work__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.sar-tool-work__intro{padding:28px;border-radius:20px;background:#1E2D4A;color:#D7E1F0;box-shadow:0 18px 40px rgba(15,27,51,.18)}.sar-tool-work__intro>p:first-child{margin:0;color:#E8A020;font-weight:900;font-size:.8rem}.sar-tool-work__intro h2{color:#fff;font-size:1.45rem}.sar-tool-work__intro ul{margin:20px 0 0;padding-inline-start:20px;display:grid;gap:9px}.sar-tool-work__card{padding:28px;border:1px solid #E2E6EC;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(15,27,51,.08)}.sar-tool-work__card .sar-tool__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sar-tool-editor{padding-bottom:64px}.sar-tool-editor__content{max-width:none;padding:30px;border:1px solid #E2E6EC;border-radius:20px;background:#fff}.sar-tool-more{padding-bottom:70px}.sar-tool-more>div{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px;border:1px solid rgba(232,160,32,.3);border-radius:18px;background:#FFF9ED}.sar-tool-more p{margin:0;color:#D97706;font-weight:900;font-size:.8rem}.sar-tool-more h2{margin:5px 0 0;font-size:1.35rem}.sar-result-hero{padding:58px 0 76px;background:linear-gradient(135deg,#0F1B33,#1E2D4A);color:#fff;text-align:center}.sar-result-hero p{margin:20px 0 6px;color:#E8A020;font-weight:900}.sar-result-hero h1{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.5rem)}.sar-result-hero span{display:block;margin-top:12px;color:#AFC0D7;font-size:.82rem}.sar-result-view{margin-top:-34px;padding-bottom:76px}.sar-result-view__card{max-width:820px;margin:auto;padding:30px;border:1px solid #E2E6EC;border-radius:22px;background:#fff;box-shadow:0 20px 52px rgba(15,27,51,.13)}.sar-result-view__card .sar-result-page{max-width:none}.sar-result-view__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid #E2E6EC}.sar-result-invalid{text-align:center;padding:30px}.sar-result-invalid h2{font-size:1.5rem}
@media(max-width:840px){.sar-tool-hero__grid,.sar-tool-work__grid{grid-template-columns:1fr}.sar-tool-hero__visual{display:none}.sar-tool-steps ol{grid-template-columns:1fr}.sar-tool-steps li{border-inline-start:0;border-block-end:1px solid #E2E6EC}.sar-tool-work__card .sar-tool__grid{grid-template-columns:1fr}.sar-tool-more>div{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.sar-tool-hero{padding-block:42px 60px}.sar-tool-hero h1{font-size:2.1rem}.sar-tool-work{padding-block:46px}.sar-tool-work__card,.sar-tool-work__intro,.sar-tool-editor__content,.sar-result-view__card{padding:20px}.sar-result-view__actions .sar-btn{width:100%}}