/* public_html/css/page_style.css */
/* Версия 202607261200 */
/* Изменено 26.07.2026 12:00:00 */

.page {
    --page-accent: var(--color-primary, #5576d1);
    font-size: clamp(16px, 2vw, 18px);
    line-height: 1.5;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

}


.page__grid {
    display: grid;
    gap: 24px;
    margin-bottom: 24px;
}

.page-card {
    position: relative;
    margin: 25px auto;
    padding: 25px;
    background: #fff;
    border: 1px solid #2e2e2e10;
    border-radius: 15px;
    box-shadow: 0 3px 10px #2e2e2e10;
}

.page__grid .page-card {
    height: 100%;
    margin-bottom: 0;
}

.page-card__title {
    margin: 0 0 22px;
    color: var(--page-accent);
    font-size: clamp(21px, 2vw, 32px);
    font-weight: 600;
    line-height: 1.25;
}

.page-card p {
    font-size: clamp(16px, 2vw, 18px);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.page-list li {
  padding-left: 1.5em;
  text-indent: -1.5em;
  line-height: 1;
}

.page-list li::before {
  content: "— ";
}

.page-list {
    display: grid;
    gap: 8px;
    padding-top: clamp(8px, 2vw, 12px);
    padding-bottom: clamp(8px, 2vw, 12px);
    padding-left: clamp(5px, 1.2vw, 30px);
}

.page-list li::marker {
    color: var(--page-accent);
}

.page-list--features {
    gap: 14px;
}

.page-note {
    margin-top: 22px;
    padding: 17px 20px;
    background: #f6f7f8;
    border-left: 4px solid var(--page-accent);
    border-radius: 12px;
    font-style: normal;
}

@media (max-width: 760px) {

    .page__grid {
        gap: 16px;
        margin-bottom: 16px;
    }
}