/* قالب مقاله‌ی سرناشاپ */
.sa-page{grid-column:1/-1;width:100%;max-width:100%;--sa-red:#dd0b0b;--sa-red-d:#a80808;--sa-red-l:#fdf0ef;--sa-ink:#2b0f0d;--sa-text:#43322f;--sa-muted:#7a6f69;--sa-line:#ece5df;--sa-paper:#fbf7f3;--sa-night:#3a0606}
.sa{max-width:1120px;margin:0 auto;padding:18px 0 56px;font-family:Kalameh,Tahoma,sans-serif;color:var(--sa-text)}
.sa *{box-sizing:border-box}

/* هیرو */
.sa-hero .rank-math-breadcrumb{font-size:13px;color:var(--sa-muted);margin-bottom:14px}
.sa-hero .rank-math-breadcrumb a{color:var(--sa-muted)}
.sa-hero .rank-math-breadcrumb a:hover{color:var(--sa-red)}
.sa-hero h1{font-size:clamp(25px,3.3vw,40px);line-height:1.45;font-weight:900;color:var(--sa-ink);margin:0 0 14px;max-width:900px}
.sa-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--sa-muted);font-size:14px;margin-bottom:24px}
.sa-meta span+span:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--sa-red);margin-left:18px;vertical-align:middle}
.sa-cover{border-radius:20px;overflow:hidden;aspect-ratio:1200/630;background:var(--sa-night)}
.sa-cover img{width:100%;height:100%;object-fit:cover;display:block}

/* جای عکس در پیش‌نمایش */
.sa-ph{display:grid;place-items:center;background:repeating-linear-gradient(90deg,#4a0b0b 0 34px,#3a0606 34px 36px);color:#ffe9e4;font-size:13px;text-align:center}
.sa-ph span{background:rgba(0,0,0,.42);padding:7px 14px;border-radius:999px;direction:ltr;unicode-bidi:plaintext;max-width:92%}

/* چیدمان */
.sa-layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:48px;margin-top:36px;align-items:start}
.sa-main{min-width:0;max-width:770px}

/* فهرست مطالب */
.sa-toc{position:sticky;top:150px;max-height:calc(100vh - 170px);overflow:auto;border:1px solid var(--sa-line);border-radius:16px;padding:16px;background:#fff;scrollbar-width:thin}
.sa .sa-en{font-family:Arial,Helvetica,sans-serif;font-size:.94em;font-weight:inherit;direction:ltr;unicode-bidi:isolate}
.sa-toc .sa-toc__btn,.sa-toc .sa-toc__btn:hover,.sa-toc .sa-toc__btn:focus{display:block;width:auto;min-height:0;background:none;border:0;box-shadow:none;padding:0;margin:0 0 10px;font:800 15px Kalameh,Tahoma,sans-serif;color:var(--sa-ink);text-transform:none;text-align:right;cursor:default}
.sa-toc ol{list-style:none;margin:0;padding:0}
.sa-toc li{margin:0}
.sa-toc a{display:block;padding:7px 10px;font-size:13.5px;line-height:1.7;color:var(--sa-text);border-radius:9px;border-right:2px solid transparent}
.sa-toc a:hover{background:var(--sa-paper);color:var(--sa-red-d)}
.sa-toc a.is-on{background:var(--sa-red-l);color:var(--sa-red-d);border-right-color:var(--sa-red);font-weight:700}

/* پاسخ کوتاه */
.sa-answer{background:var(--sa-paper);border:1px solid var(--sa-line);border-radius:16px;padding:18px 20px;margin-bottom:28px}
.sa-answer b{display:block;color:var(--sa-red-d);font-weight:800;margin-bottom:6px}
.sa-answer p{margin:0;font-size:16px;line-height:2;color:var(--sa-ink)}

/* متن */
.sa-body{font-size:17px;line-height:2.1}
.sa-body p{margin:0 0 16px}
.sa-body h2{font-size:clamp(22px,2.3vw,28px);line-height:1.5;font-weight:900;color:var(--sa-ink);margin:44px 0 14px;padding-right:14px;border-right:4px solid var(--sa-red);scroll-margin-top:150px}
.sa-body h3{font-size:clamp(18px,1.8vw,20px);line-height:1.6;font-weight:800;color:var(--sa-ink);margin:28px 0 8px;scroll-margin-top:150px}
.sa-body h4{font-size:17px;font-weight:800;color:var(--sa-red-d);margin:20px 0 4px}
.sa-body a{color:var(--sa-red-d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.sa-body a:hover{color:var(--sa-red)}
.sa-body strong{color:var(--sa-ink);font-weight:800}
.sa-body ul,.sa-body ol{margin:0 0 18px;padding:0;list-style:none}
.sa-body li{position:relative;padding-right:24px;margin-bottom:7px}
.sa-body ul>li:before{content:"";position:absolute;right:4px;top:.85em;width:7px;height:7px;border-radius:50%;background:var(--sa-red)}
.sa-body ol{counter-reset:sa}
.sa-body ol>li{counter-increment:sa;padding-right:36px}
.sa-body ol>li:before{content:counter(sa);position:absolute;right:0;top:.32em;width:25px;height:25px;border-radius:50%;background:var(--sa-red-l);color:var(--sa-red-d);font-size:13.5px;font-weight:800;line-height:25px;text-align:center}

/* نکته */
.sa-note{background:var(--sa-red-l);border-right:4px solid var(--sa-red);border-radius:12px;padding:14px 18px;margin:20px 0}
.sa-note p{margin:0;font-size:16px;line-height:2}

/* جدول */
.sa-table{overflow-x:auto;margin:18px 0 22px;border:1px solid var(--sa-line);border-radius:14px;-webkit-overflow-scrolling:touch}
.sa-table table{width:100%;min-width:0;border-collapse:collapse;margin:0;font-size:15px;line-height:1.8;background:#fff}
.sa-table th,.sa-table td{padding:11px 14px;text-align:right;border:0;border-bottom:1px solid var(--sa-line);vertical-align:top;text-transform:none}
.sa-table thead th{background:var(--sa-night);color:#fff;font-weight:700;font-size:14.5px}
.sa-table tbody th{font-weight:800;color:var(--sa-ink);background:var(--sa-paper)}
.sa-table tbody tr:last-child>*{border-bottom:0}

/* فقط جدول‌های پرستون در موبایل اسکرول می‌خورند */
.sa-table table:has(thead th:nth-child(4)){min-width:560px}

/* عکس */
.sa-fig{margin:24px 0 26px}
.sa-fig img{width:100%;height:auto;display:block;border-radius:14px}
.sa-fig .sa-ph{aspect-ratio:3/2;border-radius:14px}
.sa-fig figcaption{font-size:13.5px;line-height:1.9;color:var(--sa-muted);text-align:center;margin-top:9px}

/* پرسش‌ها */
.sa-q{border:1px solid var(--sa-line);border-radius:12px;margin-bottom:10px;background:#fff;overflow:hidden}
.sa-q[open]{border-color:#e6c9c5}
.sa-q summary{cursor:pointer;list-style:none;padding:13px 16px 13px 44px;font-weight:800;color:var(--sa-ink);font-size:16px;line-height:1.8;position:relative}
.sa-q summary::-webkit-details-marker{display:none}
.sa-q summary:after{content:"+";position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:23px;font-weight:400;color:var(--sa-red);line-height:1}
.sa-q[open] summary:after{content:"−"}
.sa-q>div{padding:0 16px 6px}
.sa-q p{font-size:16px;line-height:2}

/* محصولات و مقاله‌های مرتبط */
.sa-block{margin-top:44px}
.sa-block__t{font-size:22px;font-weight:900;color:var(--sa-ink);margin:0 0 16px}
.sa-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sa-prod{display:flex;flex-direction:column;gap:6px;border:1px solid var(--sa-line);border-radius:14px;padding:12px;background:#fff;color:var(--sa-ink);transition:.2s;font-size:13.5px;line-height:1.7}
.sa-prod:hover{border-color:var(--sa-red);transform:translateY(-2px)}
.sa-prod img{width:100%;aspect-ratio:1;object-fit:contain;display:block}
.sa-prod b{font-weight:700}
.sa-prod span{color:var(--sa-red-d);font-weight:700;margin-top:auto}
.sa-rel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sa-rel a{display:flex;gap:12px;align-items:center;border:1px solid var(--sa-line);border-radius:14px;padding:10px;color:var(--sa-ink);background:#fff;transition:.2s;font-size:14.5px;line-height:1.8}
.sa-rel a:hover{border-color:var(--sa-red)}
.sa-rel img,.sa-rel__ph{width:92px;height:68px;flex:0 0 92px;border-radius:9px;object-fit:cover;display:block}
.sa-rel__ph{background:repeating-linear-gradient(90deg,#4a0b0b 0 10px,#3a0606 10px 11px)}
.sa-rel b{font-weight:700}

/* دعوت به اقدام */
.sa-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:40px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#3a0606,#7a0606);color:#fff}
.sa-cta b{font-size:18px;font-weight:800;color:#fff}
.sa-cta p{margin:4px 0 0;font-size:14.5px;line-height:1.9;color:rgba(255,255,255,.85)}
.sa-cta__btns{display:flex;gap:8px;flex-wrap:wrap}
.sa-btn{display:inline-block;background:#fff;color:var(--sa-red-d);font-weight:800;font-size:14.5px;padding:10px 20px;border-radius:999px;transition:.2s}
.sa-btn:hover{background:var(--sa-red-l);color:var(--sa-red-d)}
.sa-btn--ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.sa-btn--ghost:hover{background:rgba(255,255,255,.12);color:#fff}

@media (max-width:1024px){
	.sa-layout{grid-template-columns:1fr;gap:18px;margin-top:20px}
	.sa-main{max-width:none}
	.sa-toc{position:static;max-height:none;overflow:visible;padding:0;border-radius:14px}
	.sa-toc .sa-toc__btn,.sa-toc .sa-toc__btn:hover,.sa-toc .sa-toc__btn:focus{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;margin:0;cursor:pointer;width:100%;box-sizing:border-box}
	.sa-toc__btn:after{content:"+";font-size:22px;font-weight:400;color:var(--sa-red);line-height:1}
	.sa-toc.is-open .sa-toc__btn:after{content:"−"}
	.sa-toc ol{display:none;padding:0 10px 10px}
	.sa-toc.is-open ol{display:block}
	.sa-body h2,.sa-body h3{scroll-margin-top:90px}
	.sa-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
	.sa{padding-top:10px}
	.sa-table th,.sa-table td{padding:10px;font-size:14px}
	.sa-cover{border-radius:14px}
	.sa-body{font-size:16px;line-height:2.05}
	.sa-body h2{margin-top:34px}
	.sa-rel{grid-template-columns:1fr}
	.sa-cta{padding:18px}
	.sa-cta__btns,.sa-btn{width:100%;text-align:center}
}