body {
            margin: 0;
            padding: 0;
}

        

.col h3 {
            font-size: 24px;
            margin-bottom: 8px;
        }

.col p {
            opacity: 0.8;
        }
        
        
        
/* Контентная область */
.content {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 24px; /* 24 = 3 модуля */
}

/* H1 — заголовок страницы */
.content h1 {
    font-family: Inter, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 64px; /* 8×8 */
}

/* H2 — заголовки секций */
.content h2 {
    font-family: Inter, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.35;
    margin-top: 48px;  /* 6×8 */
    margin-bottom: 24px; /* 3×8 */
}

/* H3 — подзаголовки */
.content h3 {
    font-family: Inter, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 40px; /* 5×8 */
    margin-bottom: 16px; /* 2×8 */
}

/* Абзацы */
.content p {
    font-family: Inter, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 24px; /* 3×8 */
}

/* Списки */
.content ul,
.content ol {
    margin: 24px 0 24px 40px; /* 3×8 вниз */
    font-size: 18px;
    line-height: 1.6;
}

.content li {
    margin-bottom: 12px; /* 1.5×8 — оптимально для плотности */
}

/* Цитаты */
.content blockquote {
    border-left: 3px solid #ccc;
    padding-left: 24px; /* 3×8 */
    margin: 32px 0; /* 4×8 вверх/вниз */
    font-style: italic;
    color: #555;
}

/* Ссылки */
.content a {
    color: #333;
    text-decoration: underline;
}