/* Типографика для статических страниц (О магазине / Доставка / Гарантия / Контакты).
   Подключается в frontend/views/page/static.php. Контент рендерится из page.content
   и должен быть семантическим HTML — h2/h3/p/ul/ol/blockquote/strong/a. */

.static-content {
    color: #2f3e44;
    font-size: 16px;
    line-height: 1.75;
}

.static-content > :first-child { margin-top: 0; }
.static-content > :last-child  { margin-bottom: 0; }

.static-content .lead {
    font-size: 18px;
    line-height: 1.65;
    color: #1d2a30;
    margin-bottom: 28px;
}

.static-content p {
    margin: 0 0 16px;
}

.static-content h2 {
    font-size: 24px;
    font-weight: 700;
    color: #1a2326;
    margin: 40px 0 14px;
    letter-spacing: -0.01em;
}

.static-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: #243136;
    margin: 28px 0 10px;
}

.static-content strong {
    color: #1a2326;
    font-weight: 600;
}

.static-content a {
    color: #2491a0;
    text-decoration: none;
    border-bottom: 1px solid rgba(36, 145, 160, 0.3);
}
.static-content a:hover {
    color: #1d727f;
    border-bottom-color: currentColor;
}

.static-content ul,
.static-content ol {
    margin: 0 0 20px;
    padding-left: 24px;
}

.static-content ul { list-style-type: disc; }
.static-content ol { list-style-type: decimal; }

.static-content ul li,
.static-content ol li {
    margin-bottom: 10px;
    padding-left: 6px;
}

.static-content ul li::marker  { color: #2ab9cb; }
.static-content ol li::marker  { color: #2491a0; font-weight: 600; }

.static-content blockquote {
    margin: 28px 0;
    padding: 16px 20px;
    border-left: 4px solid #2ab9cb;
    background: #f0fafb;
    color: #2f3e44;
    font-style: italic;
    border-radius: 0 8px 8px 0;
}
.static-content blockquote p:last-child { margin-bottom: 0; }

@media (min-width: 768px) {
    .static-content      { font-size: 17px; }
    .static-content .lead{ font-size: 19px; }
    .static-content h2   { font-size: 28px; margin-top: 48px; }
    .static-content h3   { font-size: 20px; }
}