/* /sections/{slug} — standalone page for a tenant's Page-mode custom HTML sections.
   Chrome (nav/footer) styles come from home-critical.css/home-modern.css; tenant design
   tokens are used bare (no hex fallbacks) — the page's inline BuildThemeCss block always
   defines them before this sheet applies, same contract as home-modern.css. */

.section-page {
    max-width: 64rem;
    margin: 0 auto;
    padding: 1rem 1rem 3rem;
    color: var(--on-background-color);
    line-height: 1.5;
}

/* The card is the page's single content region, so let it breathe wider than the
   home-page card grid it borrows its classes from. */
.section-page .cs-card {
    margin: 0;
}

.section-page__title {
    margin: 0 0 0.75rem;
    font-size: 1.75rem;
    line-height: 1.2;
}

.section-page__cta {
    margin: 2rem 0 0;
    text-align: center;
}

.section-page__cta a {
    display: inline-block;
    padding: 0.75rem 1.75rem;
    border-radius: 999px;
    background: var(--primary-color);
    color: var(--on-primary-color);
    text-decoration: none;
    font-weight: 600;
}