/* ==========================================================================
   Page ARACare « Avec / sans ARACare » (ara-care-test.html), page de test (noindex)
   La même semaine racontée deux fois : un interrupteur bascule toute la page.
   Préfixe unique : .ac- ; script : js/aracare.js ; source : _dev/pages/ara-care-test.html.
   Sans JavaScript, les deux versions (.ac-sans / .ac-avec) s'affichent l'une sous l'autre.
   Tons : corail = sans ARACare (urgences), ambre = avec ARACare (couleur de la marque).
   ========================================================================== */

/* --- Bascule des deux versions --- */
.ac-js[data-etat="sans"] .ac-avec,
.ac-js[data-etat="avec"] .ac-sans { display: none !important; }
.ac-js .ac-sans, .ac-js .ac-avec { animation: ac-apparait .45s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes ac-apparait { from { opacity: 0; transform: translateY(8px); } }

/* --- Interrupteur --- */
.ac-bascule { display: inline-flex; align-items: center; gap: 14px; padding: 9px 12px 9px 20px; border-radius: 999px; border: 1px solid var(--glass-hairline);
	background: rgba(255,255,255,0.82); box-shadow: 0 10px 26px rgba(46,58,83,0.10), inset 0 1px 0 rgba(255,255,255,0.9);
	font-family: var(--font-display); font-weight: 600; font-size: 16px; color: var(--ara-gray-500); cursor: pointer; }
.ac-bascule[hidden] { display: none; }
.ac-bascule:focus-visible { outline: 3px solid var(--ara-amber-300); outline-offset: 3px; }
.ac-b-lib { transition: color .3s; }
.ac-b-avec { padding-right: 8px; }
.ac-bascule[aria-checked="false"] .ac-b-sans { color: var(--ara-coral-600); }
.ac-bascule[aria-checked="true"] .ac-b-avec { color: var(--ara-amber-700); }
.ac-b-piste { position: relative; flex: none; width: 66px; height: 36px; border-radius: 999px; background: var(--ara-coral-400); transition: background .35s;
	box-shadow: inset 0 2px 4px rgba(46,58,83,0.18); }
.ac-bascule[aria-checked="true"] .ac-b-piste { background: linear-gradient(90deg, var(--ara-amber-400), var(--ara-amber-500)); }
.ac-b-bouton { position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; border-radius: 50%; background: #fff;
	box-shadow: 0 2px 6px rgba(46,58,83,0.3); transition: transform .4s cubic-bezier(.3, 1.4, .5, 1); }
.ac-bascule[aria-checked="true"] .ac-b-bouton { transform: translateX(30px); }
.ac-bascule.is-appel .ac-b-piste { animation: ac-appel 1.4s ease-out 3; }
@keyframes ac-appel { 0% { box-shadow: inset 0 2px 4px rgba(46,58,83,0.18), 0 0 0 0 rgba(240,92,93,0.45); } 100% { box-shadow: inset 0 2px 4px rgba(46,58,83,0.18), 0 0 0 14px rgba(240,92,93,0); } }
.ac-bascule--compacte { font-size: 14.5px; gap: 12px; padding: 7px 10px 7px 16px; }
.ac-bascule--compacte .ac-b-piste { width: 56px; height: 30px; }
.ac-bascule--compacte .ac-b-bouton { width: 22px; height: 22px; }
.ac-bascule--compacte[aria-checked="true"] .ac-b-bouton { transform: translateX(26px); }
.ac-bascule-zone { margin-top: 30px; }
.ac-bascule-aide { margin: 10px 0 0 8px; font-size: 13.5px; color: var(--ara-gray-600); }
.ac-bascule-aide[hidden] { display: none; }
/* Rappel collant pendant la lecture de la semaine */
.ac-barre { position: sticky; top: 86px; z-index: 20; display: flex; justify-content: center; margin: 0 0 26px; pointer-events: none; }
.ac-barre[hidden] { display: none; }
.ac-barre .ac-bascule { pointer-events: auto; backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); box-shadow: 0 14px 34px rgba(46,58,83,0.16), inset 0 1px 0 rgba(255,255,255,0.9); }

/* --- Commun --- */
.ara-glass .ac-cta { text-decoration: none; background: linear-gradient(90deg, var(--ara-amber-400), var(--ara-amber-500)); box-shadow: 0 8px 20px rgba(246,146,53,0.28); }
.ac-actions { margin-top: 28px; display: flex; gap: 12px; flex-wrap: wrap; }
.ac-entete { max-width: 860px; margin-bottom: 32px; }
.ac-entete .h-section { margin-top: 18px; }
.ac-entete .lead { margin: 16px 0 0; font-size: 18px; }

/* --- En-tête --- */
.ac-hero { position: relative; }
.ac-hero::before { content: ""; position: absolute; top: -10%; right: -5%; width: 65%; height: 120%; pointer-events: none; z-index: 0;
	background: radial-gradient(closest-side at 65% 40%, rgba(246,146,53,0.18), transparent 70%), radial-gradient(closest-side at 35% 80%, rgba(240,92,93,0.10), transparent 70%); }
.ac-hero-grille { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: center; }
.ac-logo { display: block; height: 56px; width: auto; margin-top: 18px; }
.ac-titre { margin-top: 22px; font-size: 56px; --em: var(--ara-amber-500); }
.ac-chapo { margin: 20px 0 0; font-size: 19px; max-width: 600px; }
/* Orbite de la semaine : le balisage et les classes .orbit-* du diagramme orbital (styles.css), légende propre à la page */
.ac-orbite { position: relative; }
.ac-orbite-lbl { position: absolute; left: 50%; top: calc(100% + 7px); transform: translateX(-50%); white-space: nowrap; font-family: var(--font-mono);
	font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; color: var(--ara-gray-500); transition: color .4s; }
.orbit-node-active .ac-orbite-lbl { color: var(--ara-coral-600); }
.ac-js[data-etat="avec"] .orbit-node-active .ac-orbite-lbl { color: var(--ara-amber-700); }
.ac-js[data-etat="avec"] .ac-orbite .orbit-playhead { background: var(--ara-amber-500); box-shadow: 0 0 0 5px rgba(246,146,53,0.18), 0 0 14px rgba(246,146,53,0.7); }
.ara-glass .ac-orbite-centre { position: absolute; left: 235px; top: 235px; transform: translate(-50%, -50%); z-index: 5; width: 128px; height: 128px; border-radius: 50%;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; box-shadow: var(--glass-shadow-strong); }
.ac-orbite-centre img { width: 38px; height: 38px; margin-bottom: 4px; }
.ac-orbite-centre b { font-family: var(--font-display); font-size: 18px; font-weight: 700; letter-spacing: -0.02em; line-height: 1; color: var(--ara-navy-900); }
.ac-orbite-centre span { font-family: var(--font-mono); font-size: 8.5px; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; }
.ac-orbite-centre .ac-sans { color: var(--ara-coral-600); }
.ac-orbite-centre .ac-avec { color: var(--ara-amber-700); }
.ac-legende { position: relative; overflow: hidden; margin-top: 6px; padding: 18px 20px 18px 22px; min-height: 152px; box-sizing: border-box; }
.ac-legende-barre { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--ara-coral-500); transition: background .3s; }
.ac-js[data-etat="avec"] .ac-legende-barre { background: var(--ara-amber-500); }
.ac-legende-tete { display: flex; align-items: center; gap: 14px; padding-right: 120px; }
.ac-legende-ic { width: 44px; height: 44px; border-radius: 12px; flex: none; }
.ac-legende-quand { font-family: var(--font-mono); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: var(--ara-gray-500); }
.ac-legende-titre { margin-top: 2px; font-family: var(--font-display); font-size: 17.5px; font-weight: 600; letter-spacing: -0.018em; line-height: 1.15; color: var(--ara-navy-900); }
.ac-legende .ac-legende-txt { margin: 12px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ara-navy-700); }
.ac-legende .ac-legende-qui { margin: 6px 0 0; font-size: 13.5px; line-height: 1.45; color: var(--ara-navy-700); }
.ac-legende-qui strong { color: var(--ara-coral-700); font-weight: 600; }
.ac-legende .ac-puces { margin-top: 10px; gap: 6px; }
.ac-legende .ac-puces li { padding: 3px 10px; font-size: 12px; }
.ac-legende-lien { position: absolute; top: 20px; right: 20px; display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: var(--ara-navy-700); text-decoration: none; }
.ac-legende-lien:hover, .ac-legende-lien:focus-visible { color: var(--ara-amber-700); }
.ac-orbite-points { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; }
.ac-orbite-bilan { margin: 10px 0 0; text-align: center; font-family: var(--font-display); font-size: 15px; font-weight: 600; }
.ac-orbite-bilan b { font-size: 22px; letter-spacing: -0.02em; margin-right: 4px; }
.ac-orbite-bilan .ac-sans { color: var(--ara-coral-600); }
.ac-orbite-bilan .ac-avec { color: var(--ara-amber-700); }
.ac-page:not(.ac-js) .ac-orbite-bilan span + span::before { content: " · "; }

/* --- La semaine --- */
.ac-jours { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 18px; position: relative; }
.ac-jours::before { content: ""; position: absolute; left: 165px; top: 30px; bottom: 30px; border-left: 2px dashed var(--ara-gray-300); }
.ac-jour { display: grid; grid-template-columns: 140px 1fr; gap: 50px; align-items: start; scroll-margin-top: 170px; }
.ac-jour-quand { position: relative; padding-top: 24px; display: flex; flex-direction: column; align-items: flex-end; text-align: right; }
.ac-jour-quand::after { content: ""; position: absolute; right: -32px; top: 34px; width: 14px; height: 14px; border-radius: 50%; background: var(--ara-gray-300); box-shadow: 0 0 0 5px rgba(255,255,255,0.9); transition: background .3s; }
.ac-js[data-etat="sans"] .ac-jour-quand::after { background: var(--ara-coral-400); }
.ac-js[data-etat="avec"] .ac-jour-quand::after { background: var(--ara-amber-500); }
.ac-jour-nom { font-family: var(--font-display); font-weight: 700; font-size: 26px; letter-spacing: -0.02em; color: var(--ara-navy-900); }
.ac-jour-heure { margin-top: 4px; font-family: var(--font-mono); font-size: 13px; color: var(--ara-gray-500); }
.ac-jour-carte { position: relative; overflow: hidden; padding: 28px 32px 28px 36px; border-radius: 24px; }
.ac-jour-carte::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--ara-gray-300); transition: background .3s; }
.ac-js[data-etat="sans"] .ac-jour-carte { background: linear-gradient(150deg, rgba(255,241,241,0.9), rgba(255,255,255,0.66)); }
.ac-js[data-etat="sans"] .ac-jour-carte::before { background: var(--ara-coral-400); }
.ac-js[data-etat="avec"] .ac-jour-carte { background: linear-gradient(150deg, rgba(255,246,236,0.95), rgba(255,255,255,0.66)); }
.ac-js[data-etat="avec"] .ac-jour-carte::before { background: var(--ara-amber-500); }
.ac-jour-carte h3 { margin: 12px 0 0; font-family: var(--font-display); font-size: 25px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; color: var(--ara-navy-900); }
.ac-jour-carte p { margin: 10px 0 0; max-width: 780px; font-size: 15.5px; line-height: 1.6; color: var(--ara-navy-700); }
.ac-etiquette { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-family: var(--font-mono); font-size: 11.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.ac-sans .ac-etiquette { background: var(--ara-coral-100); color: var(--ara-coral-700); }
.ac-avec .ac-etiquette { background: var(--ara-amber-100); color: var(--ara-amber-800); }
/* Récit à gauche, « Qui s'en aperçoit ? » ou « Ce qui a joué » à droite */
.ac-jour-carte .ac-sans, .ac-jour-carte .ac-avec { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 40px; align-items: center; }
.ac-cote { padding: 18px 20px; border-radius: 18px; background: rgba(255,255,255,0.72); border: 1px solid var(--glass-hairline); }
.ac-sans .ac-cote { border-style: dashed; border-color: rgba(240,92,93,0.35); }
.ac-avec .ac-cote { border-color: var(--ara-amber-200); }
.ac-cote-lbl { display: block; font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; }
.ac-sans .ac-cote-lbl { color: var(--ara-coral-700); }
.ac-avec .ac-cote-lbl { color: var(--ara-amber-700); }
.ac-jour-carte .ac-cote p { margin: 8px 0 0; font-family: var(--font-display); font-size: 17px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--ara-navy-900); }
.ac-puces { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ac-puces li { padding: 5px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--ara-amber-200); color: var(--ara-amber-800); font-size: 13px; font-weight: 600; }
.ac-page:not(.ac-js) .ac-jour-carte .ac-avec { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--glass-hairline); }
@media (max-width: 1024px) { .ac-jour-carte .ac-sans, .ac-jour-carte .ac-avec { grid-template-columns: 1fr; gap: 18px; } }
/* Bilan de la semaine */
.ac-bilan { margin-top: 26px; }
.ac-bilan > div { display: flex; align-items: center; gap: 26px; padding: 26px 34px; border-radius: 24px; color: #CFD6E4;
	background: linear-gradient(160deg, #26314A, #1B2335); box-shadow: 0 24px 50px rgba(30,40,60,0.22); }
.ac-page:not(.ac-js) .ac-bilan > div + div { margin-top: 14px; }
.ac-bilan-chiffre { flex: none; font-family: var(--font-display); font-weight: 700; font-size: 76px; line-height: 1; letter-spacing: -0.04em; }
.ac-bilan .ac-sans .ac-bilan-chiffre { color: var(--ara-coral-400); }
.ac-bilan .ac-avec .ac-bilan-chiffre { color: var(--ara-amber-400); }
.ac-bilan p { margin: 0; max-width: 760px; font-size: 17px; line-height: 1.55; color: #CFD6E4; }
.ac-bilan strong { color: #fff; font-weight: 600; }

/* --- Périmètre --- */
.ac-zones { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.ac-zone { padding: 26px 26px 14px; border-radius: 24px; }
.ac-zone-tete { display: flex; align-items: center; gap: 14px; padding-bottom: 16px; }
.ac-zone-tete .ic-box { width: 44px; height: 44px; border-radius: 13px; flex: none; }
.ac-zone-tete h3 { margin: 0; font-family: var(--font-display); font-size: 21px; font-weight: 600; letter-spacing: -0.015em; color: var(--ara-navy-900); }
.ac-domaines { list-style: none; margin: 0; padding: 0; }
.ac-domaines li { display: grid; grid-template-columns: 1fr auto; column-gap: 12px; row-gap: 3px; padding: 15px 0; border-top: 1px solid var(--glass-hairline); }
.ac-domaines strong { grid-column: 1; font-family: var(--font-display); font-size: 16px; font-weight: 600; color: var(--ara-navy-900); }
.ac-domaines span { grid-column: 1; font-size: 14px; line-height: 1.5; color: var(--ara-navy-700); }
.ac-vu { grid-column: 2; grid-row: 1 / span 2; align-self: center; padding: 4px 9px; border-radius: 999px; background: var(--ara-amber-50); border: 1px solid var(--ara-amber-200);
	font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; color: var(--ara-amber-700); text-decoration: none; white-space: nowrap; }
.ac-vu:hover, .ac-vu:focus-visible { background: var(--ara-amber-100); color: var(--ara-amber-800); }
.ac-note { margin: 22px 0 0; display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.55; color: var(--ara-navy-700); }
.ac-note svg { flex: none; margin-top: 2px; color: var(--ara-blue-500); }
.ac-note a { color: var(--ara-blue-700); font-weight: 600; }

/* --- Écosystème : ARACare avec ARACloud et ARALink --- */
.ac-duos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.ac-duo { --duo: var(--ara-blue-500); --duo-txt: var(--ara-blue-700); --duo-fond: var(--ara-blue-50); --duo-bord: var(--ara-blue-200);
	position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 30px 32px 26px; border-radius: 26px; }
.ac-duo--link { --duo: var(--ara-teal-400); --duo-txt: var(--ara-teal-600); --duo-fond: var(--ara-teal-50); --duo-bord: var(--ara-teal-200); }
.ac-duo::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--duo), var(--ara-amber-500)); }
.ac-duo-tete { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.ac-duo-tete img { height: 28px; width: auto; }
.ac-duo-plus { font-family: var(--font-display); font-size: 24px; font-weight: 600; line-height: 1; color: var(--ara-gray-400); }
.ac-duo-lbl { display: block; font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; }
.ac-duo-socle { margin-top: 22px; padding: 16px 18px; border-radius: 16px; background: var(--duo-fond); border: 1px solid var(--duo-bord); }
.ac-duo-socle .ac-duo-lbl { color: var(--duo-txt); }
.ac-duo-pilules { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ac-duo-pilules li { padding: 5px 12px; border-radius: 999px; background: #fff; border: 1px solid var(--duo-bord); color: var(--duo-txt); font-size: 13px; font-weight: 600; }
.ac-duo-fleche { display: flex; justify-content: center; margin: 8px 0; color: var(--ara-amber-500); }
.ac-duo-fleche svg { transform: rotate(90deg); }
.ac-duo-service { flex: 1; padding: 18px 20px; border-radius: 16px; background: var(--ara-amber-50); border: 1px solid var(--ara-amber-200); }
.ac-duo-service .ac-duo-lbl { color: var(--ara-amber-700); }
.ac-duo-liste { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.ac-duo-liste li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: var(--ara-navy-800); }
.ac-duo-liste svg { flex: none; margin-top: 2px; color: var(--ara-amber-600); }
.ac-duo-liste em { display: inline-block; margin-right: 6px; padding: 1px 8px; border-radius: 999px; background: #fff; border: 1px solid var(--ara-amber-200);
	font-style: normal; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; font-weight: 600; color: var(--ara-amber-700); vertical-align: 1px; }
.ac-duo-lien { margin-top: 20px; align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 600; color: var(--duo-txt); text-decoration: none; }
.ac-duo-lien:hover { text-decoration: underline; }
.ac-note strong { color: var(--ara-navy-900); }
.ac-note svg { color: var(--ara-amber-600); }
@media (max-width: 1024px) { .ac-duos { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .ac-duo { padding: 24px 20px 22px; } .ac-duo-tete img { height: 24px; } }

/* --- Audit & cybersécurité --- */
.ac-secu { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 64px; align-items: center; }
.ac-coches { list-style: none; margin: 24px 0 30px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; }
.ac-coches li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: var(--ara-navy-700); }
.ac-coches svg { flex: none; margin-top: 1px; color: var(--ara-amber-600); }
.ac-mail { position: relative; justify-self: center; width: 100%; max-width: 500px; background: #fff; border-radius: 18px;
	box-shadow: 0 30px 60px rgba(30,40,60,0.16), 0 0 0 1px var(--glass-hairline); }
.ac-mail-barre { display: flex; align-items: center; gap: 12px; padding: 16px 20px 12px; }
.ac-mail-avatar { width: 38px; height: 38px; flex: none; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
	background: var(--ara-amber-400); color: #fff; font-family: var(--font-display); font-weight: 700; font-size: 16px; }
.ac-mail-exp { min-width: 0; }
.ac-mail-exp b { display: block; font-size: 14px; font-weight: 700; color: var(--ara-navy-900); }
.ac-mail-exp span { display: block; font-size: 12.5px; color: var(--ara-gray-500); overflow-wrap: anywhere; }
.ac-mail-date { margin-left: auto; align-self: flex-start; font-size: 12px; color: var(--ara-gray-500); }
.ac-mail-objet { padding: 0 20px 14px; border-bottom: 1px solid var(--glass-hairline); font-family: var(--font-display); font-size: 15.5px; font-weight: 600; line-height: 1.35; color: var(--ara-navy-900); }
.ac-mail-urgent { display: inline-block; margin-right: 8px; padding: 2px 8px; border-radius: 4px; background: var(--ara-coral-500); color: #fff;
	font-family: var(--font-body); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; vertical-align: 2px; }
.ac-mail-corps { padding: 18px 20px 20px; font-size: 14.5px; line-height: 1.6; color: var(--ara-navy-700); }
.ac-mail-corps p { margin: 0 0 12px; }
.ac-mail-corps b { color: var(--ara-navy-900); }
.ac-mail-bouton { display: inline-block; margin-top: 4px; padding: 11px 20px; border-radius: 8px; background: linear-gradient(90deg, var(--ara-coral-500), var(--ara-coral-600));
	color: #fff; font-weight: 700; font-size: 14px; box-shadow: 0 6px 14px rgba(217,72,73,0.3); }
.ac-mail-url { display: block; margin-top: 8px; font-family: var(--font-mono); font-size: 11px; color: var(--ara-gray-500); overflow-wrap: anywhere; }
.ac-mail-corps .ac-mail-pied { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--glass-hairline); font-size: 11.5px; color: var(--ara-gray-400); }

/* --- Travailler ensemble : à distance / sur site --- */
.ac-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 48px; }
.ac-mode { position: relative; padding: 28px 30px 26px; border-radius: 24px; }
.ara-glass .ac-mode--distance { background: linear-gradient(150deg, rgba(255,246,236,0.95), rgba(255,255,255,0.66)); }
.ac-mode--site { border: 1px dashed var(--ara-amber-300); }
.ac-mode-tag { display: inline-block; padding: 4px 11px; border-radius: 999px; font-family: var(--font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.ac-mode--distance .ac-mode-tag { background: var(--ara-amber-500); color: #fff; }
.ac-mode--site .ac-mode-tag { background: #fff; border: 1px solid var(--ara-amber-300); color: var(--ara-amber-700); }
.ac-mode-tete { display: flex; align-items: center; gap: 14px; margin-top: 16px; }
.ac-mode-tete .ic-box { width: 44px; height: 44px; border-radius: 13px; flex: none; }
.ac-mode-tete h3 { margin: 0; font-family: var(--font-display); font-size: 26px; font-weight: 600; letter-spacing: -0.02em; color: var(--ara-navy-900); }
.ac-mode > p { margin: 14px 0 0; font-size: 15.5px; line-height: 1.6; color: var(--ara-navy-700); }
.ac-mode .ac-coches { grid-template-columns: 1fr; margin: 18px 0 0; gap: 10px; }
@media (max-width: 760px) { .ac-modes { grid-template-columns: 1fr; } .ac-mode { padding: 24px 20px 22px; } }

/* --- Travailler ensemble --- */
.ac-ensemble { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; }
.ac-engagements { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 28px; }
.ac-engagements li { display: flex; gap: 18px; align-items: flex-start; }
.ac-engagements .ic-box { width: 48px; height: 48px; border-radius: 14px; flex: none; }
.ac-engagements h3 { margin: 2px 0 6px; font-family: var(--font-display); font-size: 20px; font-weight: 600; letter-spacing: -0.015em; color: var(--ara-navy-900); }
.ac-engagements p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--ara-navy-700); }
.ac-engagements a { color: var(--ara-amber-700); font-weight: 600; }
.ac-rapport { position: relative; justify-self: center; width: 100%; max-width: 460px; padding: 26px 28px 28px; border-radius: 16px; background: #fff;
	box-shadow: 0 24px 50px rgba(30,40,60,0.14), 0 0 0 1px var(--glass-hairline); }
.ac-rapport::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 5px; border-radius: 16px 16px 0 0; background: linear-gradient(90deg, var(--ara-amber-400), var(--ara-amber-500)); }
.ac-rapport-tete { display: flex; gap: 12px; align-items: center; padding-bottom: 16px; border-bottom: 1px solid var(--glass-hairline); }
.ac-rapport-tete b { display: block; font-family: var(--font-display); font-size: 19px; font-weight: 600; color: var(--ara-navy-900); }
.ac-rapport-tete span { display: block; font-size: 12.5px; color: var(--ara-gray-500); }
.ac-rapport-bloc { margin-top: 16px; }
.ac-rapport-lbl { font-family: var(--font-mono); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; color: var(--ara-amber-700); }
.ac-rapport-lbl.ac-lbl-attention { color: var(--ara-coral-600); }
.ac-rapport-lbl.ac-lbl-reco { color: var(--ara-blue-600); }
.ac-rapport ul { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 7px; }
.ac-rapport li { position: relative; padding-left: 18px; font-size: 14px; line-height: 1.45; color: var(--ara-navy-800); }
.ac-rapport li::before { content: ""; position: absolute; left: 0; top: 6px; width: 8px; height: 8px; border-radius: 2px; background: var(--ara-amber-400); }
.ac-rapport-bloc:nth-child(3) li::before { background: var(--ara-coral-400); }
.ac-rapport-bloc:nth-child(4) li::before { background: var(--ara-blue-400); }

/* --- Fin de page --- */
.ac-final { position: relative; display: grid; grid-template-columns: 1.15fr 0.85fr; overflow: hidden; padding: 0; border-radius: 28px; }
.ac-final::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; z-index: 1; background: linear-gradient(90deg, var(--ara-coral-400), var(--ara-amber-500)); }
.ac-final-texte { padding: 52px 48px; }
.ac-final-texte .h-section { margin-top: 14px; font-size: 40px; }
.ac-final-texte .lead { margin: 16px 0 0; font-size: 18px; }
.ac-aussi { margin: 26px 0 0; font-size: 14px; color: var(--ara-gray-600); }
.ac-aussi a { color: var(--ara-navy-900); font-weight: 600; }
.ac-final-photo img { display: block; width: 100%; height: 100%; min-height: 340px; object-fit: cover; }

/* --- Adaptations --- */
@media (max-width: 1024px) {
	.ac-hero-grille, .ac-secu, .ac-ensemble, .ac-final { grid-template-columns: 1fr; gap: 40px; }
	.ac-zones { grid-template-columns: 1fr; }
	.ac-final { gap: 0; }
	.ac-final-photo img { min-height: 0; aspect-ratio: 16 / 9; }
	.ac-mail, .ac-rapport { transform: none; }
}
@media (max-width: 760px) {
	.ac-barre { top: 76px; }
	.ac-jours::before { display: none; }
	.ac-jour { grid-template-columns: 1fr; gap: 8px; scroll-margin-top: 150px; }
	.ac-jour-quand { flex-direction: row; align-items: baseline; gap: 10px; padding-top: 0; text-align: left; }
	.ac-jour-quand::after { display: none; }
	.ac-jour-nom { font-size: 22px; }
	.ac-jour-carte { padding: 22px 20px 22px 24px; }
	.ac-jour-carte h3 { font-size: 21px; }
	.ac-bilan > div { flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px; }
	.ac-bilan-chiffre { font-size: 56px; }
	.ac-coches { grid-template-columns: 1fr; }
	.ac-final-texte { padding: 32px 22px; }
	.ac-final-texte .h-section { font-size: 28px; }
	.ac-logo { height: 46px; }
}
@media (max-width: 480px) {
	.ac-bascule { gap: 10px; padding: 7px 8px 7px 14px; font-size: 14px; }
	.ac-bascule--compacte { font-size: 13px; }
	.ac-legende-tete { padding-right: 0; }
	.ac-legende-lien { position: static; margin-top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.ac-js .ac-sans, .ac-js .ac-avec { animation: none; }
	.ac-b-bouton { transition: none; }
	.ac-bascule.is-appel .ac-b-piste { animation: none; }
}

/* Zone d'intervention : composant .zone (produit.css) en ton ambre, comme sur la page ARALink */
.ac-page .zone-centre { box-shadow: 0 0 0 6px rgba(255,255,255,0.8), 0 0 18px rgba(246,146,53,0.5); }