/* Раздел статей. Дополняет pages.css, подключается только на /guides/. */
.article { max-width: 760px; }
.article h2 { font-family:'Bebas Neue',sans-serif; font-size:27px; letter-spacing:.05em;
  margin:38px 0 12px; font-weight:400; }
.article h3 { font-size:15px; font-weight:600; margin:24px 0 8px; color:var(--text); }
.article p { color:var(--text-dim); font-size:15px; line-height:1.72; margin:0 0 14px; }
.article ul, .article ol { color:var(--text-dim); font-size:15px; line-height:1.72;
  margin:0 0 14px; padding-left:22px; }
.article li { margin-bottom:9px; }
.article .lead { color:var(--text); font-size:17px; line-height:1.65; margin-bottom:26px; }
.article figure { margin:26px 0; }
.article figure img { width:100%; height:auto; border-radius:4px; display:block; }
.article .sig { font-size:13px; color:var(--text-mute); font-style:italic;
  margin:-6px 0 22px; }
.guide-meta { font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--text-mute); margin:14px 0 10px; }
.related { border-top:1px solid var(--line); margin-top:46px; padding-top:24px; }
.related h2 { font-size:22px; margin-top:0; }
.related a { display:block; color:var(--text); text-decoration:none; padding:9px 0;
  border-bottom:1px solid var(--line); font-size:14.5px; }
.related a:hover { color:var(--accent); }
.guide-list { display:grid; gap:2px; margin-top:8px; }
.guide-group { margin-bottom:34px; }
.guide-group > h2 { font-family:'Bebas Neue',sans-serif; font-size:24px; letter-spacing:.05em;
  margin:0 0 10px; font-weight:400; }
.guide-list a { display:block; padding:13px 16px; background:var(--bg-1);
  border:1px solid var(--line); text-decoration:none; }
.guide-list a:hover { border-color:var(--line-hl); }
.guide-list .t { color:var(--text); font-size:15px; font-weight:500; display:block; }
.guide-list .d { color:var(--text-dim); font-size:13px; line-height:1.5; margin-top:4px;
  display:block; }
@media (max-width:560px) {
  .article h2 { font-size:23px; }
  .article p, .article ul, .article ol { font-size:14.5px; }
}