/* =====================================================================
   fitMap — embedded FIT Capability Map on the homepage (the exploratory
   counterpart to the structured sections; sits before "Selected projects").
   The map itself lives in assets/fit-map/ (iframe, ?theme=light&embed=1
   -> white site-matched surface, no brand chrome, scroll-safe gating).
   SEAMLESS: white on white, no border — only the heading frames it.
   ===================================================================== */

.fit-map {
    --fim-navy: #253D66;
    --fim-gold: #FCBA00;
    --fim-text: #5b6b82;

    width: 100vw;                        /* full-bleed like the sibling sections */
    margin-left: calc(50% - 50vw);
    background: #ffffff;
    padding: 56px 0 56px;                /* half of the uniform 112px caesura, top+bottom (user 2026-07-08; +25% pass 2026-07-16, was 45/90) */
}

.fit-map__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* heading + intro use the shared .fit-heading / .fit-intro (sectionHeading.css) */

/* the map uses the FULL window width (user call 2026-07-06: every pixel counts;
   the map's own chrome — legend/search/hint — then anchors directly to the
   window edges). Seamless white-on-white, no border. */
.fit-map__frame {
    width: 100%;
    margin: 0;
    padding: 0;
}
.fit-map__frame iframe {
    display: block;
    width: 100%;
    height: clamp(560px, 85vh, 1000px);   /* mehr Luft oben/unten -> Fenster besser gefuellt (Nutzer 2026-07-06) */
    border: 0;
}

.fit-map__full {
    margin: 14px 0 0;
    text-align: center;
}
.fit-map__full a {
    color: var(--fim-navy);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
}
.fit-map__full a:hover { text-decoration: underline; }
.fit-map__full a span { color: var(--fim-gold); }

@media (max-width: 767px) {
    .fit-map { padding: 38px 0 38px; }   /* mobile half-caesura (+25% 2026-07-16, was 30) */
    .fit-map__inner { padding: 0 16px; }
    .fit-map__frame iframe { height: min(74vh, 680px); }   /* mehr Canvas — Mobile-Chrome ist jetzt kompakt (2026-07-07) */
}