/*
 * SeeMetric. فقط روی روت های /seemetric/ بارگذاری می شود.
 *
 * قواعد طراحی سایت: مرز مویی var(--border)، گوشه تیز (--r-sm/--r-md)، سرمه ای
 * برند و طلایی فقط برای مدال و تاکید، هیچ نوار و ریل تزیینی، تاکید از وزن قلم
 * و ته رنگ سطح. ساختار صفحه از rankesh آمده، پوست از Seemerce.
 */

:root {
	--smt-top: var(--sky);
	--smt-good: var(--blue-2);
	--smt-fair: var(--amber);
	--smt-gold: var(--sun);
	--smt-silver: #b9c2d0;
	--smt-bronze: #c48a52;
}

.smt-alt { background: var(--bg-2); }
.wrap--narrow { max-width: 760px; }
.smt-sec-head em { font-style: normal; color: var(--blue-2); }
.btn-sm { padding: 6px 14px; font-size: 0.887rem; }
.smt-iconbtn { padding-inline: 12px; }

/* ── هیرو / حقایق ── */
.smt-hero .hero-inner { max-width: 820px; }
.smt-facts { display: flex; flex-wrap: wrap; gap: 8px 34px; margin: 0; padding: 0; justify-content: center; }
.smt-facts > div { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.smt-facts dt { font-size: 0.786rem; color: var(--text-3); font-weight: 600; }
.smt-facts dd { margin: 0; font-size: 1.272rem; font-weight: 800; color: var(--sky); font-variant-numeric: tabular-nums; }
.smt-facts--hero { margin-top: var(--s3); }
.smt-facts--grid { justify-content: flex-start; gap: 8px 21px; margin-top: var(--s3); padding: 13px 21px; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--surface); }
.smt-facts--grid > div { align-items: flex-start; }
.smt-facts--grid dd { font-size: 1rem; }

.smt-jump { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: var(--s3); }
.smt-jump a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--felt); color: var(--text-2); font-size: 0.887rem; text-decoration: none; }
.smt-jump a:hover { border-color: var(--sky); color: var(--sky); }

/* معیارها در هیرو دسته */
.smt-hero--cat .wrap { display: grid; grid-template-columns: 1fr; gap: var(--s4); }
.smt-crit { max-width: 640px; margin-inline: auto; width: 100%; padding: 21px 24px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); box-shadow: var(--shadow-card); text-align: start; }
.smt-crit__t { display: flex; align-items: center; gap: 8px; font-weight: 700; color: var(--sky); margin-bottom: 13px; font-size: 0.95rem; }
.smt-crit__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px 21px; }
.smt-crit__list li { display: flex; align-items: center; gap: 10px; font-size: 0.95rem; }
.smt-crit__list li small { margin-inline-start: auto; color: var(--text-3); font-variant-numeric: tabular-nums; }
.smt-crit__n { flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: var(--r-sm); background: var(--blue-soft); color: var(--sky); font-weight: 800; font-size: 0.786rem; }
.smt-crit__note { margin: 13px 0 0; font-size: 0.828rem; color: var(--text-3); }

/* ── حلقه امتیاز ── */
.smt-ring {
	--sz: 88px; --thick: 8px; --c: var(--smt-top); --track: rgba(0, 35, 102, .09);
	position: relative; width: var(--sz); height: var(--sz); border-radius: 50%; flex: 0 0 auto;
	background: conic-gradient(var(--c) calc(var(--p) * 1%), var(--track) 0);
	display: grid; place-items: center;
}
.smt-ring::before { content: ""; position: absolute; inset: var(--thick); border-radius: 50%; background: var(--felt); }
.smt-ring.is-good { --c: var(--smt-good); }
.smt-ring.is-fair { --c: var(--smt-fair); }
.smt-ring__v { position: relative; display: flex; flex-direction: column; align-items: center; line-height: 1; font-variant-numeric: tabular-nums; color: var(--sky); }
.smt-ring__v b { font-size: calc(var(--sz) * .34); font-weight: 800; }
.smt-ring__v small { font-size: calc(var(--sz) * .11); color: var(--text-3); font-weight: 600; margin-top: 3px; }
.smt-ring--xl { --sz: 150px; --thick: 12px; }
.smt-ring--lg { --sz: 112px; --thick: 10px; }
.smt-ring--md { --sz: 88px; --thick: 8px; }
.smt-ring--sm { --sz: 56px; --thick: 6px; }
.smt-ring--sm .smt-ring__v small { display: none; }

/* ── کاشی لوگو ── */
.smt-tile { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border-radius: var(--r-md); border: 1px solid var(--border); background: #fff; overflow: hidden; }
.smt-tile img { width: 72%; height: 72%; object-fit: contain; }
.smt-tile--mono { background: hsl(var(--h) 45% 96%); border-color: hsl(var(--h) 35% 82%); }
.smt-tile--mono b { font-size: 1.272rem; font-weight: 800; color: hsl(var(--h) 55% 32%); font-family: 'RGBir', system-ui, sans-serif; }
.smt-tile--ph { color: var(--text-3); }

/* ── چیپ ها ── */
.smt-chip { font-size: 0.786rem; padding: 3px 10px; }
.smt-chip--cat { color: var(--sky); }
.smt-chip--pos.is-top { background: rgba(255, 215, 0, .16); border-color: rgba(255, 215, 0, .6); color: var(--sun-ink); }
.smt-wins { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.smt-win { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: var(--r-sm); background: var(--blue-soft); color: var(--sky); font-size: 0.75rem; font-weight: 700; }
.smt-win .i { width: 12px; height: 12px; }
.smt-win--more { background: var(--surface-2); color: var(--text-2); }

/* ── پاسخ کوتاه ── */
.smt-answer-wrap { margin-top: -8px; }
.smt-answer { display: flex; gap: 21px; padding: clamp(21px, 3vw, 34px); border: 1px solid var(--border); border-inline-start: 3px solid var(--sun); border-radius: var(--r-md); background: var(--felt); box-shadow: var(--shadow-card); }
.smt-answer__ic { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--r-sm); background: rgba(255, 215, 0, .18); color: var(--sun-ink); }
.smt-answer__t { font-size: 1.128rem; margin: 0 0 8px; }
.smt-answer__p { margin: 0; font-size: 1.05rem; line-height: 1.85; }
.smt-answer__p a { color: var(--sky); }
.smt-answer__caveat, .smt-answer__meta { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 0.887rem; color: var(--text-2); }
.smt-answer__meta { color: var(--text-3); }

/* ── سکو ── */
.smt-podium { list-style: none; margin: 0 0 var(--s4); padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; align-items: end; }
.smt-podium__step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 34px 16px 18px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); box-shadow: var(--shadow-card); }
.smt-podium__step.is-1 { padding-top: 44px; border-color: rgba(255, 215, 0, .7); }
.smt-podium__rank { position: absolute; top: -14px; inset-inline-start: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 4px; padding: 4px 12px; border-radius: var(--r-sm); font-weight: 800; font-size: 0.887rem; border: 1px solid var(--border); background: var(--felt); color: var(--sky); }
[dir="rtl"] .smt-podium__rank { transform: translateX(50%); }
.smt-podium__step.is-1 .smt-podium__rank { background: var(--smt-gold); color: #3a2f00; border-color: var(--smt-gold); }
.smt-podium__step.is-2 .smt-podium__rank { background: var(--smt-silver); color: #1a1f27; border-color: var(--smt-silver); }
.smt-podium__step.is-3 .smt-podium__rank { background: var(--smt-bronze); color: #fff; border-color: var(--smt-bronze); }
.smt-podium__logo { width: 64px; height: 64px; }
.smt-podium__name { font-size: 1.128rem; margin: 0; }
.smt-podium__name a { color: var(--sky); text-decoration: none; }
.smt-podium__tag { margin: 0; color: var(--text-2); font-size: 0.887rem; max-width: 28ch; }
.smt-podium__score { margin-top: 4px; }
.smt-podium__act { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 6px; }
.smt-podium .smt-wins { justify-content: center; }

/* ── ابزار فیلتر ── */
.smt-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-bottom: 13px; }
.smt-field { display: flex; align-items: center; gap: 8px; flex: 1 1 240px; padding: 6px 12px; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--felt); color: var(--text-3); }
.smt-field input { flex: 1; border: 0; background: transparent; font: inherit; color: var(--text); outline: none; min-width: 0; }
.smt-segs { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.smt-seg { padding: 6px 12px; border: 1px solid var(--border); border-radius: var(--r-sm); background: var(--felt); color: var(--text-2); font: inherit; font-size: 0.828rem; font-weight: 600; cursor: pointer; }
.smt-seg:hover { border-color: var(--sky); color: var(--sky); }
.smt-seg.is-active { background: var(--sky); border-color: var(--sky); color: #fff; }
.smt-tools__count { margin-inline-start: auto; color: var(--text-3); font-size: 0.887rem; }

/* ── فهرست ردیفی ── */
.smt-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.smt-row { display: grid; grid-template-columns: 36px 52px 1fr auto auto auto; align-items: center; gap: 13px; padding: 12px 16px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.smt-row:hover { border-color: rgba(0, 35, 102, .3); box-shadow: var(--shadow-card); }
.smt-row.smt-filtered-out, .smt-podium__step.smt-filtered-out { display: none; }
.smt-row.is-me { border-color: var(--sky); background: var(--blue-soft); }
.smt-row__n { display: grid; place-items: center; width: 36px; height: 36px; border-radius: var(--r-sm); background: var(--surface-2); color: var(--sky); font-weight: 800; font-variant-numeric: tabular-nums; }
.smt-row.is-m1 .smt-row__n { background: var(--smt-gold); color: #3a2f00; }
.smt-row.is-m2 .smt-row__n { background: var(--smt-silver); color: #1a1f27; }
.smt-row.is-m3 .smt-row__n { background: var(--smt-bronze); color: #fff; }
.smt-row__body { min-width: 0; }
.smt-row__name { font-size: 1.05rem; margin: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.smt-row__name a { color: var(--sky); text-decoration: none; }
.smt-row__tag { margin: 2px 0 0; font-size: 0.887rem; color: var(--text-2); }
.smt-row__act { display: flex; align-items: center; gap: 8px; }
.smt-list__empty { color: var(--text-3); text-align: center; padding: 21px; }
.smt-list--compact .smt-row { grid-template-columns: 36px 44px 1fr auto auto; padding: 8px 13px; }
.smt-list--compact .smt-row__logo { width: 44px; height: 44px; }
.smt-list--compact .smt-row__name { font-size: 0.95rem; }

.smt-sparks { display: inline-flex; align-items: flex-end; gap: 3px; height: 28px; }
.smt-sparks i { display: block; width: 6px; height: var(--h); border-radius: 1px; background: var(--smt-top); opacity: .85; }
.smt-sparks i.is-good { background: var(--smt-good); }
.smt-sparks i.is-fair { background: var(--smt-fair); }

/* چک باکس مقایسه */
.smt-cmp { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font-size: 0.786rem; color: var(--text-3); user-select: none; }
.smt-cmp input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.smt-cmp__box { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid var(--border-2); border-radius: var(--r-sm); background: var(--felt); color: transparent; }
.smt-cmp input:checked + .smt-cmp__box { background: var(--sky); border-color: var(--sky); color: #fff; }
.smt-cmp input:focus-visible + .smt-cmp__box { outline: 2px solid var(--blue-2); outline-offset: 2px; }
.smt-cmp:hover { color: var(--sky); }

/* ── بهترین در هر معیار ── */
.smt-awgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 13px; }
.smt-aw { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); text-decoration: none; color: inherit; transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease); }
.smt-aw:hover { border-color: var(--sky); transform: translateY(-2px); }
.smt-aw__k { font-size: 0.75rem; color: var(--text-3); font-weight: 600; }
.smt-aw__c { font-size: 1.05rem; font-weight: 700; color: var(--sky); }
.smt-aw__who { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.smt-aw__logo { width: 36px; height: 36px; }
.smt-aw__nm { font-weight: 600; flex: 1; }
.smt-aw__sc { font-weight: 800; color: var(--smt-top); font-variant-numeric: tabular-nums; }
.smt-aw__sc.is-good { color: var(--smt-good); }
.smt-aw__sc.is-fair { color: var(--smt-fair); }

/* ── ماتریس ── */
.smt-mx { border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); overflow: hidden; }
.smt-mx__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 21px; padding: 13px 16px; border-bottom: 1px solid var(--border); background: var(--bg-2); }
.smt-mx__sort, .smt-mx__lim { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.smt-mx__sortl { font-size: 0.828rem; color: var(--text-3); margin-inline-end: 4px; }
.smt-mx__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.smt-tbl { width: 100%; min-width: calc(170px + var(--cols) * 128px); border-collapse: separate; border-spacing: 0; font-size: 0.887rem; }
.smt-tbl th, .smt-tbl td { padding: 10px 8px; text-align: center; vertical-align: middle; border-bottom: 1px solid var(--border); }
.smt-tbl thead th { position: sticky; top: 0; z-index: 2; background: var(--felt); vertical-align: bottom; }
.smt-tbl__corner, .smt-tbl__crit { position: sticky; inset-inline-start: 0; z-index: 1; background: var(--felt); text-align: start; min-width: 150px; font-weight: 700; color: var(--text); }
.smt-tbl__crit small { display: block; font-weight: 600; color: var(--text-3); font-size: 0.72rem; }
.smt-tbl__ent a { display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; color: var(--text); }
.smt-tbl__ent.is-top .smt-tbl__nm { color: var(--sky); }
.smt-tbl__logo { width: 40px; height: 40px; }
.smt-tbl__pos { font-size: 0.72rem; color: var(--text-3); font-weight: 700; }
.smt-tbl__nm { font-weight: 700; font-size: 0.85rem; max-width: 120px; }
.smt-tbl__sc { font-weight: 800; color: var(--smt-top); font-variant-numeric: tabular-nums; }
.smt-tbl__sc.is-good, .smt-tbl__v--total.is-good { color: var(--smt-good); }
.smt-tbl__sc.is-fair, .smt-tbl__v--total.is-fair { color: var(--smt-fair); }
.smt-tbl__v { display: block; font-weight: 700; font-variant-numeric: tabular-nums; }
.smt-tbl__v--total { font-size: 1.128rem; font-weight: 800; color: var(--smt-top); }
.smt-tbl__bar { display: block; height: 4px; margin-top: 5px; border-radius: 2px; background: rgba(0, 35, 102, .08); overflow: hidden; }
.smt-tbl__bar i { display: block; height: 100%; width: var(--w); background: var(--sky); border-radius: 2px; }
.smt-tbl__cell.is-best { background: rgba(255, 215, 0, .14); }
.smt-tbl__cell.is-best .smt-tbl__v { color: var(--sun-ink); }
.smt-tbl__na { color: var(--text-3); font-size: 0.75rem; }
.smt-tbl [data-smt-col].is-off { display: none; }
.smt-tbl [data-smt-col].is-hot { background: var(--blue-soft); }
.smt-tbl__total th, .smt-tbl__total td { border-top: 2px solid var(--border-2); }
.smt-mx__hint { display: none; align-items: center; gap: 6px; margin: 0; padding: 8px 16px; font-size: 0.786rem; color: var(--text-3); border-top: 1px solid var(--border); }
@media (max-width: 900px) { .smt-mx__hint { display: flex; } }

/* ── روش ── */
.smt-method { padding: clamp(21px, 3vw, 34px); border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); }
.smt-method__head { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 21px; }
.smt-method__ic { flex: none; width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--r-sm); background: var(--blue-soft); color: var(--sky); }
.smt-method__t { font-size: 1.435rem; margin: 0 0 4px; }
.smt-method__s { margin: 0; color: var(--text-2); }
.smt-method__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 21px; }
.smt-method__col h3 { display: flex; align-items: center; gap: 8px; font-size: 1rem; margin: 0 0 8px; }
.smt-method__col ul { margin: 0; padding-inline-start: 18px; color: var(--text-2); line-height: 1.8; font-size: 0.95rem; }
.smt-method__col--limits h3 { color: var(--amber-ink); }
.smt-method__note { margin: 16px 0 0; padding: 13px 16px; border-radius: var(--r-sm); background: var(--surface); color: var(--text-2); font-size: 0.95rem; }
.smt-method__crit { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 16px; font-size: 0.887rem; color: var(--text-3); }
.smt-method__crit b { padding: 3px 10px; border-radius: var(--r-sm); background: var(--surface-2); color: var(--sky); font-weight: 700; }
.smt-method__crit b small { color: var(--text-3); font-weight: 600; }

/* ── کارت دسته ── */
.smt-catgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 13px; }
.smt-catcard { display: grid; grid-template-columns: 44px 1fr auto; grid-template-areas: "ic body go" "lead lead lead"; align-items: center; gap: 8px 13px; padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); text-decoration: none; color: inherit; transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.smt-catcard:hover { border-color: var(--sky); transform: translateY(-2px); box-shadow: var(--shadow-card); }
.smt-catcard__ic { grid-area: ic; width: 44px; height: 44px; display: grid; place-items: center; border-radius: var(--r-sm); background: var(--blue-soft); color: var(--sky); }
.smt-catcard__body { grid-area: body; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.smt-catcard__t { font-weight: 700; color: var(--sky); font-size: 1.05rem; }
.smt-catcard__d { font-size: 0.828rem; color: var(--text-2); line-height: 1.6; }
.smt-catcard__n { font-size: 0.786rem; color: var(--text-3); }
.smt-catcard__go { grid-area: go; color: var(--text-3); }
.smt-catcard__lead { grid-area: lead; display: flex; align-items: center; gap: 8px; padding-top: 8px; border-top: 1px dashed var(--border); font-size: 0.828rem; }
.smt-catcard__lk { color: var(--text-3); }
.smt-catcard__lv { font-weight: 700; flex: 1; }
.smt-catcard__ls { font-weight: 800; color: var(--smt-top); }
.smt-catcard__ls.is-good { color: var(--smt-good); }
.smt-catcard__ls.is-fair { color: var(--smt-fair); }

/* ── تازه ترین ها ── */
.smt-latest { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 13px; }
.smt-latest__row { display: grid; grid-template-columns: 52px 1fr auto; gap: 13px; align-items: center; padding: 13px 16px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); }
.smt-latest__name { font-weight: 700; color: var(--sky); text-decoration: none; }
.smt-latest__meta { display: block; font-size: 0.786rem; color: var(--text-3); }
.smt-latest__meta a { color: var(--text-2); text-decoration: none; }
.smt-latest__tag { margin: 4px 0 0; font-size: 0.828rem; color: var(--text-2); }

/* ── خالی ── */
.smt-empty { text-align: center; padding: 55px 21px; border: 1px dashed var(--border-2); border-radius: var(--r-md); color: var(--text-2); }
.smt-empty .i { color: var(--text-3); }
.smt-empty h2, .smt-empty h3 { margin: 13px 0 4px; }

/* ── مقاله و فهرست ── */
.smt-article__grid { display: grid; grid-template-columns: 240px 1fr; gap: 34px; align-items: start; }
.smt-sticky { position: sticky; top: calc(var(--head-h) + 21px); display: grid; gap: 16px; }
.smt-toc { padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); }
.smt-toc__t { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-weight: 700; font-size: 0.887rem; color: var(--sky); }
.smt-toc__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; max-height: 50vh; overflow: auto; }
.smt-toc__list a { display: block; padding: 5px 10px; border-radius: var(--r-sm); color: var(--text-2); font-size: 0.85rem; text-decoration: none; }
.smt-toc__list li.is-l3 a { padding-inline-start: 22px; font-size: 0.8rem; }
.smt-toc__list a:hover, .smt-toc__list a.is-active { background: var(--blue-soft); color: var(--sky); }
.smt-prose h2 { font-size: 1.435rem; margin: 34px 0 13px; }
.smt-prose h3 { font-size: 1.128rem; margin: 21px 0 8px; }
.smt-prose p { line-height: 1.9; color: var(--text-2); margin: 0 0 13px; text-align: start; }
.smt-prose ul, .smt-prose ol { color: var(--text-2); line-height: 1.9; }
.smt-prose table { width: 100%; border-collapse: collapse; font-size: 0.887rem; margin: 13px 0; }
.smt-prose th, .smt-prose td { padding: 8px 10px; border: 1px solid var(--border); text-align: start; }
.smt-prose th { background: var(--surface); }
.smt-faq .faq-item { margin-bottom: 8px; }

/* ── صفحه موجودیت ── */
.smt-ehero { padding-top: calc(var(--head-h) + 34px); padding-bottom: 21px; }
.smt-ecard { display: grid; grid-template-columns: 1fr auto; gap: clamp(21px, 3vw, 44px); align-items: center; padding: clamp(21px, 3vw, 34px); border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); box-shadow: var(--shadow-card); }
.smt-ecard__id { display: flex; gap: 21px; align-items: flex-start; min-width: 0; }
.smt-elogo { width: 84px; height: 84px; }
.smt-elogo.smt-tile--mono b { font-size: 2.058rem; }
.smt-ecard__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.smt-ecard__tags .chip { text-decoration: none; }
.smt-ecard__t { margin: 0 0 6px; font-size: clamp(1.618rem, 3vw, 2.058rem); }
.smt-ecard__tag { margin: 0 0 10px; color: var(--text-2); font-size: 1.05rem; }
.smt-ecard__meta { display: flex; flex-wrap: wrap; gap: 6px 21px; font-size: 0.887rem; color: var(--text-3); margin-bottom: 16px; }
.smt-ecard__meta > span { display: inline-flex; align-items: center; gap: 6px; }
.smt-verified time { color: var(--text); font-weight: 700; }
.smt-ecard__cta { display: flex; flex-wrap: wrap; gap: 8px; }
.smt-ecard__score { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; }
.smt-ecard__cap { font-size: 0.828rem; font-weight: 700; color: var(--text-2); }
.smt-ecard__vs { font-size: 0.786rem; color: var(--text-3); }
.smt-ecard__vs b { color: var(--sky); }
.smt-ecard__vs.is-down b { color: var(--amber-ink); }

.smt-elayout { display: grid; grid-template-columns: 1fr 280px; gap: 34px; align-items: start; padding-block: 21px 55px; }
.smt-esec { padding: 21px 0; border-bottom: 1px solid var(--border); }
.smt-esec:last-of-type { border-bottom: 0; }
.smt-esec__t { display: flex; align-items: center; gap: 8px; font-size: 1.272rem; margin: 0 0 10px; }
.smt-esec__s { margin: 0 0 13px; color: var(--text-3); font-size: 0.887rem; }
.smt-gist { font-size: 1.128rem; line-height: 1.9; color: var(--text); margin: 0; }
.smt-gist__wins { margin: 8px 0 0; }

.smt-bars { display: grid; gap: 10px; }
.smt-bar { display: grid; grid-template-columns: minmax(110px, 1fr) 3fr auto; align-items: center; gap: 12px; font-size: 0.887rem; }
.smt-bar__l { color: var(--text-2); font-weight: 600; }
.smt-bar__t { position: relative; height: 8px; border-radius: 2px; background: rgba(0, 35, 102, .08); overflow: visible; }
.smt-bar__f { position: absolute; inset-block: 0; inset-inline-start: 0; width: var(--w); border-radius: 2px; background: var(--smt-top); }
.smt-bar.is-good .smt-bar__f { background: var(--smt-good); }
.smt-bar.is-fair .smt-bar__f { background: var(--smt-fair); }
.smt-bar__avg { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--text-3); z-index: 1; }
.smt-bar__v { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--sky); font-variant-numeric: tabular-nums; min-width: 52px; justify-content: flex-end; }
.smt-bar__d { font-size: 0.72rem; font-weight: 700; padding: 1px 5px; border-radius: 2px; }
.smt-bar__d.is-up { background: var(--blue-soft); color: var(--sky); }
.smt-bar__d.is-down { background: rgba(183, 121, 31, .12); color: var(--amber-ink); }
.smt-mini .smt-bars { gap: 6px; }
.smt-mini .smt-bar { grid-template-columns: minmax(80px, 1fr) 2fr auto; font-size: 0.75rem; gap: 8px; }
.smt-mini .smt-bar__t { height: 5px; }
.smt-mini .smt-bar__v { min-width: 24px; font-size: 0.8rem; }

.smt-fit__grid, .smt-pc__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.smt-fit__col, .smt-pc__col { padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); }
.smt-fit__col ul, .smt-pc__col ul { margin: 0; padding-inline-start: 18px; color: var(--text-2); line-height: 1.85; font-size: 0.95rem; }
.smt-fit__col .smt-esec__t, .smt-pc__col .smt-esec__t { font-size: 1.05rem; }
.is-yes .smt-esec__t, .is-pro .smt-esec__t { color: var(--sky); }
.is-no .smt-esec__t, .is-con .smt-esec__t { color: var(--amber-ink); }
.smt-verdict { display: flex; gap: 16px; align-items: flex-start; margin-top: 16px; padding: 16px 18px; border: 1px solid var(--border); border-inline-start: 3px solid var(--sun); border-radius: var(--r-md); background: var(--surface); }
.smt-verdict__k { display: inline-flex; align-items: center; gap: 6px; flex: none; font-weight: 800; color: var(--sky); }
.smt-verdict p { margin: 0; line-height: 1.85; color: var(--text); }

.smt-mini { padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); }
.smt-mini__head { display: flex; align-items: center; gap: 12px; margin-bottom: 13px; }
.smt-mini__id { display: flex; flex-direction: column; min-width: 0; }
.smt-mini__id b { color: var(--sky); }
.smt-mini__id span { font-size: 0.786rem; color: var(--text-3); }

.smt-helpful { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 21px; padding: 13px 18px; border: 1px dashed var(--border-2); border-radius: var(--r-md); font-size: 0.887rem; color: var(--text-2); }
.smt-helpful__btns { display: inline-flex; gap: 6px; }

/* رقبا */
.smt-neigh { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 13px; margin-bottom: 34px; }
.smt-neigh__card { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "k pos" "who ring"; align-items: center; gap: 6px 13px; padding: 16px 18px; border: 1px solid var(--border); border-radius: var(--r-md); background: var(--felt); text-decoration: none; color: inherit; }
.smt-neigh__card:hover { border-color: var(--sky); }
.smt-neigh__card.is-me { border-color: var(--sky); background: var(--blue-soft); }
.smt-neigh__k { grid-area: k; font-size: 0.75rem; color: var(--text-3); font-weight: 600; }
.smt-neigh__pos { grid-area: pos; font-size: 0.75rem; color: var(--text-3); font-weight: 700; }
.smt-neigh__who { grid-area: who; display: flex; align-items: center; gap: 10px; }
.smt-neigh__logo { width: 40px; height: 40px; }
.smt-neigh__nm { font-weight: 700; color: var(--sky); }
.smt-neigh__card .smt-ring { grid-area: ring; }
.smt-rivals__t { font-size: 1.128rem; margin: 0 0 13px; }
.smt-rivals__more { margin: 21px 0 0; text-align: center; }

/* نوار چسبان */
.smt-sticky-bar { position: fixed; top: var(--head-h); inset-inline: 0; z-index: 90; background: rgba(255, 255, 255, .92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--border); transform: translateY(-110%); transition: transform var(--dur) var(--ease); }
.smt-sticky-bar.is-on { transform: none; }
.smt-sticky-bar__in { display: flex; align-items: center; gap: 13px; padding-block: 8px; }
.smt-sticky-bar__logo { width: 32px; height: 32px; }
.smt-sticky-bar__nm { flex: 1; color: var(--sky); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.smt-sticky-bar__sc { font-weight: 800; color: var(--smt-top); }
.smt-sticky-bar__sc.is-good { color: var(--smt-good); }
.smt-sticky-bar__sc.is-fair { color: var(--smt-fair); }

/* داک مقایسه */
.smt-dock { position: fixed; bottom: 16px; inset-inline: 0; z-index: 800; pointer-events: none; }
.smt-dock__in { pointer-events: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 12px 18px; border: 1px solid var(--border-2); border-radius: var(--r-md); background: rgba(255, 255, 255, .96); box-shadow: var(--shadow-glow); backdrop-filter: blur(8px); }
.smt-dock__info { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; }
.smt-dock__ic { display: grid; place-items: center; width: 32px; height: 32px; border-radius: var(--r-sm); background: var(--blue-soft); color: var(--sky); }
.smt-dock__count { font-size: 0.887rem; color: var(--text-2); }
.smt-dock__count b { color: var(--sky); }
.smt-dock__items { display: flex; flex-wrap: wrap; gap: 4px; }
.smt-dock__pill { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; border-radius: var(--r-sm); background: var(--surface-2); font-size: 0.786rem; font-weight: 600; }
.smt-dock__pill-x { cursor: pointer; color: var(--text-3); }
.smt-dock__act { display: flex; gap: 8px; }
.smt-toast { position: fixed; bottom: 90px; inset-inline-start: 50%; transform: translate(-50%, 10px); z-index: 900; padding: 8px 16px; border-radius: var(--r-sm); background: var(--sky); color: #fff; font-size: 0.887rem; opacity: 0; transition: opacity .25s, transform .25s; }
[dir="rtl"] .smt-toast { transform: translate(50%, 10px); }
.smt-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }
[dir="rtl"] .smt-toast.is-visible { transform: translate(50%, 0); }

/* ── ریسپانسیو ── */
@media (max-width: 1000px) {
	.smt-article__grid, .smt-elayout { grid-template-columns: 1fr; }
	.smt-easide, .smt-article__aside { order: -1; }
	.smt-sticky { position: static; }
	.smt-toc__list { max-height: none; }
	.smt-mini { display: none; }
}
@media (max-width: 760px) {
	.smt-podium { grid-template-columns: 1fr; }
	.smt-podium__step.is-1 { order: -1; }
	.smt-row { grid-template-columns: 32px 44px 1fr auto; grid-template-areas: "n logo body score" "act act act act"; }
	.smt-row__n { grid-area: n; width: 32px; height: 32px; }
	.smt-row__logo { grid-area: logo; width: 44px; height: 44px; }
	.smt-row__body { grid-area: body; }
	.smt-row__score { grid-area: score; }
	.smt-row__act { grid-area: act; justify-content: flex-end; }
	.smt-sparks { display: none; }
	.smt-list--compact .smt-row { grid-template-columns: 32px 40px 1fr auto; grid-template-areas: "n logo body score"; }
	.smt-ecard { grid-template-columns: 1fr; }
	.smt-ecard__id { flex-direction: column; align-items: center; text-align: center; }
	.smt-ecard__tags, .smt-ecard__cta, .smt-ecard__meta { justify-content: center; }
	.smt-answer { flex-direction: column; gap: 13px; }
	.smt-bar { grid-template-columns: 1fr auto; }
	.smt-bar__t { grid-column: 1 / -1; order: 3; }
	.smt-tools__count { margin-inline-start: 0; }
}