/* valeur-des-developpeurs-ia.css — styles propres à cet article ; les composants viennent de article.css */

/* Cadrage de l'image d'en-tête : le personnage est à droite */
.article-hero-image {
    object-position: 70% 50%;
}

/* --- Schéma d'orchestration (SVG en ligne) : specs, plan, agents en parallèle, contrôle, livraison --- */

.orchestration {
    font-family: "Inter Tight", sans-serif;
}

.orchestration text {
    fill: white;
    font-size: 14px;
    font-weight: 600;
    text-anchor: middle;
}

/* Titres des colonnes */
.orchestration .orchestration-label {
    fill: var(--darker-gray-text-color);
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 10.5px;
    letter-spacing: 1.2px;
}

.orchestration-link {
    fill: none;
    stroke: #5E5E5E;
    stroke-width: 1.5;
}

/* Retour du point de contrôle vers les agents */
.orchestration-loop {
    fill: none;
    stroke: var(--accent-color);
    stroke-width: 1.5;
    stroke-dasharray: 5 5;
}

.orchestration .orchestration-loop-name {
    fill: var(--accent-color);
    font-size: 12px;
}

.orchestration-box {
    fill: var(--course-card-background);
    stroke: rgba(255, 255, 255, 0.18);
}

.orchestration .orchestration-plan-name {
    font-size: 13px;
}

.orchestration-phase {
    fill: rgba(255, 255, 255, 0.04);
    stroke: var(--separator-color);
}

.orchestration .orchestration-phase-name {
    fill: var(--gray-text-color);
    font-size: 11.5px;
    font-weight: 400;
}

.orchestration circle {
    fill: var(--accent-color);
}

.orchestration .orchestration-agent-name {
    text-anchor: start;
}

.orchestration-checkpoint {
    fill: rgba(127, 221, 0, 0.06);
    stroke: var(--accent-color);
    stroke-width: 1.5;
}

.orchestration .orchestration-checkpoint-name {
    fill: var(--accent-color);
    font-size: 13px;
}