/* Раздел статей. Отдельный файл на раздел - тот же приём, что у legal/.
   Чужих подключений нет: CSP страницы отклонила бы их сама. */
:root { --фон: #0b0d17; --текст: #e8e9f3; --приглушённый: #9aa0b5; --ссылка: #ffd166; }

body {
  margin: 0 auto; padding: 2rem 1.25rem 4rem; max-width: 42rem;
  background: var(--фон); color: var(--текст);
  font: 400 1.0625rem/1.7 system-ui, -apple-system, 'Segoe UI', sans-serif;
}
a { color: var(--ссылка); }
h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 0.5rem; }
h2 { font-size: 1.3rem; line-height: 1.3; margin: 2.25rem 0 0.75rem; }
h3 { font-size: 1.1rem; margin: 1.75rem 0 0.5rem; }
p, li { margin: 0 0 1rem; }
ul { padding-left: 1.25rem; }
article h1 { margin-bottom: 2rem; }
.подвал { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #22263a;
  color: var(--приглушённый); font-size: 0.9rem; }
.список { list-style: none; padding: 0; }
.список li { margin: 0 0 1.5rem; }
.список .крючок { color: var(--приглушённый); margin: 0.25rem 0 0; }

/* Небольшой блок между абзацами; место под изображение резервирует width/height. */
.иллюстрация { max-width: 30rem; margin: 2rem auto; }
.иллюстрация img { display: block; width: 100%; height: auto; border-radius: 0.75rem; }
.иллюстрация a { display: block; border-radius: 0.75rem; }
.иллюстрация a:focus-visible { outline: 3px solid var(--ссылка); outline-offset: 5px; }
.иллюстрация figcaption { margin-top: 0.65rem; color: var(--приглушённый);
  font-size: 0.875rem; line-height: 1.5; }