/* Start:/local/components/rsf/documents.list/templates/.default/style.css?17853050172951*/
/* Component: documents.list — Figma 2021:2729 (D+M) */

/* Reset global .section padding — секции списка идут вплотную: page-title-section даёт верхний gap, у каждой секции свой pb-64. */
.documents.section {
    padding-top: 0;
    padding-bottom: 0;
}

/* Каждая секция: pb 64 (Figma Frame 40/42/43 pb-[64px]). На последней — тоже 64 (от Footer). */
.documents__section {
    padding-bottom: 64px;
    margin-bottom: 0;
}

/* Заголовок секции (Figma 2021:3024) — gap 32 от заголовка до box (Frame 39 gap-[32px]) */
.documents__section-title {
    font-size: 40px;
    font-weight: 700;
    color: var(--color-primary);
    line-height: 1.2; /* 48/40 */
    letter-spacing: -1.96px;
    margin: 0 0 32px;
}

/* Box (Figma 2021:3025 "Step") */
.doc-card {
    border: 1px solid var(--color-border);
    border-radius: 24px;
    padding: 24px;
    background: var(--color-bg);
    box-shadow: 0 1px 1px rgba(19, 24, 41, 0.16);
}

/* Subtitle "Документы" (Figma 2021:3027) */
.doc-card-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3; /* 26/20 */
    color: var(--color-text);
    margin: 0 0 16px;
}

/* Items list (Figma 2021:3028 gap-8) */
.doc-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Item (Figma 2021:3029 gap-4 items-start) */
.doc-item {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.doc-item__tippy {
	cursor: pointer;
}
.doc-item__tippy:hover {
	opacity: .8;
}

/* Icon 24×24 (Figma I2021:3029;2021:3171 size-[24px]) — наследует currentColor через <use href="icons.svg#icon-file-text"> */
.doc-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: var(--color-text);
}

/* Link (Figma I2021:3029;2021:3173 — Cygre Regular 16/lh 20 #3C4052) */
.doc-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text);
    text-decoration: none;
    transition: color 0.2s ease;
}

.doc-link:hover {
    color: var(--color-primary);
}

/* Tablet (макета нет) — мягкий переход 40 → 32 */
@media (max-width: 1023px) {
    .documents__section-title {
        font-size: 36px;
        letter-spacing: -1.4px;
    }
}

/* Mobile (Figma 2021:2790 — 390 viewport) */
@media (max-width: 767px) {
    .documents__section {
        padding-bottom: 64px; /* Figma Frame 40/41/42 pb-64 */
    }

    .documents__section-title {
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: var(--ls-tight-2); /* -0.96 */
        margin-bottom: 24px; /* Figma 2021:2791 gap-24 */
    }

    .doc-card {
        padding: 16px 16px 20px; /* Figma 2021:2794 pt-16 pb-20 px-16 */
        border-radius: 16px;
    }

    .doc-link {
        font-size: 16px; /* Figma 16, было 14 */
    }
}

/* End */
/* /local/components/rsf/documents.list/templates/.default/style.css?17853050172951 */