* { box-sizing: border-box; margin: 0; padding: 0; }

/* Убиваем горизонтальную прокрутку */
html, body { overflow-x: hidden; width: 100%; }

body { font-family: var(--font-body); background: var(--color-mist); color: var(--color-ink); line-height: var(--lh-body); }

.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 40px; }
.header-container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 40px; }
.main-content { min-height: 70vh; }

h1, h2, h3 { font-family: var(--font-display); color: var(--color-ink); line-height: var(--lh-heading); }
.section-label { font-size: var(--text-label); text-transform: uppercase; letter-spacing: 1px; color: var(--color-mid); }

@media (max-width: 768px) {
    .container, .header-container { padding: 0 20px; }
}