/* ===================================================================
 * استایل مقالات مسترتسمه — نسخهٔ ۳
 *
 * مبنای طراحی:
 *   • مقیاس تایپوگرافی Minor Third (نسبت ۱.۲)
 *   • پایهٔ ۱۶px روی موبایل — زیر این عدد iOS خودکار زوم می‌کند
 *   • line-height 1.85 برای فارسی (زیر/زبر و کشیدگی فضای بیشتر می‌خواهد)
 *   • هدف لمس ۴۴px — سازگار با Apple HIG و Material
 *   • عرض خط ۶۵ نویسه — بازهٔ خوانایی استاندارد
 * =================================================================== */

.mrt-a{
	--red:#D8060F;
	--navy:#12212E;
	--ink:#2A3644;
	--muted:#5A6875;
	--line:#E4E8ED;
	--soft:#F7F9FB;

	direction:rtl;
	text-align:right;
	color:var(--ink);
	font-size:17px;
	line-height:1.9;
	max-width:68ch;
	margin-inline:auto;
	overflow-wrap:break-word;
	word-break:break-word;
	-webkit-text-size-adjust:100%;
}
.mrt-a *{box-sizing:border-box;max-width:100%}

/* ------- سلسله‌مراتب تیتر ------- */
.mrt-a h2{
	font-size:26px;
	font-weight:800;
	color:var(--navy);
	line-height:1.55;
	margin:38px 0 14px;
	padding:0 14px 0 0;
	border-right:4px solid var(--red);
	letter-spacing:-.2px;
}
.mrt-a h2:first-child{margin-top:0}
.mrt-a h3{
	font-size:21px;
	font-weight:800;
	color:var(--navy);
	line-height:1.6;
	margin:28px 0 10px;
}
.mrt-a p{margin:0 0 16px;font-weight:400}
.mrt-a strong{color:var(--navy);font-weight:700}

.mrt-a ul,.mrt-a ol{margin:0 0 18px;padding:0 24px 0 0}
.mrt-a li{margin:0 0 10px;font-weight:400}

.mrt-a a{
	color:var(--red);
	font-weight:700;
	text-decoration:none;
	border-bottom:1px solid rgba(216,6,15,.35);
	transition:border-color .15s;
}
.mrt-a a:hover{border-bottom-color:var(--red)}

/* ------- جدول -------
 * جدول داخل wrapper اسکرول می‌شود، نه با display:block روی خودش.
 * آن روش ساختار ستون و گوشهٔ گرد را می‌شکند. */
.mrt-tw{
	margin:22px 0;
	border:1px solid var(--line);
	border-radius:12px;
	overflow:hidden;
}
.mrt-tw-scroll{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:thin;
}
.mrt-t{
	width:100%;
	border-collapse:collapse;
	font-size:14.9px;
	line-height:1.75;
	margin:0;
}
.mrt-t th{
	background:var(--navy);
	color:#fff;
	font-weight:700;
	font-size:14px;
	padding:13px 14px;
	text-align:right;
	line-height:1.6;
	white-space:nowrap;
}
.mrt-t td{
	padding:12px 14px;
	border-top:1px solid #EFF2F5;
	font-weight:400;
	vertical-align:top;
}
.mrt-t tbody tr:nth-child(even) td{background:var(--soft)}
.mrt-t tbody tr:hover td{background:#F0F4F8}
.mrt-t td:first-child{font-weight:600;color:var(--navy)}

/* ------- کادر هشدار و نکته ------- */
.mrt-w,.mrt-i{
	margin:24px 0;
	padding:16px 18px;
	border-radius:12px;
	font-size:16px;
	line-height:1.85;
}
.mrt-w{background:#FFF5F5;border:1px solid #F5DADA;border-right:4px solid var(--red)}
.mrt-i{background:#F4F8FC;border:1px solid #D9E4EF;border-right:4px solid var(--navy)}
.mrt-w b,.mrt-i b{
	display:block;
	margin-bottom:7px;
	font-weight:800;
	font-size:16.5px;
	line-height:1.6;
}
.mrt-w b{color:var(--red)}
.mrt-i b{color:var(--navy)}

/* ------- پرسش و پاسخ ------- */
.mrt-q{margin:18px 0}
.mrt-q details{
	border:1px solid var(--line);
	border-radius:12px;
	margin-bottom:10px;
	background:#fff;
	overflow:hidden;
	transition:border-color .15s;
}
.mrt-q details[open]{border-color:#CFD8E0;box-shadow:0 1px 3px rgba(18,33,46,.05)}
.mrt-q summary{
	display:flex;
	align-items:flex-start;
	gap:10px;
	cursor:pointer;
	padding:15px 16px;
	min-height:52px;
	font-weight:700;
	font-size:16px;
	line-height:1.7;
	color:var(--navy);
	background:var(--soft);
	list-style:none;
	user-select:none;
}
.mrt-q summary::-webkit-details-marker{display:none}
.mrt-q summary::marker{content:""}
.mrt-q summary::before{
	content:"+";
	flex:0 0 20px;
	color:var(--red);
	font-weight:900;
	font-size:20px;
	line-height:1.35;
	text-align:center;
}
.mrt-q details[open] summary::before{content:"\2212"}
.mrt-q details[open] summary{background:#fff}
.mrt-q .an{
	padding:14px 16px 16px;
	border-top:1px solid #EFF2F5;
	font-weight:400;
	font-size:16px;
	line-height:1.95;
	color:var(--ink);
}

/* ------- مطالب مرتبط ------- */
.mrt-rel{
	margin:28px 0;
	padding:18px;
	border-radius:14px;
	background:var(--soft);
	border:1px solid var(--line);
}
.mrt-rel b{
	display:block;
	margin:0 0 12px;
	padding:0 11px 0 0;
	color:var(--navy);
	font-weight:800;
	font-size:16.5px;
	line-height:1.6;
	border-right:4px solid var(--red);
}
.mrt-rel ul{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.mrt-rel li{margin:0;padding:0;list-style:none}
.mrt-rel li::before,.mrt-rel li::marker{content:none}
.mrt-rel a{
	display:inline-flex;
	align-items:center;
	min-height:40px;
	padding:8px 15px;
	background:#fff;
	border:1px solid #DBE1E8;
	border-radius:10px;
	font-size:14px;
	font-weight:600;
	line-height:1.6;
	color:var(--navy);
	text-decoration:none;
	transition:.15s;
}
.mrt-rel a:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.mrt-rel a:active{transform:scale(.97)}

/* ------- فراخوان ------- */
.mrt-c{
	margin:32px 0 10px;
	padding:20px;
	border-radius:14px;
	background:var(--navy);
	color:#fff;
	text-align:right;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
}
.mrt-c b{
	flex:1 1 100%;
	font-size:17.5px;
	font-weight:800;
	line-height:1.65;
	margin:0 0 4px;
	padding:0 11px 0 0;
	border-right:4px solid var(--red);
}
.mrt-c a{
	display:inline-flex;
	align-items:center;
	min-height:44px;
	margin:0;
	padding:10px 17px;
	background:var(--red);
	color:#fff;
	border:0;
	border-radius:10px;
	font-size:14.5px;
	font-weight:700;
	line-height:1.6;
	text-decoration:none;
	transition:.15s;
}
.mrt-c a:hover{background:#EF1520;transform:translateY(-1px)}

/* ===================================================================
 * موبایل — پایهٔ ۱۶px
 * =================================================================== */
@media (max-width:768px){

	.mrt-a{
		font-size:16px;
		line-height:1.85;
		max-width:none;
	}

	.mrt-a h2{
		font-size:23px;
		line-height:1.5;
		margin:30px 0 12px;
		padding:0 11px 0 0;
		border-right-width:4px;
	}
	.mrt-a h3{font-size:19px;margin:22px 0 9px}
	.mrt-a p{margin:0 0 14px}
	.mrt-a ul,.mrt-a ol{padding:0 20px 0 0}
	.mrt-a li{margin:0 0 9px}

	/* جدول */
	.mrt-tw{margin:18px 0;border-radius:10px}
	.mrt-t{font-size:14px;line-height:1.7}
	.mrt-t th{padding:11px 11px;font-size:13px}
	.mrt-t td{padding:11px 11px}
	.mrt-t th:first-child,.mrt-t td:first-child{min-width:96px}

	/* کادرها */
	.mrt-w,.mrt-i{padding:14px 15px;margin:20px 0;font-size:15.5px;border-right-width:4px}
	.mrt-w b,.mrt-i b{font-size:15.5px}

	/* پرسش و پاسخ — هدف لمس ۵۲px */
	.mrt-q summary{padding:14px 14px;font-size:15.5px;min-height:52px}
	.mrt-q summary::before{flex-basis:18px;font-size:19px}
	.mrt-q .an{padding:13px 14px 15px;font-size:15.5px;line-height:1.9}

	/* چیپ‌ها — هدف لمس ۴۴px */
	.mrt-rel{padding:15px;margin:22px 0;border-radius:12px}
	.mrt-rel b{font-size:15.5px;margin-bottom:11px}
	.mrt-rel ul{gap:8px}
	.mrt-rel a{min-height:44px;padding:9px 14px;font-size:13.5px}

	.mrt-c{padding:16px;margin:26px 0 8px;border-radius:12px;gap:7px}
	.mrt-c b{font-size:16px;margin-bottom:3px;padding:0 9px 0 0;border-right-width:3px}
	.mrt-c a{min-height:44px;font-size:13.5px;padding:10px 14px}
}

/* گوشی‌های باریک — فونت بدنه ثابت می‌ماند */
@media (max-width:400px){
	.mrt-a h2{font-size:21px}
	.mrt-a h3{font-size:18px}
	.mrt-t{font-size:13.5px}
	.mrt-t th,.mrt-t td{padding:10px 9px}
	.mrt-w,.mrt-i{padding:13px 14px}
	.mrt-rel a{font-size:13px;padding:9px 12px}
	.mrt-c a{font-size:13px;padding:10px 13px;flex:1 1 auto;justify-content:center}
}

/* ------- دسترس‌پذیری ------- */
.mrt-a a:focus-visible,
.mrt-q summary:focus-visible{
	outline:2px solid var(--red);
	outline-offset:2px;
	border-radius:4px;
}
@media (prefers-reduced-motion:reduce){
	.mrt-a *{transition:none!important}
}

/* ------- چاپ ------- */
@media print{
	.mrt-c,.mrt-rel{display:none}
	.mrt-a{font-size:12pt;max-width:none;color:#000}
	.mrt-q details{page-break-inside:avoid}
	.mrt-q details:not([open]) .an{display:block}
	.mrt-tw{page-break-inside:avoid}
}