/* Schéma « L’iceberg » — guide « Le vrai périmètre d’un budget ERP ». À plat : polygones, traits, un aplat pour la mer.
   Classes préfixées gi-. Cadre de conception 320 × 320 (affiché vers 0,92 sur bureau : aucun texte sous 12 px ici). */
.gi-berg, .gi-lib, .gi-mer { position: absolute; left: 0; top: 0; }
.gi-berg svg { display: block; overflow: visible; }

.gi-repere { stroke: var(--line-fort); stroke-width: 1.5; stroke-dasharray: 3 6; stroke-linecap: round; }
.gi-pointe { fill: var(--accent-fonce); stroke: var(--accent-fonce); stroke-width: 1.5; stroke-linejoin: round; }
.gi-couche { fill: var(--bg); stroke: var(--line-fort); stroke-width: 1.5; stroke-linejoin: round; }

.gi-lib { transform: translate(-50%, -50%); font-size: 13px; font-weight: 700; line-height: 1; color: var(--ink); white-space: nowrap; }
.gi-lib.gi-haut { color: var(--sur-accent); font-size: 12.5px; }

/* La mer : un aplat opaque qui déborde du cadre ; son bord supérieur est la ligne de flottaison. Elle seule bouge. */
.gi-mer { left: -60px; width: 440px; height: 360px; background: var(--bg-doux); border-top: 2px solid var(--accent); will-change: transform; }