.page-content {
    padding: 60px var(--container-pad);
}

.page-content__inner {
    max-width: var(--container-max);
    margin: 0 auto;
    font-family: var(--font-paragraph);
    color: #fff;
    font-size: 18px;
    line-height: 1.7;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-content__inner h2 {
    font-family: var(--font-display);
    font-size: clamp(28px, 3vw, 40px);
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.2;
}

.page-content__inner h3 {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: clamp(20px, 2vw, 24px);
    color: var(--color-yellow);
    margin-bottom: 8px;
}

.page-content__inner p { margin: 0; }

.page-content__inner a { color: var(--color-yellow); text-decoration: underline; }

.page-content__inner ul, .page-content__inner ol { padding-left: 24px; display: flex; flex-direction: column; gap: 8px; }

.page-content__inner ul { list-style: disc; }

.page-content__inner ol { list-style: decimal; }

@media (max-width: 600px) {
    .page-content { padding: 40px var(--container-pad); }
    .page-content__inner { font-size: 16px; gap: 18px; }
}