body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-text);
    letter-spacing: -0.02em;
}

a {
    color: inherit;
}

.main-content {
    flex: 1;
    padding-top: 96px;
    padding-bottom: 48px;
}

.main-content.main-content-story {
    padding-top: 52px;
}

.kicker {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-muted);
    font-weight: 700;
}

.dashboard-title {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .main-content {
        padding-top: 84px;
        padding-bottom: 32px;
    }

    .main-content.main-content-story {
        padding-top: 48px;
    }
}