@media print {
  .art-visuel--cout .gv-trace { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; }
}

@media (max-width: 359px) {
  .art-visuel--cout .gv--etroit .gv-mot { font-size: var(--fs-2); }
}

.art-visuel--cout .gv-montant { stroke: var(--encre); stroke-width: 3.5; stroke-linecap: round; }
.art-visuel--cout .gv-a-venir { fill: none; stroke: var(--encre-ecran); stroke-width: 2.8; stroke-linecap: round; }
.art-visuel--cout .gv--large .gv-a-venir { stroke-dasharray: 0 6.5; }
.art-visuel--cout .gv--etroit .gv-a-venir { stroke-dasharray: 0 6; }

@media (min-width: 580px) and (max-width: 699px) {
  .art-visuel--cout .gv--large { display: block; }
  .art-visuel--cout .gv--etroit { display: none; }
}

.art-visuel--cout { max-width: 34em; }

.art-visuel--cout + .art-section { padding-top: clamp(32px, 4vh, 48px); }

@media (max-width: 579px) {
  .art-visuel--cout .gv--etroit, .art-visuel--cout .cle { max-width: 400px; margin-inline: auto; }
}

.art-visuel--cout .cle { padding-inline-start: calc(100% * 24 / 540); }
@media (max-width: 579px) {
  .art-visuel--cout .cle { padding-inline-start: min(calc(100% * 12 / 320), 15px); }
}

@media (forced-colors: active) {
  .art-visuel--cout :is(.gv-rond, .gv-feuille) { fill: Canvas; }
  .art-visuel--cout :is(.gv-entete, .gv-separe, .gv-montant, .gv-a-venir, .gv-point) { stroke: CanvasText; }
  .art-visuel--cout :is(.gv-ligne, .gv-colonne) { stroke: CanvasText; stroke-opacity: .45; }
  .art-visuel--cout .cle__voie.voie--dans::before { background: Canvas; box-shadow: inset 0 0 0 1.5px CanvasText; }
  .art-visuel--cout .cle__voie.voie--complement::before { background: CanvasText; box-shadow: none; }
}