/* PADCORE — صفحهٔ برچسبِ چندنوعی (`/tag/{slug}`).
   فاز ۴ گامِ چهارده: بلوکِ `<style>`ِ درونِ ویو به این شیت آمد. مقادیر عیناً
   همان‌هاست؛ یکدست‌سازیِ پالت با توکن کارِ زیرگامِ بعدی است. */

.tag-page-header { display:flex; align-items:center; gap:10px; padding:14px 0 10px; }
/* رنگِ نقطه دادهٔ کاربر است، پس فقط همان یک متغیر تزریق می‌شود. */
.tag-page-dot { width:16px; height:16px; border-radius:50%; flex-shrink:0; background: var(--dot); }
.tag-page-title { font-size:18px; font-weight:800; color:var(--tn-on-surface); margin:0; flex:1; }
.tag-page-total { font-size:12px; color:var(--tn-on-surface-var); }
/* .ct-tabs / .ct-tab / .ct-cnt / .ct-section-label → assets/css/app.css (padcore224،
   منبعِ واحد با صفحهٔ /news). اینجا فقط استایلِ اختصاصیِ همین صفحه می‌ماند. */
.tag-dt-card {
    display:flex; align-items:center; gap:14px;
    background:var(--tn-surface-card); border:1px solid var(--tn-outline-light);
    border-radius:var(--tn-r-md); box-shadow:var(--tn-s1);
    padding:14px 16px; margin-bottom:10px; text-decoration:none; color:inherit;
    transition:transform .15s, box-shadow .15s;
}
.tag-dt-card:hover { transform:translateY(-2px); box-shadow:var(--tn-s2); text-decoration:none; }
.tag-dt-icon {
    width:40px; height:40px; border-radius:10px; background:var(--tn-primary-light);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.tag-dt-body { flex:1; min-width:0; }
.tag-dt-title { font-size:14px; font-weight:700; color:var(--tn-on-surface); margin-bottom:2px; }
.tag-dt-desc { font-size:12px; color:var(--tn-on-surface-var); line-height:1.5; }
.tag-dt-badge {
    font-size:11px; font-weight:700; color:var(--tn-primary);
    background:var(--tn-primary-light); padding:2px 8px; border-radius:20px; margin-top:4px; display:inline-block;
}

/* ── آنچه تا فاز ۴ درون‌خطی بود ─────────────────────────────────────── */
.tag-dt-icon .icon { width: 20px; height: 20px; }
.tag-dt-card > .icon-arrow-left { width: 16px; height: 16px; opacity: .35; flex-shrink: 0; }