/* public/css/service.css: сервисные страницы (политика, соглашение, cookies) */
.sp {
    /* размеры подобраны по скриншоту на глаз: меняются здесь */
    --sp-pad: clamp(16px, 6.9vw, 100px);
    --sp-text: 16px;
    --sp-lh: 1.5;
    padding: 150px var(--sp-pad) 120px;
}
.sp-body { font-size: var(--sp-text); font-weight: 300; line-height: var(--sp-lh); color: var(--c-text); }
.sp-body > :first-child { margin-top: 0; }
.sp-body > :last-child { margin-bottom: 0; }
.sp-body p { margin: 0 0 1.5em; }
.sp-body strong { font-weight: 700; }
.sp-body h2, .sp-body h3, .sp-body h4 { margin: 1.5em 0 1em; font-weight: 700; line-height: 1.3; }
.sp-body h2 { font-size: 1.15em; }
.sp-body h3, .sp-body h4 { font-size: 1em; }
.sp-body ul, .sp-body ol { margin: 0 0 1.5em; padding-left: 1.4em; }
.sp-body blockquote { margin: 0 0 1.5em; padding-left: 1em; border-left: 2px solid var(--c-line); }
.sp-body a { color: var(--c-additional); text-decoration: none; }
.sp-body a:hover { text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 900px) {
    .sp { --sp-text: 14px; padding: 96px var(--sp-pad) 72px; }
}