/* Típusok oldal – visszafogott, rácsos kártyák. Alap: globál tipók, gombok. */

.types .hero .title {
    margin-bottom: .4rem;
}

.types .hero .lead {
    max-width: 80ch;
}

.type-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--gap, 24px);
}

.type-card {
    grid-column: span 6;
    background: var(--card, rgba(255, 255, 255, .04));
    border-radius: var(--radius, 16px);
    box-shadow: var(--shadow, 0 8px 24px rgba(0, 0, 0, .12));
    padding: clamp(16px, 2vw, 24px);
    display: grid;
    gap: 12px;
}

.type-card header .muted {
    margin-top: .2rem;
}

.type-card .type-body h3 {
    margin: .8rem 0 .4rem;
}

.type-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.content {
    max-width: 92ch;
}

.bullets {
    padding-left: 1.2rem;
}

.bullets li {
    margin: .34rem 0 .5rem;
}

.checklist.numbered {
    counter-reset: s;
    list-style: none;
    padding: 0;
}

.checklist.numbered>li {
    counter-increment: s;
    margin: .8rem 0;
    padding-left: 2.2rem;
    position: relative;
}

.checklist.numbered>li::before {
    content: counter(s) ".";
    position: absolute;
    left: 0;
    top: .05rem;
    font-weight: 700;
    opacity: .5;
}

.section-cta .inner.cta {
    display: grid;
    gap: .6rem;
}

.section-cta .cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Reszponzív */
@media (max-width: 1100px) {
    .type-card {
        grid-column: span 12;
    }
}

@media (max-width: 720px) {
    .types .hero .lead {
        max-width: 100%;
    }
}