/* direction.css · страница направления /directions/<slug> (срез 3 роадмапа
   направлений). Полоса вкладок — из meetings.css, .ddot, .stat, .tbl — из
   styles.css. Цвета только токенами; единственный литерал — рамка чипа на
   hover, как у .dchip и .dpick в meetings.css. */
.dp-head { margin-bottom: 18px; }
.dp-back { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-xs);
           color: var(--fg-muted); margin-bottom: 10px; }
.dp-name { font-size: 20px; font-weight: 600; display: flex; gap: 10px; align-items: center; }
.dp-tag { font-size: 12px; font-weight: 400; color: var(--fg-muted);
          border: 1px solid var(--border-row); border-radius: var(--radius-sm); padding: 0 6px; }
.dp-about { margin: 8px 0 0; color: var(--fg-soft); }
.dp-line { margin: 10px 0 0; display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap;
           font-size: var(--fs-sm); }
.dp-k { font-size: var(--fs-label); letter-spacing: var(--tracking-label);
        text-transform: uppercase; color: var(--fg-label); }
.dp-chips { display: inline-flex; gap: 8px; flex-wrap: wrap; align-items: center; }
/* проекты в шапке — теги .tg (styles.css), .dp-chip остаётся людям */
.dp-tags { display: inline-flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.dp-chip { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--border-strong);
           background: var(--paper-card); border-radius: var(--radius-tag); padding: 5px 10px;
           font-size: var(--fs-sm); color: var(--fg); text-decoration: none; }
a.dp-chip:hover { border-color: #C8C3BA; }
.dp-chip .cnt { font-size: var(--fs-xs); color: var(--fg-label); font-variant-numeric: tabular-nums; }
#dp-stats { margin-bottom: 18px; }
.dp-date { color: var(--fg-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.dp-link { color: inherit; text-decoration: underline dotted; }
.dp-people { color: var(--fg-muted); font-size: var(--fs-xs); }
.dp-more { padding: 10px 4px 0; font-size: var(--fs-sm); color: var(--fg-muted); margin-bottom: 18px; }
.dp-list { padding: 4px 0; }
.dp-thread { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; padding: 10px 18px;
             border-bottom: 1px solid var(--border-row); font-size: var(--fs-sm); }
.dp-thread:last-child { border-bottom: none; }
.dp-thread-title { font-weight: 600; }
.dp-thread.quiet .dp-thread-title { color: var(--fg-muted); }
.dp-thread-proj { color: var(--fg-muted); }
.dp-quiet { font-size: var(--fs-xs); color: var(--fg-faint); border: 1px solid var(--border-row);
            border-radius: var(--radius-sm); padding: 0 6px; }
.dp-due { font-size: var(--fs-xs); color: var(--warn); }
.dp-due.over { color: var(--err); }
.dp-due.later { color: var(--fg-muted); }
.dp-foot { padding: 10px 18px; font-size: var(--fs-sm); color: var(--fg-muted);
           border-top: 1px solid var(--border-faint); }