/**
 * wildercs — Layout: Containers, Grids, Section Spacing
 */

.content-wrap {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--space-lg);
}

.section-inner {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: var(--space-3xl) var(--space-lg);
}

section { position: relative; }
section h2 {
    text-align: center;
    margin-bottom: var(--space-2xl);
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Section dividers */
.why-us, .service-area, .cta { border-top: 1px solid var(--color-border); }

section h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: var(--color-accent);
    margin: var(--space-md) auto 0;
    border-radius: 2px;
}
.service-area h2::after,
.page-content h2::after { margin-left: 0; }
.cta h2::after { background: rgba(255,255,255,0.4); }

/* Alternating backgrounds */
.services { background: var(--color-bg); }
.why-us { background: var(--color-bg-alt); }
.pricing-preview { background: var(--color-bg); }
.service-area { background: var(--color-bg-alt); }

/* Page content */
.page-content .content-wrap {
    max-width: var(--content-width);
    padding-top: var(--space-3xl);
    padding-bottom: var(--space-3xl);
}
.entry-content > *:last-child { margin-bottom: 0; }

/* Intro paragraph */
.intro {
    font-size: var(--text-lg);
    color: var(--color-text-light);
    margin-bottom: var(--space-2xl);
}