/* Страница записи (новость). Разметку выводит движок: .resource-view--record > h2 + p + div.
   Заголовок и лид уже выводятся в H1 и лиде шапки страницы, поэтому прямые h2 и p
   записи скрыты; видимы обложка, дата публикации и основной текст. */
@layer theme.components {

.resource-record .resource-view--record {
  inline-size: min(100%, var(--width-text));
  color: var(--color-text-body);
}
.resource-record .resource-view--record > .resource-view__image {
  display: block; inline-size: 100%; aspect-ratio: 16 / 9; object-fit: cover;
  margin-block-end: 18px; border-radius: var(--radius-lg); background: var(--color-bg-section-alt);
}
.resource-record .resource-view--record > .resource-view__date {
  display: block; margin-block-end: 18px;
  color: var(--color-text-muted); font-size: var(--font-size-caption);
  font-weight: 600;
}
.resource-record .resource-view--record > h2,
.resource-record .resource-view--record > p { display: none; }
.resource-record .resource-view--record > div > * + * { margin-block-start: 14px; }
.resource-record .resource-view--record > div h2,
.resource-record .resource-view--record > div h3 { margin-block: 28px 10px; color: var(--color-text); line-height: var(--line-height-heading); }
.resource-record .resource-view--record > div strong { color: var(--color-text); }
.resource-record .resource-view--record > div ul,
.resource-record .resource-view--record > div ol { padding-inline-start: 22px; }
.resource-record .resource-view--record > div li + li { margin-block-start: 6px; }
.resource-record .resource-view--record > div li::marker { color: var(--color-accent-text); }
.resource-record .resource-view--record > div img { display: block; max-inline-size: 100%; block-size: auto; border-radius: var(--radius-md); }
.resource-record .resource-view--record > div a { color: var(--color-text); text-decoration: underline; text-underline-offset: 3px; }
.resource-record .resource-view--record > div a:hover { color: var(--color-accent-text); }

}