/* Article 09 — quels workflows automatiser. Tous les sélecteurs sont préfixés par .p09. */
.p09{--p09-w:min(var(--wrap),calc(100% - 2*var(--gutter)));--p09-text:min(860px,calc(100% - 2*var(--gutter)));--p09-auto:#335cff;--p09-human:var(--ink);--p09-human-bg:#fff;--p09-amber:var(--ink-2);--p09-amber-bg:var(--pale);--p09-violet:var(--ink-2);--p09-violet-bg:var(--blue-soft);color:var(--ink)}
.p09 a{color:var(--blue-deep);text-underline-offset:3px}
.p09 a:hover{color:var(--blue)}
.p09 a:focus-visible,.p09 input:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}
.p09 .m-button{color:#fff;text-decoration:none}
.p09 .m-pill{color:#294ca7}
.p09 h2{font-size:clamp(27px,3.4vw,40px);font-weight:470;letter-spacing:-.035em;line-height:1.12;margin:0 0 16px;max-width:900px}
.p09 h3{font-weight:560;letter-spacing:-.015em;line-height:1.3}
.p09 p{margin:0 0 14px}
.p09 strong{font-weight:600}

/* En-tête : texte à gauche, illustration à droite sur grand écran */
.p09-hero{width:var(--p09-w);margin:36px auto 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.p09 h1{font-size:clamp(33px,4.4vw,56px);font-weight:440;letter-spacing:-.047em;line-height:1.07;margin:14px 0 22px}
.p09-mark{display:inline-block;background:var(--blue);color:#fff;border-radius:16px;padding:0 .22em .06em;box-shadow:0 8px 22px #335cff33,inset 0 1px 1px #ffffff70}
.p09-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.62;color:var(--ink-2)}
.p09-hero .byline{margin-top:20px}
.p09-hero-figure{margin:0}
.p09-hero-figure img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid #e3ebf8;box-shadow:var(--shadow);background:var(--blue-mist)}
.p09-hero-figure figcaption{font-size:12.5px;color:var(--muted);margin-top:8px}

/* Sommaire */
.p09-toc{width:var(--p09-w);margin:40px auto 0;padding:18px 22px;border-radius:20px;border:1px solid #d5e1f7;background:var(--glass);display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}
.p09-toc-title{margin:0!important;font-weight:600;font-size:14.5px;color:var(--ink)}
.p09-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px;counter-reset:p09toc}
.p09-toc li{counter-increment:p09toc}
.p09-toc a{display:inline-flex;gap:8px;align-items:center;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #d9e4f9;text-decoration:none;font-size:14.5px;color:var(--ink-2)}
.p09-toc a:before{content:counter(p09toc);font-weight:600;color:var(--blue-deep)}
.p09-toc a:hover{border-color:var(--blue);color:var(--ink)}

/* Sections */
.p09-section{width:var(--p09-w);margin:84px auto 0;scroll-margin-top:100px}
.p09-kicker{display:inline-block;font-size:13px;font-weight:600;color:var(--blue-deep);background:var(--blue-soft);border-radius:999px;padding:4px 12px;margin-bottom:14px!important}
.p09-intro{max-width:820px;color:#2e3b5a;font-size:17px}
.p09-note{font-size:14.5px;color:var(--muted);max-width:840px;margin-top:14px}

/* Trois modes */
.p09-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.p09-mode{padding:22px 22px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #335cff0d;border-top:5px solid var(--p09-auto)}
.p09-mode-assist{border-top-color:#9fb6ea}
.p09-mode-human{border-top-color:var(--p09-human)}
.p09-mode .p09-mode-tag{display:inline-block;font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 10px;margin:0 0 10px!important;background:var(--blue-soft);color:var(--blue-deep)}
.p09-mode-assist .p09-mode-tag{background:#fff;border:1px solid var(--blue);color:var(--blue-deep)}
.p09-mode-human .p09-mode-tag{background:var(--ink);color:#fff}
.p09-mode h3{font-size:19px;margin:0 0 8px}
.p09-mode p{font-size:15.5px;color:#3a4766}
.p09-ex{font-size:14.5px!important;color:var(--muted)!important;margin:0!important}

.p09-keep{margin-top:26px;padding:28px 30px;border-radius:var(--radius);background:linear-gradient(150deg,#f7faff,#eaf0ff);border:1px solid #dbe6fb}
.p09-keep h3{font-size:21px;margin:0 0 14px}
.p09-keep ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
.p09-keep li{position:relative;padding-left:26px;font-size:15.5px;line-height:1.55;color:#2e3b5a}
.p09-keep li:before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:12px;border-radius:4px;background:var(--p09-human);box-shadow:0 0 0 3px #101d4222}
.p09-warn{margin:0!important;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #d9e4f9;font-size:15px;color:var(--ink-2)}

/* Barème */
.p09-rubric-wrap,.p09-cases-wrap{margin-top:26px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px #335cff0d;overflow-x:auto}
.p09 table{border-collapse:collapse;width:100%}
.p09-rubric th,.p09-rubric td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #e6edf8;font-size:15px;line-height:1.45}
.p09-rubric thead th{background:var(--pale);font-size:14px;font-weight:600;color:var(--ink-2)}
.p09-rubric thead th:not(:first-child){text-align:center;width:24%}
.p09-rubric tbody th{width:28%;font-weight:600}
.p09-rubric tbody th span{display:block;color:var(--ink)}
.p09-rubric tbody th small{display:block;font-weight:400;font-size:13.5px;color:var(--muted);margin-top:3px}
.p09-rubric td{color:#2e3b5a}
.p09-rubric tbody tr:last-child>*{border-bottom:0}

/* Cas */
.p09-cases th,.p09-cases td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #e6edf8;font-size:14.5px;line-height:1.45}
.p09-cases thead th{background:var(--pale);font-weight:600;font-size:13.5px;color:var(--ink-2);white-space:nowrap}
.p09-cases tbody th{font-weight:560;min-width:190px}
.p09-cases tbody th b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:600;vertical-align:1px}
.p09-cases td:nth-child(n+2):nth-child(-n+6){text-align:center}
.p09-cases .p09-score{font-weight:650;color:var(--blue-deep)}
.p09-cases td:last-child{min-width:220px;color:#2e3b5a}
.p09-cases tbody tr:last-child>*{border-bottom:0}
.p09-v{display:inline-block;white-space:nowrap;font-size:13px;font-weight:600;border-radius:999px;padding:3px 10px}
.p09-v-go{background:var(--blue);color:#fff}
.p09-v-study{background:var(--blue-soft);color:var(--blue-deep)}
.p09-v-rules{background:#fff;border:1px dashed var(--ink-2);color:var(--ink-2)}
.p09-v-assist{background:#fff;border:1px solid var(--blue);color:var(--blue-deep)}
.p09-v-later{background:#eef1f6;color:#46536c}
.p09-v-human{background:var(--ink);color:#fff}

/* Matrice */
.p09-matrix{margin:44px 0 0}
.p09-matrix>figcaption{font-size:18px;font-weight:560;color:var(--ink);margin-bottom:16px;max-width:820px}
.p09-matrix-grid{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;gap:12px}
.p09-axis{margin:0!important;font-size:13.5px;font-weight:600;color:var(--muted)}
.p09-axis-y{grid-row:1/3;grid-column:1;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;align-self:center;justify-self:center}
.p09-axis-x{grid-row:3;grid-column:2/4;text-align:center}
.p09-q{padding:20px;border-radius:20px;border:1px solid var(--line);background:#fff;min-height:150px;display:flex;flex-direction:column}
.p09-q-title{font-size:13.5px;color:var(--muted);margin:0 0 4px!important}
.p09-q-verdict{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 14px!important}
.p09-q-auto{background:linear-gradient(150deg,#f3f7ff,#e3ecff);border-color:#b5ccfc}
.p09-q-auto .p09-q-verdict{color:var(--blue-deep)}
.p09-q-assist{background:var(--p09-violet-bg);border-color:#9fb6ea}
.p09-q-assist .p09-q-verdict{color:var(--p09-violet)}
.p09-q-human{background:var(--p09-human-bg);border:2px solid var(--ink)}
.p09-q-human .p09-q-verdict{color:var(--p09-human)}
.p09-q-rules{background:var(--p09-amber-bg);border:1.5px dashed #9fb6ea}
.p09-q-rules .p09-q-verdict{color:var(--p09-amber)}
.p09-dots{margin:auto 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.p09-dots li{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #c9d7f3;font-weight:600;font-size:15px;color:var(--ink);box-shadow:0 4px 10px #335cff14}
.p09-q-assist{grid-row:1;grid-column:2}.p09-q-human{grid-row:1;grid-column:3}.p09-q-auto{grid-row:2;grid-column:2}.p09-q-rules{grid-row:2;grid-column:3}

/* Score et verrous */
.p09-rules{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr);gap:16px;margin-top:26px;align-items:stretch}
.p09-lock{padding:22px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #335cff0d}
.p09-lock .p09-lock-tag{display:inline-block;font-size:12.5px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--ink);color:#fff;margin:0 0 10px!important}
.p09-lock h3{font-size:19px;margin:0 0 8px}
.p09-lock p{font-size:15.5px;color:#3a4766;margin:0}
.p09-bands{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.p09-bands li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff}
.p09-bands span{font-weight:650;font-size:17px;text-align:center;border-radius:12px;padding:8px 4px}
.p09-bands p{margin:0;font-size:15px;color:#2e3b5a;line-height:1.45}
.p09-band-go span{background:var(--blue);color:#fff}
.p09-band-study span{background:var(--blue-soft);color:var(--blue-deep)}
.p09-band-later span{background:#eef1f6;color:#46536c}

/* Outil de notation (affiché par JS) */
.p09-tool{margin-top:22px;padding:26px 28px;border-radius:var(--radius);background:linear-gradient(150deg,#f7faff,#eaf0ff);border:1px solid #dbe6fb}
.p09-tool h3{font-size:21px;margin:0 0 6px}
.p09-tool-intro{font-size:15px;color:var(--muted)}
.p09-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.p09-tool fieldset{margin:0;padding:12px 14px 14px;border:1px solid #d5e1f7;border-radius:16px;background:#fff;min-width:0}
.p09-tool legend{font-weight:600;font-size:14.5px;padding:0 4px}
.p09-tool label{display:inline-flex;align-items:center;gap:6px;margin:8px 14px 0 0;font-size:15px;cursor:pointer}
.p09-tool input{width:18px;height:18px;accent-color:var(--blue);margin:0}
.p09-result{display:block;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #c9d7f3;font-size:16px;line-height:1.5;color:var(--ink)}
.p09-result strong{color:var(--blue-deep)}

.p09-limits{margin-top:22px;padding:22px 26px;border-radius:var(--radius);border:1px dashed #b5ccfc;background:#fff}
.p09-limits h3{font-size:19px;margin:0 0 8px}
.p09-limits p{margin:0;font-size:15.5px;color:#2e3b5a;line-height:1.6}

/* PME / ETI */
.p09-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px}
.p09-compare section{padding:24px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #335cff0d}
.p09-compare section:last-child{background:var(--glass);border-color:#d5e1f7}
.p09-compare h3{font-size:20px;margin:0 0 12px}
.p09-compare ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.p09-compare li{font-size:15.5px;line-height:1.5;color:#2e3b5a;padding-left:16px;border-left:2px solid #c9d7f3}

/* Suite */
.p09-next{margin-bottom:96px}
.p09-steps{margin:18px 0 0;padding:0;list-style:none;counter-reset:p09s;display:grid;gap:12px;max-width:900px}
.p09-steps li{counter-increment:p09s;position:relative;padding:4px 0 4px 52px;font-size:16px;line-height:1.55;color:#2e3b5a}
.p09-steps li:before{content:counter(p09s);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:600;box-shadow:0 6px 16px #335cff33}
.p09-cta{margin-top:30px;padding:26px 28px;border-radius:var(--radius);background:linear-gradient(150deg,#f3f7ff,#e3ecff);border:1px solid #c9d7f3}
.p09-cta>p{font-size:16px;color:#2e3b5a;max-width:820px}
.p09-cta-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* Tablette et mobile */
@media (max-width:1099px){
  .p09-hero{grid-template-columns:1fr;gap:28px}
  .p09-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p09-bands{grid-column:1/-1}
  .p09-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* Tableau des cas : lignes empilées en cartes */
  .p09-cases-wrap{overflow:visible;border:0;background:none;box-shadow:none}
  .p09-cases thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .p09-cases,.p09-cases tbody{display:block}
  .p09-cases tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:16px;margin-bottom:12px;border-radius:20px;border:1px solid var(--line);background:#fff;box-shadow:0 8px 22px #335cff0d}
  .p09-cases tbody th{grid-column:1/-1;min-width:0;border:0;padding:0 0 4px;font-size:16px}
  .p09-cases td{border:0;padding:8px 6px;background:var(--pale);border-radius:12px;text-align:center}
  .p09-cases td:before{content:attr(data-label);display:block;font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:2px}
  .p09-cases td:nth-child(7),.p09-cases td:last-child{grid-column:1/-1;text-align:left;background:none;padding:4px 0 0;min-width:0}
  .p09-cases td:nth-child(7):before{display:none}
  .p09-cases tbody tr:last-child>*{border-bottom:0}
}
@media (max-width:760px){
  .p09-section{margin-top:64px}
  .p09-modes,.p09-compare,.p09-rules{grid-template-columns:1fr}
  .p09-keep,.p09-tool,.p09-cta{padding:22px 18px}
  .p09-tool-grid{grid-template-columns:1fr}
  .p09-toc{padding:16px}
  /* Barème empilé */
  .p09-rubric-wrap{overflow:visible;border:0;background:none;box-shadow:none}
  .p09-rubric thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .p09-rubric,.p09-rubric tbody,.p09-rubric tr{display:block}
  .p09-rubric tr{padding:16px;margin-bottom:12px;border-radius:20px;border:1px solid var(--line);background:#fff}
  .p09-rubric tbody th,.p09-rubric td{display:block;width:auto;border:0;padding:0}
  .p09-rubric tbody th{margin-bottom:10px}
  .p09-rubric td{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:6px 0;border-top:1px solid #edf2fa}
  .p09-rubric td:before{content:attr(data-note);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue-soft);color:var(--blue-deep);font-weight:650;font-size:14px}
  /* Matrice empilée */
  .p09-matrix-grid{grid-template-columns:1fr}
  .p09-axis{display:none}
  .p09-q-assist,.p09-q-human,.p09-q-auto,.p09-q-rules{grid-row:auto;grid-column:1;min-height:0}
  .p09-q-auto{order:-1}
  .p09-bands li{grid-template-columns:62px minmax(0,1fr)}
}
@media (max-width:420px){
  .p09-cases tr{grid-template-columns:repeat(3,minmax(0,1fr))}
  .p09-cases td:nth-child(6){grid-column:span 2}
}