/* /sections/{slug} — standalone page for a tenant's Page-mode custom HTML sections.
   Chrome (nav/footer) styles come from ssr-chrome.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. */

/* The horizontal measure comes from .ssr-content on the same element, so this page is
   exactly as wide as the menu and landing pages (37950 AC3). */
.section-page {
    padding-block: 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;
}