/* Chapter 13 page: small additions on top of main.css */

/* Two-up card grid for paired content */
.card-grid.two-up {
    max-width: 980px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.info-card .check-list { margin-bottom: 0; }

.info-card > p.card-lead {
    color: var(--cream);
    margin-bottom: 1.1rem;
}

/* Plan-length figure (36 / 60 months) */
.plan-figure {
    font-family: var(--font-display);
    font-size: clamp(2.6rem, 6vw, 3.6rem);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.plan-figure small {
    font-family: var(--font-heading);
    font-size: 0.9rem;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--light-gray);
    margin-left: 0.4rem;
    -webkit-text-fill-color: var(--light-gray);
}

.container-narrow + .card-grid { margin-top: 2.5rem; }
.card-grid + .container-narrow { margin-top: 1rem; }