/* История в тёмной версии сайта. Токены и фактуры из /home.css. */
.story{margin:6px auto 0; max-width:820px; padding:34px 36px 30px; display:block}
.story-head{margin-bottom:22px}
.story-kicker{margin:0 0 10px; color:var(--fg-3); font-size:14px}
.story-title{margin:0; font-size:clamp(30px,4.6vw,48px); font-weight:800; letter-spacing:-.04em; line-height:1.02; font-variation-settings:"opsz" 96}
.story-status{margin:0 0 26px; padding:16px 18px; border:1px solid var(--line-2); border-radius:var(--r-md); background:rgba(15,18,9,.5)}
.story-status p{margin:8px 0 0; color:var(--fg-2); line-height:1.55}
.story-status a{color:var(--fg)}
.story-badge{display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:700}
.story-badge::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--lime)}
.story-body p{margin:0 0 18px; font-size:17px; line-height:1.68; color:#D6D9CB; max-width:68ch}
.story-body a{color:var(--fg)}
.story-sign{margin-top:26px !important; font-weight:800; color:var(--fg) !important}
.story-acts{display:flex; gap:8px; flex-wrap:wrap; margin-top:26px}
@media (max-width:760px){
  .story{padding:22px 16px 20px}
  .story-body p{font-size:16px}
}