/* 1.84.448 — Dossier reading trail, scoped to the native Maktubat single.
   1.84.454: the single page keeps its original structure; this file styles the dossier bar,
   «ورق بعدی پرونده» and the dossier contents with the shell's theme tokens and the site type scale. */
.forma-maktubat-single-shell .forma-mk-ribbon{margin:0 0 22px;padding:12px 16px;border:1px solid var(--mk-border);border-right:3px solid var(--mk-accent);border-radius:8px;background:var(--mk-surface-2)}
.forma-maktubat-single-shell .forma-mk-ribbon__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px}
.forma-maktubat-single-shell .forma-mk-ribbon__dossier{color:var(--mk-text-2);font-size:13px;line-height:1.8}
.forma-maktubat-single-shell .forma-mk-ribbon__dossier a{color:var(--mk-text);font-weight:800;border-bottom:1px dotted var(--mk-accent)}
.forma-maktubat-single-shell .forma-mk-ribbon__progress{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.forma-maktubat-single-shell .forma-maktubat-dossier-identity__meta{color:var(--mk-muted);font-size:12px}
.forma-maktubat-single-shell .forma-mk-ribbon__ticks{display:inline-flex;gap:3px}
.forma-maktubat-single-shell .forma-mk-ribbon__ticks i{display:block;width:14px;height:3px;border-radius:2px;background:var(--mk-border)}
.forma-maktubat-single-shell .forma-mk-ribbon__ticks i.is-read{background:var(--mk-text-2)}
.forma-maktubat-single-shell .forma-mk-ribbon__ticks i.is-current{background:var(--mk-accent)}
.forma-maktubat-single-shell .forma-mk-ribbon__link{padding:6px 10px;border:1px solid var(--mk-border);border-radius:6px;color:var(--mk-accent-ink);font-size:12px;font-weight:700;white-space:nowrap}
.forma-maktubat-single-shell .forma-mk-ribbon__link:hover,.forma-maktubat-single-shell .forma-mk-ribbon__link:focus-visible{border-color:var(--mk-accent)}

.forma-maktubat-single-shell .forma-mk-trail{margin:36px 0 0;padding-top:24px;border-top:1px solid var(--mk-border)}
.forma-maktubat-single-shell .forma-mk-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.6fr);overflow:hidden;border:1px solid var(--mk-border);border-right:3px solid var(--mk-accent);border-radius:10px;background:var(--mk-surface-2);color:var(--mk-text)}
.forma-maktubat-single-shell .forma-mk-next:hover{border-color:var(--mk-accent)}
.forma-maktubat-single-shell .forma-mk-next:focus-visible{outline:2px solid var(--mk-accent);outline-offset:3px}
.forma-maktubat-single-shell .forma-mk-next__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 22px}
.forma-maktubat-single-shell .forma-mk-next__label{color:var(--mk-accent-ink);font-size:12px;font-weight:800}
.forma-maktubat-single-shell .forma-mk-next__label b{font-weight:800}
.forma-maktubat-single-shell .forma-mk-next__title{color:var(--mk-text);font-size:20px;font-weight:800;line-height:1.6}
.forma-maktubat-single-shell .forma-mk-next__lead{color:var(--mk-text-2);font-size:13px;line-height:1.9}
.forma-maktubat-single-shell .forma-mk-next__author{color:var(--mk-muted);font-size:12px}
.forma-maktubat-single-shell .forma-mk-next__action{margin-top:auto;padding-top:4px;color:var(--mk-accent-ink);font-size:13px;font-weight:800}
.forma-maktubat-single-shell .forma-mk-next__visual{position:relative;display:block;min-height:200px;background:var(--mk-surface)}
.forma-maktubat-single-shell .forma-mk-next__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.forma-maktubat-single-shell .forma-mk-trail__end{padding:18px 20px;border:1px solid var(--mk-border);border-right:3px solid var(--mk-accent);border-radius:8px;background:var(--mk-surface-2)}
.forma-maktubat-single-shell .forma-mk-trail__end strong{color:var(--mk-text);font-size:15px}
.forma-maktubat-single-shell .forma-mk-trail__end p{margin:6px 0 10px;color:var(--mk-text-2);font-size:13px;line-height:1.9}
.forma-maktubat-single-shell .forma-mk-trail__end a{color:var(--mk-accent-ink);font-size:13px;font-weight:700}

.forma-maktubat-single-shell .forma-mk-trail__toc{margin-top:28px}
.forma-maktubat-single-shell .forma-mk-trail__toc h2{margin:0 0 10px;color:var(--mk-text);font-size:16px;font-weight:800;line-height:1.6}
.forma-maktubat-single-shell .forma-mk-toc{margin:0;padding:0;list-style:none;border-top:1px solid var(--mk-border)}
.forma-maktubat-single-shell .forma-mk-toc__item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--mk-border)}
.forma-maktubat-single-shell .forma-mk-toc__item.is-current{background:var(--mk-surface-2)}
.forma-maktubat-single-shell .forma-mk-toc__number{color:var(--mk-accent-ink);font-size:13px;font-weight:800}
.forma-maktubat-single-shell .forma-mk-toc__title{color:var(--mk-text);font-size:14px;line-height:1.7}
.forma-maktubat-single-shell a.forma-mk-toc__title:hover{color:var(--mk-accent-ink)}
.forma-maktubat-single-shell strong.forma-mk-toc__title{font-weight:800}
.forma-maktubat-single-shell .forma-mk-toc__meta{color:var(--mk-muted);font-size:12px;white-space:nowrap}
.forma-maktubat-single-shell .forma-mk-trail__all{display:inline-block;margin-top:12px;color:var(--mk-accent-ink);font-size:13px;font-weight:700}

@media (max-width:680px){
  .forma-maktubat-single-shell .forma-mk-ribbon__inner{align-items:flex-start;flex-direction:column}
  .forma-maktubat-single-shell .forma-mk-next{grid-template-columns:1fr}
  .forma-maktubat-single-shell .forma-mk-next__visual{order:-1;min-height:170px}
  .forma-maktubat-single-shell .forma-mk-toc__item{grid-template-columns:28px minmax(0,1fr)}
  .forma-maktubat-single-shell .forma-mk-toc__meta{grid-column:2}
}
