:root{
    --dispatch-red:    var(--primary-red, #d7263d);
    --dispatch-ink:    var(--primary-white, #f5f3ee);
    --dispatch-surface:var(--surface--base, #121214);
    --dispatch-line:   color-mix(in srgb, var(--dispatch-ink) 14%, transparent);
    --dispatch-muted:  color-mix(in srgb, var(--dispatch-ink) 60%, transparent);

}

/* نوار پیشرفت مطالعه */
#read-progress{
    position:fixed; inset-inline:0; top:0; height:3px; z-index:50;
    background:var(--dispatch-red);
    width:0%; transform-origin:right; /* RTL */
    transition:width .1s linear;
}

.dispatch-hero{ position:relative; }

.dispatch-stamp{
    position:absolute; top:24px; inset-inline-start:24px; z-index:3;
    display:inline-flex; align-items:center; gap:8px;
    padding:8px 18px; border:1.5px solid var(--dispatch-ink);
    color:var(--dispatch-ink); font-weight:700; font-size:13px;
    letter-spacing:.04em; transform:rotate(-3deg);
    background:color-mix(in srgb, var(--dispatch-surface) 55%, transparent);
    backdrop-filter:blur(4px);
}
.dispatch-stamp::before{
    content:''; width:7px; height:7px; border-radius:999px;
    background:var(--dispatch-red); flex:none;
}

.article-shell{ max-width:1180px; margin:0 auto; }
.article-grid{ display:grid; grid-template-columns:1fr; gap:32px; }
@media (min-width:1024px){
    .article-grid{ grid-template-columns:minmax(0,1fr) 280px; align-items:start; }
}

.cat-chip{
    display:inline-block; padding:5px 14px; border-radius:999px;
    font-size:12.5px; font-weight:700; margin-inline-end:8px; margin-bottom:8px;
    border:1px solid var(--dispatch-line); color:var(--dispatch-ink);
}
.cat-chip.is-primary{
    background:var(--dispatch-red); border-color:var(--dispatch-red); color:#fff;
}

.headline{

    font-weight:900; line-height:1.28;
    font-size:clamp(24px, 4vw, 38px);
    color:var(--dispatch-ink); margin:14px 0 18px;
}

.meta-row{
    display:flex; flex-wrap:wrap; align-items:center; gap:18px;
    padding-block:16px;
    border-bottom:1px solid var(--dispatch-line); margin-bottom:28px;
    color:var(--dispatch-muted); font-size:13.5px;
}
.meta-row .meta-item{ display:flex; align-items:center; gap:6px; }
.meta-row svg{ width:16px; height:16px; flex:none; opacity:.85; }

.lede p{
    font-size:18px; line-height:2.05; padding-inline-start:16px;
    border-inline-start:3px solid var(--dispatch-red);
    color:var(--dispatch-ink); margin-bottom:26px;
}
.article-body{
    font-size:16px; line-height:2.1;
    color:color-mix(in srgb, var(--dispatch-ink) 92%, transparent);
}
.article-body p{ margin-bottom:20px; }

.media-block{
    margin:34px 0; padding:18px; border:1px solid var(--dispatch-line); border-radius:14px;
}
.media-block h3{
    display:flex; align-items:center; gap:8px;
    font-size:15px; font-weight:700; color:var(--dispatch-ink); margin-bottom:14px;
}
.media-block h3::before{ content:''; width:4px; height:16px; background:var(--dispatch-red); border-radius:2px; }
.media-frame{
    position:relative; width:100%; aspect-ratio:16/9;
    border-radius:10px; overflow:hidden; background:#000;
}
.media-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* ستون کناری چسبان */
.side-rail{ position:static; }
@media (min-width:1024px){ .side-rail{ position:sticky; top:24px; } }
.side-card{
    border:1px solid var(--dispatch-line); border-radius:14px; padding:20px;
    margin-bottom:16px;
}
.side-card h4{ font-size:13px; font-weight:700; color:var(--dispatch-muted); margin-bottom:12px; }
.share-row{ display:flex; flex-wrap:wrap; justify-content: center !important; gap:8px; }
.share-btn{
    display:inline-flex; align-items:center; gap:8px;
    padding:9px 16px; border-radius:10px; border:none;
    font-size:13.5px; font-weight:700;
    cursor:pointer; transition:transform .15s ease, opacity .15s ease;
    background:var(--dispatch-red); color:#fff;
}
.share-btn.is-outline{
    background:transparent; color:var(--dispatch-ink); border:1px solid var(--dispatch-line);
}
.share-btn:hover{ transform:translateY(-2px); }
.copy-tooltip{
    position:absolute; top:-34px; inset-inline-start:50%;
    transform:translateX(-50%); background:var(--dispatch-surface);
    color:var(--dispatch-ink); font-size:11.5px; padding:4px 10px;
    border-radius:6px; opacity:0; pointer-events:none; transition:opacity .2s ease;
    white-space:nowrap;
}
.share-btn.copied .copy-tooltip{ opacity:1; }

.facts-list{ display:flex; flex-direction:column; gap:10px; font-size:13.5px; color:var(--dispatch-muted); }
.facts-list b{ color:var(--dispatch-ink); font-weight:700; }

@media (max-width:640px){
    .dispatch-stamp{ top:16px; inset-inline-start:16px; padding:6px 14px; font-size:12px; }
    .share-title {
        display: none;
    }
}