/* Блок «Для закупки» на странице услуги.

   Оформление намеренно строгое и «документное»: этот блок читает не тот, кого
   надо увлекать, а тот, кто сверяет наши формулировки со своим техническим
   заданием. Ему нужна структура и однозначность, а не акценты. */

.proc-block {
    background: #f5f9fb;
    border: 1px solid #dbe7ec;
    border-radius: 14px;
    padding: 32px 34px;
}

@media (max-width: 575.98px) {
    .proc-block {
        padding: 22px 18px;
    }
}

.proc-head {
    margin-bottom: 24px;
    max-width: 780px;
}

.proc-badge {
    background: #e0ecf2;
    border-radius: 6px;
    color: #38606f;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    margin-bottom: 12px;
    padding: 5px 11px;
    text-transform: uppercase;
}

.proc-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
}

.proc-card-wide {
    grid-column: 1 / -1;
}

@media (max-width: 767.98px) {
    .proc-grid {
        grid-template-columns: 1fr;
    }
}

.proc-card {
    background: #fff;
    border: 1px solid #e3edf1;
    border-radius: 10px;
    padding: 20px 22px;
}

.proc-card-accent {
    background: #eef6f9;
    border-color: #cfe2ea;
}

.proc-card-title {
    color: var(--primary-color, #1d4095);
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 12px;
}

.proc-note {
    color: #6a838c;
    font-size: 14px;
    margin: 0 0 10px;
}

.proc-text {
    color: #33454d;
    font-size: 15px;
    line-height: 23px;
    margin: 0;
}

.proc-list {
    color: #33454d;
    font-size: 15px;
    line-height: 23px;
    list-style: disc outside;
    margin: 0;
    padding-left: 20px;
}

.proc-list-num {
    list-style: decimal outside;
}

.proc-list li {
    margin-bottom: 9px;
}

.proc-list li:last-child {
    margin-bottom: 0;
}

.proc-list li::marker {
    color: #9fb3bd;
}

/* Направления оценки — в две колонки, их девять и списком в одну читать неудобно */
.proc-directions {
    color: #33454d;
    columns: 2;
    column-gap: 32px;
    font-size: 15px;
    line-height: 23px;
    list-style: decimal outside;
    margin: 0;
    padding-left: 20px;
}

@media (max-width: 575.98px) {
    .proc-directions {
        columns: 1;
    }
}

.proc-directions li {
    break-inside: avoid;
    margin-bottom: 7px;
}

.proc-directions li::marker {
    color: #9fb3bd;
}

.proc-terms {
    color: #33454d;
    font-size: 15px;
    line-height: 23px;
    margin: 20px 0 0;
}

.proc-cta {
    align-items: center;
    border-top: 1px solid #dbe7ec;
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    margin-top: 24px;
    padding-top: 22px;
}

.proc-cta-note {
    color: #6a838c;
    font-size: 14px;
}