article {
    padding: calc(var(--space-6) * 1.5) calc(var(--space-6) * 3);
}

article h1 {
    margin-bottom: var(--space-5);
    padding: var(--space-3);
    font-size: calc(var(--font-size-7) * 2);
}

.article-section-container {
    padding: calc(var(--space-6) * 1.5);
    border-radius: var(--rounding-2);
    box-shadow: 0 0 var(--size-4) 0 var(--black-opacity-5);
}

article.small .article-section-container {
    padding: calc(var(--space-3) * 1.5);
}

article section {
    padding: var(--space-3);
}

article section:not(:last-child) {
    margin-bottom: var(--space-4);
}

article h2 {
    padding: var(--space-2);
    padding-bottom: var(--space-4);
    margin-bottom: var(--space-4);
    font-size: calc(var(--font-size-7) * 1.2);
    border-bottom: 1px solid var(--black-opacity-5);
}

article p {
    padding: var(--space-3);
    line-height: 1.5;
    font-size: var(--font-size-6);
}

article.small p {
    padding: var(--space-2);
    line-height: 1.5;
    font-size: var(--font-size-3);
}

article strong {
    font-family: var(--serif-font);
    font-size: var(--font-size-6);
    color: var(--accent-1);
}

article .text-list {
    padding: var(--space-1);
    margin-left: var(--space-4);
}

article .text-list li {
    padding: var(--space-2);
    font-size: var(--font-size-5);
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

article .text-list li::before {
    content: "—";
    flex-shrink: 0;
    color: var(--accent-2);
    opacity: 0.5;
}