/* Start:/local/components/rsf/about.main/templates/.default/style.css?177824341524531*/
/* ===== О Фонде / about.main — Figma 2181:261 (desktop) / 2181:1078 (mobile) ===== */

.about-main {
    background: #fff;
}

/* H2 секций — Figma 2181:288 / 2181:308 / 2181:101 / 2181:420: 40 Cygre Bold ls -1.96 lh 48 #1F428E */
.about-main .section-heading,
.about-main .about-how__heading {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: var(--ls-tight-4);
    color: var(--color-primary);
    margin: 0 0 0 calc(var(--page-padding) * -1);
    text-transform: none;
}

/* --- 1. Intro (Figma 2181:263 Block Item 465 = page-title 184 + intro 281) --- */
/* Page-title-section выше уже даёт верхний отступ */
.about-intro {
    background: #fff;
    padding: 0 var(--page-padding) 124px;
    max-width: calc(var(--container-max-width) + var(--page-padding) * 2);
    margin: 0 auto;
}

.about-intro-texts {
    /* Figma 2181:266 = 906×212. Левый край совпадает с container-padding 64. */
    max-width: 906px;
    font-size: 21px;
    line-height: 1.5;
    letter-spacing: var(--ls-tight-1);
    color: var(--color-text);
}

.about-intro-texts p { margin: 0; }
.about-intro-texts p + p { margin-top: 20px; }

/* --- 2. Stats (Figma 2181:271): 1312×218, white, border 1px #D0D1D6, radius 24, 3 cells gap-0 --- */
.about-stats {
    background: #fff;
    padding: 0 var(--page-padding) 124px;
    max-width: calc(var(--container-max-width) + var(--page-padding) * 2);
    margin: 0 auto;
}

.about-stats-inner {
    display: flex;
    align-items: stretch;
    border: 1px solid #D0D1D6;
    border-radius: 24px;
    background: #fff;
    overflow: hidden;
}

/* Каждый Container 437×218, padding 16/0/32/32, gap 16, justify-end */
.stat-item {
    flex: 1 1 0;
    min-width: 0;
    min-height: 218px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0 32px 32px;
    border-right: 1px solid #D0D1D6;
}

.stat-item:last-child { border-right: none; }

.stat-value {
    display: flex;
    align-items: baseline;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
    /* Italic-десцендеры Cygre BoldIt уезжают ниже базовой линии — даём 0.12em вниз. */
    padding-bottom: 0.12em;
}

/* Figma 2181:273/278/283: Cygre BoldItalic 96 lh-none, gradient gold */
.stat-value__num,
.stat-value__unit {
    font-weight: 700;
    line-height: 1.1;
    background: linear-gradient(90deg, #BB842C 0%, #F7E395 36%, #DDB862 57%, #D2AB5C 69%, #E8CD77 84%, #BB8C2D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    /* Italic-наклон Cygre BoldIt уходит за правую границу text-box —
       без padding-right градиент не покрывает italic-stroke последнего глифа. */
    padding-right: 0.12em;
}

.stat-value__num {
    font-size: 96px;
    font-style: italic;
}

/* Figma 2181:278 inner span: text-[40px] (НЕ 34) */
.stat-value__unit {
    font-size: 40px;
    font-style: italic;
    margin-left: 0.18em;
}

/* Figma 2181:276/281/286: Cygre Bold 24 ls -0.5 lh 1.2 #1F428E. Text Block pl-[6px].
   min-height = 2 строки (Figma: все 3 label на двух строках) — страховка визуальной
   высоты даже если контент-менеджер сохранит label без \n.
   max-width ограничивает «короткие» лейблы шириной плашки и заставляет браузер
   разбить текст на 2 строки. */
.stat-label {
    padding-left: 6px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
    color: var(--color-primary);
    /* 20ch вмещает самые длинные допустимые фразы вида «финансовой поддержки»
       (19ch с nbsp). Раньше было 16ch, что обрезало с nbsp — текст вылезал. */
    max-width: 20ch;
    min-height: calc(24px * 1.2 * 2);
    text-wrap: balance;
    /* Если контент-менеджер сохранит слитную строку без пробелов — она
       разорвётся внутри плашки, а не наедет на соседнюю колонку. break-word
       мягче anywhere — нормальные пробельные фразы не ломает. */
    overflow-wrap: break-word;
    word-break: normal;
}

/* --- 3. Как это работает (Figma 2181:287): bg white, padding 0 64 124, gap-32 column,
       heading top + Frame 105 (1312×216) c text-block absolute left 448 w 863 --- */
.about-how {
    padding: 0 0 124px;
    background: #fff;
}

.about-how__grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: stretch;
}

.about-how__content {
    /* Figma Text Block 863×216 right-aligned внутри Frame 105. */
    width: 863px;
    max-width: 100%;
    margin-left: auto;
    margin-right: calc(var(--page-padding) * -1);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Figma 2181:291: Cygre Regular 21 ls -0.32 lh 32 #3C4052 */
.about-how-text {
    font-size: 21px;
    line-height: 32px;
    letter-spacing: var(--ls-tight-1);
    color: var(--color-text);
    margin: 0;
    max-width: 756px;
}

/* Figma 2181:293: gap 12 между items, items: gap 8 num→text */
.directions-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.direction-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* Figma 2181:295: w-[18] text-right, Cygre Bold 21 ls -0.32 lh 1.2 #1F428E */
.direction-num {
    width: 18px;
    flex-shrink: 0;
    text-align: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: var(--ls-tight-1);
    color: var(--color-primary);
}

/* Figma 2181:296: Cygre Bold 21 ls -0.32 lh 1.2 #1F428E */
.direction-text {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: var(--ls-tight-1);
    color: var(--color-primary);
}

/* --- 4. Process + CTA (Figma 2181:306 CTA Block Item 1440×496) --- */
.about-process {
    padding: 0 0 0;
    background: #fff;
}

.about-process .section-heading {
    margin-bottom: 64px;
}

.process-panel {
    background: transparent;
    padding: 0;
}

/* Figma 2181:309 Frame 133: 1312×320, gap 32 между rows */
.process-cards {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin: 0 calc(var(--page-padding) * -1);
}

/* Figma 2181:310/369 Frame 131/132: 1312×144, gap 32 между cards */
.process-row {
    display: flex;
    gap: 32px;
}

/* Figma 2181:311: 416×144, bg #F2F6FF, radius 24, padding 32/10/32/32, gap 16, items-center */
.process-card {
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 32px 10px 32px 32px;
    background: var(--color-bg-light);
    border: none;
    border-radius: 24px;
    min-height: 144px;
}

/* Figma 2181:324: absolute top-0 left-0, size 41, padding 10, Cygre Bold 18 lh 1.2 #1F428E center */
.process-card-num {
    position: absolute;
    top: 0;
    left: 0;
    width: 41px;
    height: 41px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-primary);
    flex-shrink: 0;
}

/* Икка + title в card напрямую — body-обёртка убирается через display:contents,
   чтобы padding card работал к icon и title как у Figma flat-структуры. */
.process-card__body {
    display: contents;
}

/* Figma 2181:312: 80×80 */
.process-card-icon {
    width: 80px;
    height: 80px;
    object-fit: contain;
    flex-shrink: 0;
}

/* Figma 2181:323/345: Cygre Regular 18 lh 1.2 #3C4052, flex-1 */
.process-card-title {
    flex: 1 1 0;
    min-width: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--color-text);
    max-width: none;
}

/* CTA pill — Figma 2181:411 = 416×48, padding 13/16, gap 8, font 16 Bold lh 16 white,
   находится в отдельном Block Item Frame 112 (2181:410), при этом link x=960 — справа,
   ширина = 416 (как карточка процесса). */
.process-panel__cta {
    display: flex;
    justify-content: flex-end;
    margin: 0 calc(var(--page-padding) * -1);
    padding-top: 64px;
    padding-bottom: 124px;
}

.process-panel__cta .btn-link {
    width: calc((100% - 64px) / 3);
    min-width: 0;
    gap: 8px;
}

/* Высота 48 = padding-block 16 + lh 16, без min-height (стабильность iOS Safari). */
.btn-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 24px;
    box-sizing: border-box;
    background: var(--color-primary);
    border-radius: 100px;
    color: var(--color-text-light);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    transition: opacity var(--transition-fast);
    text-decoration: none;
}

.btn-link:hover { opacity: 0.88; }

.btn-link svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
}

/* --- 5. Recipients (Figma 2181:416 Block Item: bg white, padding 0 64 96, gap-32 column,
       heading full-width + Text Block 863 right-aligned) --- */
.about-recipients {
    padding: 0 0 96px;
    background: #fff;
}

.about-recipients .section-heading {
    margin-bottom: 32px;
}

/* Recipients content right-aligned 863 */
.about-recipients__intro-wrapper,
.about-recipients .recipients-list,
.about-recipients .link-expand {
    width: 863px;
    max-width: 100%;
    margin-left: auto;
    margin-right: calc(var(--page-padding) * -1);
    box-sizing: border-box;
}

.about-recipients__intro-wrapper {
    margin-bottom: 16px;
}

/* Figma 2181:104 (Variant default intro): Cygre Regular 21 ls -0.32 lh 1.5 #3C4052 — НЕ Bold */
.about-recipients .recipients-intro {
    font-size: 21px;
    line-height: 1.5;
    font-weight: 400;
    letter-spacing: var(--ls-tight-1);
    color: var(--color-text);
    margin: 0;
    max-width: none;
}

/* Figma 2181:106-112: gap 8 между bullets, items gap 10, text Cygre Regular 16 lh 1.5 #3C4052 */
.about-recipients .recipients-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin-bottom: 16px;
}

.about-recipients .recipient-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-text);
}

.about-recipients .recipient-item[hidden] { display: none; }

.about-recipients .recipient-item svg {
    width: 18px;
    height: 24px;
    flex-shrink: 0;
}

.about-recipients .recipient-item svg circle {
    fill: var(--color-primary);
}

/* Figma 2181:113 link "Смотреть весь список": border-bottom 1px #D0D1D6, padding-bottom 4,
   text Cygre Bold 16 ls -0.32 lh 1 #1F428E, justify-between, icon 24×24 */
.about-recipients .link-expand {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 4px;
    margin-top: 0;
    color: var(--color-primary);
    border: none;
    border-bottom: 1px solid #D0D1D6;
    background: transparent;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: var(--ls-tight-1);
    cursor: pointer;
    font-family: inherit;
    transition: opacity var(--transition-fast);
}

.about-recipients .link-expand:hover { opacity: 0.7; }

.about-recipients .link-expand svg {
    width: 24px;
    height: 24px;
    stroke: var(--color-primary);
    color: var(--color-primary);
    transition: transform var(--transition-base);
}

.about-recipients .link-expand[data-expanded="true"] svg {
    transform: rotate(180deg);
}

/* --- 6. Brand-book (Figma 2181:417): bg white, padding 0 64 0, gap-? column,
       heading + Step (file card) 1312×114 --- */
.about-brandbook {
    padding: 0 0 124px;
    background: #fff;
}

.about-brandbook .section-heading {
    margin-bottom: 32px;
}

/* Figma 2181:421 Step: bg white, border 1px #D0D1D6, radius 16, padding 24, gap 16,
   drop-shadow 0 1px 1px rgba(19,24,41,.16) */
.brandbook-card {
    background: #fff;
    border: 1px solid #D0D1D6;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 calc(var(--page-padding) * -1);
    box-shadow: 0 1px 1px rgba(19, 24, 41, 0.16);
    overflow: hidden;
}

.brandbook-card-header {
    padding: 0;
    border-bottom: none;
}

/* Figma 2181:423: Cygre Bold 20 lh 26 #3C4052 (НЕ серый) */
.brandbook-card-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: var(--color-text);
    margin: 0;
}

.brandbook-card-body {
    padding: 0;
}

/* Figma 2181:425: gap 4 между icon (24×24) и текст; text Cygre Regular 16 lh 20 #3C4052 */
.brandbook-item {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-text);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.brandbook-item-size { display: none; }
.brandbook-item-ext { display: none; }

.brandbook-item[href]:hover { color: var(--color-primary); }

.brandbook-item svg {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Несколько документов фирстиля в одной карточке: вертикальные отступы между ними. */
.brandbook-card-body > .brandbook-item + .brandbook-item {
    margin-top: 12px;
}

/* ===== Sub-desktop (<1440): layout.css возвращает padding на .container и тот заполняет
       viewport. Negative margin'ы (H2, .about-how__content, .process-cards, .process-panel__cta,
       .recipients-*, .brandbook-card) уводят контент за левый край viewport — фикс. ===== */
@media (max-width: 1439px) {
    .about-main .section-heading,
    .about-main .about-how__heading {
        margin-left: 0;
    }
    .about-how__content {
        width: 100%;
        max-width: none;
        margin-right: 0;
    }
    .process-cards,
    .process-panel__cta,
    .brandbook-card {
        margin-left: 0;
        margin-right: 0;
    }
    .about-recipients__intro-wrapper,
    .about-recipients .recipients-list,
    .about-recipients .link-expand {
        width: 100%;
        max-width: none;
        margin-right: 0;
    }
}

/* ===== Tablet (1024-1199 без Figma — best-practices, sanity-check) ===== */
@media (max-width: 1199px) {
    .about-main .section-heading,
    .about-main .about-how__heading {
        font-size: 36px;
        line-height: 1.2;
        letter-spacing: var(--ls-tight-3);
    }
    .stat-value__num { font-size: 80px; }
    .stat-value__unit { font-size: 32px; }
    .stat-label { font-size: 22px; }
    .about-how__content { width: 100%; max-width: none; margin-right: 0; }
    .about-recipients__intro-wrapper,
    .about-recipients .recipients-list,
    .about-recipients .link-expand { width: 100%; max-width: none; margin-right: 0; }
}

@media (max-width: 1023px) {
    .about-main .section-heading,
    .about-main .about-how__heading {
        font-size: 32px;
        margin-left: 0;
    }
    .about-intro-texts { margin-left: 0; max-width: 100%; }
    .stat-value__num { font-size: 64px; }
    .stat-value__unit { font-size: 24px; }
    .stat-label { font-size: 20px; }
    .process-row { flex-wrap: wrap; }
    .process-card { flex: 1 1 calc(50% - 16px); min-width: 0; }
    .process-cards { margin: 0; }
    .process-panel__cta { margin: 0; padding-top: 32px; padding-bottom: 80px; }
    .brandbook-card { margin: 0; }
}

/* ===== Mobile (Figma 2181:1078 = 390 wide) ===== */
@media (max-width: 768px) {
    .about-main { padding-bottom: 0; }

    /* Все H2 секций — Figma 2181:1137/1161/1180/1290: 32 Bold ls -0.96 lh 1.2 #1F428E (НЕ 800 weight) */
    .about-main .section-heading,
    .about-main .about-how__heading {
        font-size: 32px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        letter-spacing: var(--ls-tight-2) !important;
        margin: 0 !important;
        max-width: none;
    }

    /* --- Intro (Figma 2181:1138) --- */
    .about-intro {
        padding: 0 var(--page-padding) 64px;
        max-width: 100%;
        margin: 0;
    }
    /* Figma 2181:1139: Cygre Regular 16 ls -0.32 lh 1.5 #3C4052 */
    .about-intro-texts {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: var(--ls-tight-1);
        max-width: none;
        margin-left: 0;
    }
    .about-intro-texts p + p { margin-top: 16px; }

    /* --- Stats (Figma 2181:1141): bg white container, padding 0/20/64, border-radius 16,
           каждый stat-item: gap 8, padding 8/0/24/24, border-bottom #D0D1D6 --- */
    .about-stats {
        padding: 0 var(--page-padding) 64px;
        max-width: 100%;
        margin: 0;
    }
    .about-stats-inner {
        flex-direction: column;
        border-radius: 16px;
    }
    .stat-item {
        flex: 0 0 auto;
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #D0D1D6;
        padding: 8px 0 24px 24px;
        gap: 8px;
    }
    .stat-item:last-child { border-bottom: none; }
    .stat-value__num { font-size: 64px; }
    .stat-value__unit { font-size: 24px; }
    /* Figma 2181:1147: Cygre Bold 20 ls -0.5 lh 1.2 #1F428E (НЕ 18) */
    .stat-label {
        font-size: 20px;
        padding-left: 6px;
        min-height: calc(20px * 1.2 * 2);
    }

    /* --- Sections common (Figma 2181:1158/1177/1286/1287):
           bg white, padding 0/0/64 (horizontal handled by .container > padding 20), gap 24 --- */
    .about-how,
    .about-process,
    .about-recipients {
        padding: 0 0 64px;
    }
    /* Brandbook — последняя секция, padding-bottom больше (Figma pb-[124]) */
    .about-brandbook {
        padding: 0 0 124px;
    }

    /* --- How it works (Figma 2181:1158) --- */
    .about-how__grid {
        gap: 24px;
    }
    .about-how__content {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
        gap: 16px;
    }
    /* Figma 2181:1163: 16/1.5 -0.32 #3C4052 Regular */
    .about-how-text { font-size: 16px; line-height: 1.5; max-width: none; }
    /* Figma 2181:1167: 16 Bold lh 1.2 ls -0.32 #1F428E */
    .direction-text { font-size: 16px; line-height: 1.2; }
    /* Figma 2181:1166: width 14, text-right, 16 Bold */
    .direction-num { font-size: 16px; width: 14px; }
    /* Figma 2181:1165: gap 8 num→text */
    .direction-item { gap: 8px; }
    /* Figma 2181:1164: gap 12 between items */
    .directions-list { gap: 12px; }

    /* --- Process (Figma 2181:1177) --- */
    .about-process__inner,
    .about-process .section-heading {
        margin-bottom: 0;
    }
    .about-process .section-heading {
        margin-bottom: 32px !important;
    }
    .process-panel { background: transparent; padding: 0; }
    /* Figma 2181:1182: gap 16 между cards (НЕ 12) */
    .process-cards { margin: 0; gap: 16px; }
    .process-row { flex-direction: column; gap: 16px; }
    /* Figma 2181:1183: card padding 16/10/16/24, radius 16, gap 12, min-height 92 */
    .process-card {
        flex: 1 1 100%;
        flex-direction: row;
        align-items: center;
        padding: 16px 10px 16px 24px;
        min-height: 92px;
        background: var(--color-bg-light);
        border-radius: 16px;
        gap: 12px;
    }
    /* Figma 2181:1196: absolute top-0 left-0, size 28, padding 10, font 14 Bold */
    .process-card-num {
        position: absolute;
        top: 0;
        left: 0;
        width: 28px;
        height: 28px;
        padding: 10px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        margin: 0;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        color: var(--color-primary);
        align-self: auto;
    }
    .process-card__body {
        display: contents;
    }
    /* Figma 2181:1184: 60×60 (НЕ 48) */
    .process-card-icon { width: 60px; height: 60px; }
    /* Figma 2181:1195: 16 Cygre Regular lh 1.2 #3C4052, flex-1 */
    .process-card-title {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        max-width: none;
        flex: 1 1 0;
        min-width: 0;
    }

    /* --- CTA pill (Figma 2181:1281): padding 13/16, gap 8, font 16 lh 16, svg 16.
           Section 2181:1177 имеет gap-32 между Frame 39 (cards) и Link (pill) → margin-top 32. */
    .process-panel__cta {
        margin: 32px 0 0;
        padding: 0;
        justify-content: stretch;
    }
    .process-panel__cta .btn-link {
        width: 100%;
        min-width: 0;
        background: var(--color-primary);
        padding: 13px 16px;
        font-size: 16px;
        line-height: 16px;
        gap: 8px;
        justify-content: center;
    }
    .process-panel__cta .btn-link svg { width: 16px; height: 16px; }

    /* --- Recipients (Figma 2181:1286 — gap-24 column между heading и Text Block) --- */
    .about-recipients .section-heading {
        margin-bottom: 24px !important;
    }
    .about-recipients__intro-wrapper,
    .about-recipients .recipients-list,
    .about-recipients .link-expand {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }
    /* Figma 2181:1746: 16 Cygre Regular ls -0.32 lh 1.5 #3C4052 */
    .about-recipients .recipients-intro {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 400;
    }
    /* Figma 2181:1747: gap 8 между bullets */
    .about-recipients .recipients-list { gap: 8px; }
    /* Figma 2181:1748: gap 6 между bullet и текстом, bullet 8×22, text 14 Cygre Regular */
    .about-recipients .recipient-item {
        gap: 6px;
        font-size: 14px;
        line-height: 1.5;
    }
    .about-recipients .recipient-item svg { width: 8px; height: 22px; }
    .about-recipients .recipient-item svg circle { fill: var(--color-text); }
    /* Figma 2181:1757: 18 Cygre Bold ls -0.32 lh 1.5 #1F428E (НЕ 16, на mobile БОЛЬШЕ) */
    .about-recipients .link-expand {
        font-size: 18px;
        line-height: 1.5;
        gap: 6px;
    }
    .about-recipients .link-expand svg { width: 24px; height: 24px; }

    /* --- Brand-book (Figma 2181:1287 — gap-24 column между heading и card) --- */
    .about-brandbook .section-heading {
        margin-bottom: 24px !important;
    }
    /* Figma 2181:1291: Step card padding 16/16/20/16, radius 16, gap 16 */
    .brandbook-card {
        margin: 0;
        border-radius: 16px;
        padding: 16px 16px 20px;
        gap: 16px;
    }
    .brandbook-card-header { padding: 0; }
    /* Figma 2181:1293: 20 Bold lh 26 #3C4052 (НЕ 18) */
    .brandbook-card-title { font-size: 20px; line-height: 26px; }
    .brandbook-card-body { padding: 0; }
    /* Figma 2181:1295: gap 4, icon 24×24, text 16 Regular lh 20 */
    .brandbook-item {
        font-size: 16px;
        line-height: 20px;
        gap: 4px;
    }
    .brandbook-item svg { width: 24px; height: 24px; }
}

/* End */
/* /local/components/rsf/about.main/templates/.default/style.css?177824341524531 */