/* Две колонки: рассуждение слева и перечень определений к нему справа. */
@layer theme.components {

.split-terms__items { display: grid; margin: 0; gap: 18px; }
.split-terms__item { padding-block-start: 14px; border-block-start: 1px solid var(--color-border); }
.split-terms__term { margin-block-end: 4px; font-weight: 600; }
.split-terms__text { margin: 0; color: var(--color-text-body); }
.split-terms__text p { margin-block-end: 8px; }
.split-terms__text p:last-child { margin-block-end: 0; }

/* Фото под текстом слева: компактная пара кадров одной пропорции, клик — фото целиком. */
.split-terms__gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-block-start: 22px; }
.split-terms__gallery[data-count="1"] { grid-template-columns: minmax(0, 1fr); }
.split-terms__photo { margin: 0; }
.split-terms__photo a { display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius-md); background: var(--color-bg-section-alt); }
.split-terms__photo img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; transition: transform .3s ease; }
.split-terms__photo a:hover img { transform: scale(1.04); }
.split-terms__photo figcaption { margin-block-start: 6px; color: var(--color-text-muted); font-size: 12.5px; line-height: 1.35; }

}