/* Emplacement (pages machines) : besoins à gauche, plan coté à droite, en dessin technique au trait
   champagne sur le champ sombre, sans planche. Le plan donne l'encombrement, pas l'aspect du modèle. */
.site-plan {
    align-items: center;
}

.machine-plan {
    margin: 0;
}

.machine-plan__drawing {
    width: 100%;
    overflow: visible;
}

.plan-grid {
    fill: none;
    stroke: var(--color-line-night);
    stroke-width: 1;
}

.plan-shape {
    fill: var(--color-night);
    stroke: var(--color-dust);
    stroke-width: 1.5;
}

.plan-shape--solid {
    fill: var(--color-line-night-strong);
    stroke: none;
}

.plan-shape--glass {
    fill: var(--color-night-high);
    stroke: var(--color-dust-deep);
    stroke-width: 1;
}

.plan-shape--accent {
    fill: none;
    stroke: var(--color-champagne);
    stroke-width: 1.5;
}

.plan-dim__line {
    fill: none;
    stroke: var(--color-champagne);
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.plan-dim__ext {
    fill: none;
    stroke: var(--color-champagne);
    stroke-width: 1;
    stroke-dasharray: 3 3;
}

.plan-dim__text {
    fill: var(--color-bone);
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: var(--fw-medium);
}

.plan-view {
    fill: var(--color-dust);
    font-family: var(--font-body);
    font-size: 13px;
}

/* En colonne étroite, le plan (deux vues côte à côte) est réduit aux deux tiers : les libellés,
   en unités du dessin, grossissent d'autant pour rester lisibles (environ 14 px à 375 px). */
@media (max-width: 29.99rem) {
    .plan-dim__text {
        font-size: 22px;
    }

    .plan-view {
        font-size: 19px;
    }
}