.quick-start-groups {
    display: grid;
    gap: 30px;
}

.quick-start-group {
    display: grid;
    gap: 12px;
}

.quick-start-group-heading h3 {
    margin: 0 0 4px;
    font-size: 1rem;
    letter-spacing: -0.01em;
}

.quick-start-group-heading p {
    margin: 0;
    color: var(--muted);
}

.quick-start-grid {
    display: grid;
    gap: 16px;
}

.quick-start-grid-featured {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quick-start-grid-presets {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quick-start-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 190px;
}

.quick-start-card > p {
    flex: 1 1 auto;
}

.quick-start-card > a {
    margin-top: auto;
}

.quick-start-card-featured {
    min-height: 205px;
    border-color: rgba(21, 92, 255, 0.2);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(232, 239, 255, 0.72)),
        #fff;
}

.quick-start-card-label {
    margin: 0 0 8px;
    color: var(--primary-dark);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .quick-start-grid-presets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .quick-start-groups {
        gap: 24px;
    }

    .quick-start-grid-featured,
    .quick-start-grid-presets {
        grid-template-columns: minmax(0, 1fr);
    }

    .quick-start-card,
    .quick-start-card-featured {
        min-height: 0;
    }
}

/*
 * Homepage use-case hierarchy: keep the two ready-made experiences together
 * instead of forcing a sparse standard card to match their taller first row.
 */
@media (min-width: 921px) {
    .decision-choice-grid .decision-choice-card:nth-child(1) {
        grid-column: span 6 !important;
        order: 1;
    }

    .decision-choice-grid .decision-choice-card:nth-child(3) {
        grid-column: span 6 !important;
        order: 2;
    }

    .decision-choice-grid .decision-choice-card:nth-child(2) {
        grid-column: span 4 !important;
        order: 3;
    }

    .decision-choice-grid .decision-choice-card:nth-child(4) {
        grid-column: span 4 !important;
        order: 4;
    }

    .decision-choice-grid .decision-choice-card:nth-child(5) {
        grid-column: span 4 !important;
        order: 5;
    }
}

@media (min-width: 701px) and (max-width: 920px) {
    .decision-choice-grid .decision-choice-card:nth-child(1) {
        order: 1;
    }

    .decision-choice-grid .decision-choice-card:nth-child(3) {
        order: 2;
    }

    .decision-choice-grid .decision-choice-card:nth-child(2) {
        order: 3;
    }

    .decision-choice-grid .decision-choice-card:nth-child(4) {
        order: 4;
    }

    .decision-choice-grid .decision-choice-card:nth-child(5) {
        order: 5;
    }
}


/* October-only movie night feature, inside the existing movie chooser card. */
.halloween-home-spotlight {
    display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
    margin-top: 18px; padding: 18px; border-radius: 16px;
    background: linear-gradient(135deg, #2c1a35 0%, #653025 100%);
    color: #fff6e9;
}
.halloween-home-spotlight .halloween-home-badge {
    color: #ffbe73; font-size: .75rem; font-weight: 800; letter-spacing: .04em;
}
.halloween-home-spotlight strong { color: #fff; font-size: 1.15rem; }
.halloween-home-spotlight p { color: #f6d6ca; margin: 0; font-size: .92rem; }
.halloween-home-spotlight a {
    display: inline-flex; align-items: center; justify-content: center;
    margin-top: 4px; padding: 9px 12px; border-radius: 10px;
    background: #f4a853; color: #2c1a35; font-weight: 800; text-decoration: none;
}
.halloween-home-spotlight a:hover, .halloween-home-spotlight a:focus-visible { background: #ffca89; }

.halloween-home-spotlight a.halloween-home-guide-link {
    margin-top: 2px; padding: 0; border-radius: 0;
    background: transparent; color: #ffdfbd; text-decoration: underline;
    text-underline-offset: 3px; font-size: .84rem; font-weight: 650;
}
.halloween-home-spotlight a.halloween-home-guide-link:hover,
.halloween-home-spotlight a.halloween-home-guide-link:focus-visible {
    background: transparent; color: #fff;
}