/* Страница факта (/fakt/…): текст слева, иллюстрация вида факта справа —
   та же цветная карточка, что в сторис, только без текста. */
.fakt-grid{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:40px; align-items:center; }
.fakt-text{ display:flex; flex-direction:column; gap:16px; }
.fakt-text h1{ font-size:clamp(28px,3.6vw,44px); max-width:22ch; }
.fakt-feed{ display:flex; align-items:center; gap:8px; font-weight:600; }
.fakt-panel .fk-card{ height:300px; max-width:none; padding:24px; border-radius:var(--r-card); overflow:hidden; }
.fakt-panel .fk-visual{ flex:1 1 auto; }
@media (max-width:860px){
  .fakt-grid{ grid-template-columns:minmax(0,1fr); gap:24px; }
  .fakt-panel{ order:-1; }
  .fakt-panel .fk-card{ height:200px; }
}

/* Другие истории: заголовок полностью, цвет точки — вид факта. */
.fakt-list{ display:flex; flex-direction:column; border-top:1px solid var(--line); }
.fakt-item{
  display:flex; gap:14px; align-items:flex-start; padding:14px 0; border-bottom:1px solid var(--line);
  color:var(--ink); text-decoration:none; font-weight:600; line-height:1.4;
}
.fakt-item:hover{ color:var(--accent); }
.fakt-item i{ display:block; font-style:normal; font-weight:500; font-size:13px; color:var(--ink-soft); margin-bottom:2px; }
.fakt-dot{ flex:none; width:12px; height:12px; margin-top:6px; border-radius:50%; background:var(--accent); }
.fakt-item.fk--memorial .fakt-dot{ background:var(--ink); }
.fakt-item.fk--history .fakt-dot{ background:var(--clay-deep); }
.fakt-item.fk--family .fakt-dot, .fakt-item.fk--surname .fakt-dot{ background:var(--accent-soft); border:1px solid var(--accent); }
.fakt-item.fk--name .fakt-dot{ background:var(--clay-soft); border:1px solid var(--clay-deep); }