/* TP V4 — layout primitives */

.tp4-container {
    width: 100%;
    max-width: var(--tp4-container);
    margin-inline: auto;
    padding-inline: var(--tp4-container-px);
}
.tp4-container--narrow { max-width: var(--tp4-container-narrow); }

.tp4-section {
    padding-block: var(--tp4-section-py);
}
.tp4-section--alt    { background: var(--tp4-bg-alt); }
.tp4-section--tight  { padding-block: var(--tp4-s-10); }
.tp4-section--dark   { background: var(--tp4-bg-dark); color: var(--tp4-text-inverse); }

.tp4-section__head {
    margin-block-end: var(--tp4-s-10);
    max-width: 48rem;
}
.tp4-section__head--center { margin-inline: auto; text-align: center; }
.tp4-section__title {
    font-size: var(--tp4-fs-3xl);
    line-height: var(--tp4-lh-tight);
    margin-block-end: var(--tp4-s-2);
}
.tp4-section__sub {
    color: var(--tp4-text-muted);
    font-size: var(--tp4-fs-lg);
    margin: 0;
}

.tp4-hide-mobile { display: none; }
@media (min-width: 1024px) {
    .tp4-hide-mobile { display: revert; }
    .tp4-hide-desktop { display: none; }
}