/* Block-specific styles for the "Список посилань" block. The canonical
   file-row visuals (.link-list__entry, .link-list__icon, .link-list__
   body, .link-list__download etc.) live in `assets/css/blocks.css` so
   the same component can be used outside this block too — pdf-viewer
   cards, news-single attached files, content-file-link wpLink cards.
   What remains here is the wrapper layout that's specific to the
   list-with-subheadings shape of this block. */

/* A `.link-list__section` wraps each subheading+items pair so the gap
   between the subheading and its own list stays tight (10px), while
   the gap between separate sections remains the page-level
   `--section-gy` set by `.content-with-title__wrapper`. */
.link-list__section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Sub-heading between groups inside one block. h3-scale by default so
   it reads as a subordinate label to the section title, not a sibling. */
.link-list__subheading {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
    color: var(--c-text);
    margin: 0;
}

/* Compact variant: lighter section title and tighter spacing so several
   link-lists can sit one after another inside the same logical section
   (e.g. two-three lists between rich_text headings) without each block
   feeling like an island. */
.link-list--compact .section-title-wrap .section-title {
    font-size: 22px;
    line-height: 1.25;
}
.link-list--compact .link-list__subheading {
    font-size: 18px;
}

/* Tighten the gap between sub-sections (subheading + items pairs)
   inside a compact block. The default `.content-with-title__wrapper`
   uses `--section-gy` which is sized for page-level rhythm — too
   roomy when several groups belong to one logical block. */
.link-list--compact .content-with-title__wrapper {
    gap: 28px;
}

/* Adjacent compact `link_list` blocks are wrapped server-side into a
   `<div class="link-list-group">` so we can drive their shared rhythm
   from one selector instead of fighting page-level gaps with negative
   margins. Gap matches the between-sub-sections gap inside a single
   compact block (28px) so the eye reads a consistent rhythm whether
   it crosses a section boundary or a block boundary. */
.link-list-group {
    display: flex;
    flex-direction: column;
    gap: 28px;
}