/* =====================================================================
   whenFit — "Wann lohnt sich additive Fertigung?" 3-column section
   (fable_recommends.md §4.3, successor of the pressureBox barometer).
   Light-grey full-bleed band (footer tone #eef1f5) for page rhythm,
   navy headings, gold line-icons — right before the CTA band it argues for.
   ===================================================================== */

.when-fit {
    --wf-navy: #253D66;
    --wf-gold: #FCBA00;
    --wf-text: #5b6b82;

    width: 100vw;                        /* full-bleed */
    margin-left: calc(50% - 50vw);
    background: #eef1f5;                 /* footer tone -> calm contrast to the white sections above */
    padding: 56px 0 56px;                /* half of the uniform 112px caesura; the grey band keeps one half-caesura (56px) of inner breathing top+bottom (user 2026-07-08; +25% pass 2026-07-16, was 45/90). NB: this 56px top is INSIDE the grey — the white->grey caesura before it is carried by the research band's bottom (logoMarquee.css), NOT summed here. */
}

.when-fit__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* heading uses the shared .fit-heading (sectionHeading.css); extra room to the grid */
.when-fit .fit-heading { margin-bottom: 30px; }

.when-fit__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(24px, 4vw, 56px);
}

.when-fit__item { text-align: center; }

.when-fit__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px; height: 44px;
    margin-bottom: 12px;
    color: var(--wf-gold);
}
.when-fit__icon svg { width: 38px; height: 38px; display: block; }

.when-fit__title {
    margin: 0 0 8px;
    color: var(--wf-navy);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.3;
}

.when-fit__text {
    margin: 0 0 10px;
    color: var(--wf-text);
    font-size: 13.5px;
    line-height: 1.55;
}

.when-fit__link {
    color: var(--wf-navy);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
}
.when-fit__link:hover { text-decoration: underline; }
.when-fit__link span { color: var(--wf-gold); transition: transform .2s ease; display: inline-block; }
.when-fit__link:hover span { transform: translateX(4px); }

/* --- responsive ---------------------------------------------------------- */
@media (max-width: 991px) {
    .when-fit__grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; gap: 28px; }
}

@media (max-width: 767px) {
    .when-fit { padding: 38px 0 38px; }   /* mobile half-caesura inner breathing (+25% 2026-07-16, was 30) */
    .when-fit__inner { padding: 0 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .when-fit__link span { transition: none; }
    .when-fit__link:hover span { transform: none; }
}