/* Article 07 — outils d'automatisation pour pme. Tous les sélecteurs sont préfixés par .p07. */
.p07{--p07-w:min(var(--wrap),calc(100% - 2*var(--gutter)));color:var(--ink)}
.p07 a{color:var(--blue-deep);text-underline-offset:3px}
.p07 a:hover{color:var(--blue)}
.p07 .m-button{color:#fff;text-decoration:none}
.p07 .m-pill{color:#294ca7}
.p07 h2{font-size:clamp(27px,3.4vw,40px);font-weight:470;letter-spacing:-.035em;line-height:1.12;margin:0 0 18px;max-width:900px}
.p07 h3{font-weight:560;letter-spacing:-.015em;line-height:1.3}
.p07 p{margin:0 0 14px}
.p07 strong,.p07 b{font-weight:600}

/* En-tête : texte + réponse courte */
.p07-hero{width:var(--p07-w);margin:32px auto 0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:44px;align-items:end}
.p07-hero .m-pill{margin-bottom:14px}
.p07 h1{font-size:clamp(33px,4.6vw,56px);font-weight:440;letter-spacing:-.047em;line-height:1.06;margin:0 0 22px}
.p07-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}
.p07-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.62;color:var(--ink-2);margin-bottom:22px!important}
.p07-short{padding:26px;border-radius:var(--radius);background:var(--glass);border:1px solid #b5ccfc;box-shadow:var(--shadow);position:relative;overflow:hidden}
.p07-short:before{content:"";position:absolute;left:-30%;bottom:-80%;width:120%;height:140%;border-radius:50%;border:1px solid #c3d4fb;pointer-events:none}
.p07-short-title{font-size:13px;font-weight:600;color:var(--blue);margin-bottom:12px!important}
.p07-short ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:p07s;position:relative}
.p07-short li{counter-increment:p07s;position:relative;padding-left:38px;font-size:15px;line-height:1.45;color:#2e3b5a}
.p07-short li:before{content:counter(p07s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:600;display:grid;place-items:center}
.p07-short li b{display:block;color:var(--ink)}
.p07-short-foot{margin:16px 0 0!important;padding-top:12px;border-top:1px solid #d5e1f7;font-size:14px;color:var(--muted);position:relative}

/* Sections */
.p07-section{width:var(--p07-w);margin:92px auto 0;scroll-margin-top:100px}
.p07-intro{max-width:820px;color:#2e3b5a;font-size:17px}
.p07-note{font-size:14.5px;color:var(--muted)}
.p07-tag{display:inline-block;font-size:12.5px;font-weight:600;color:#294ca7;border:1px solid #b5ccfc;background:#fff;border-radius:999px;padding:3px 11px;margin-bottom:10px!important}

/* Figure */
.p07-figure{margin:6px 0 34px}
.p07-figure img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid #e3ebf8;background:var(--blue-mist);box-shadow:var(--shadow)}
.p07-figure figcaption{font-size:12.5px;color:var(--muted);margin-top:8px}

/* Familles en rangées */
.p07-families{display:grid;gap:0;border-top:1px solid var(--line)}
.p07-family{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.p07-num{margin:0!important;font-size:42px;font-weight:300;line-height:1;color:var(--blue);letter-spacing:-.04em}
.p07-family h3{font-size:20px;margin:2px 0 8px}
.p07-family p{max-width:860px;color:#2e3b5a}
.p07-family .p07-check{margin:0!important;font-size:15px;color:var(--ink-2);background:var(--blue-mist);border-radius:12px;padding:10px 14px;display:inline-block}

/* Documentations */
.p07-docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px}
.p07-doc{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;box-shadow:0 10px 26px #335cff0b}
.p07-doc h3{font-size:17.5px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #edf1f8}
.p07-doc ul{margin:0 0 12px;padding-left:18px;display:grid;gap:8px;font-size:14.5px;color:#2e3b5a;line-height:1.5}
.p07-src{margin:auto 0 0!important;font-size:12.5px;color:var(--muted);line-height:1.45}

.p07-count{margin-top:30px;padding:28px;border-radius:var(--radius);border:1px dashed #9fbaff;background:var(--blue-mist)}
.p07-count h3{font-size:21px;margin:0 0 10px}
.p07-count>p{color:#2e3b5a;max-width:880px}
.p07-count-grid{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p07-count-grid li{background:#fff;border:1px solid #d9e4f9;border-radius:18px;padding:18px}
.p07-count-grid b{display:block;font-size:28px;font-weight:450;letter-spacing:-.03em;color:var(--blue);line-height:1.1;margin-bottom:6px}
.p07-count-grid span{font-size:14px;color:#3a4766;line-height:1.45;display:block}

/* Tableau comparatif */
.p07-table-wrap{margin-top:22px;border-radius:20px;border:1px solid var(--line);overflow:hidden;background:#fff}
.p07-table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}
.p07-table th,.p07-table td{text-align:left;padding:15px 16px;vertical-align:top;border-bottom:1px solid #edf1f8;line-height:1.5}
.p07-table thead th{background:var(--blue-mist);font-size:14px;font-weight:600;color:var(--ink)}
.p07-table thead th:first-child{width:16%}
.p07-table tbody th{font-weight:600;color:var(--ink);background:#fbfcff}
.p07-table td{color:#3a4766}
.p07-table tbody tr:last-child>*{border-bottom:0}
.p07-table tbody tr:last-child td{color:var(--blue-deep);font-weight:500}

/* Coût complet */
.p07-cost{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.p07-cost-text ul{margin:0 0 18px;padding-left:18px;display:grid;gap:7px;color:#2e3b5a}
.p07-formula{padding:16px 18px;border-radius:16px;background:var(--blue-mist);border:1px solid #d5e1f7;font-size:15px;color:var(--ink-2)}
.p07-calc{padding:24px;border-radius:var(--radius);background:var(--glass);border:1px solid #b5ccfc;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.p07-calc[hidden]{display:none}
.p07-calc-title{grid-column:1/-1;font-weight:600;margin:0!important}
.p07-calc-period{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 10px;align-items:center}
.p07-calc label{font-size:13.5px;color:var(--ink-2)}
.p07-calc input,.p07-calc select{width:100%;min-width:0;padding:9px 11px;border:1px solid #c9d7f2;border-radius:10px;background:#fff;color:var(--ink);font-size:16px}
.p07-calc input:focus-visible,.p07-calc select:focus-visible{outline:3px solid var(--blue);outline-offset:1px}
.p07-unit{display:flex;align-items:center;gap:6px}
.p07-unit i{font-style:normal;font-size:13.5px;color:var(--muted)}
.p07-calc fieldset{margin:0;padding:14px;border:1px solid #d5e1f7;border-radius:16px;background:#fff;display:grid;gap:6px;min-width:0}
.p07-calc legend{font-weight:600;font-size:14px;padding:0 6px;color:var(--blue)}
.p07-out-label{margin:8px 0 0!important;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.p07-calc output{display:block;margin-top:4px;padding:10px 12px;border-radius:12px;background:var(--blue);color:#fff;font-size:20px;font-weight:500;letter-spacing:-.02em;text-align:center}
.p07-calc-status{grid-column:1/-1;margin:0!important;font-size:14px;color:var(--ink-2)}

/* Décision */
.p07-path{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:0;counter-reset:p07p;position:relative}
.p07-path li{counter-increment:p07p;position:relative;padding:0 0 26px 64px}
.p07-path li:before{content:counter(p07p);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:14px;background:var(--glass);border:1px solid #b5ccfc;color:var(--blue);font-weight:600;display:grid;place-items:center;font-size:17px}
.p07-path li:after{content:"";position:absolute;left:21px;top:46px;bottom:6px;width:1px;background:#b5ccfc}
.p07-path li:last-child:after{display:none}
.p07-q{font-size:18.5px;font-weight:500;color:var(--ink);margin-bottom:8px!important;max-width:860px;padding-top:8px}
.p07-a{color:#2e3b5a;max-width:860px}
.p07-signals{margin-top:16px;padding:26px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue)}
.p07-signals h3{font-size:19px;margin:0 0 12px}
.p07-signals ul{margin:0 0 16px;padding-left:18px;display:grid;gap:7px;color:#2e3b5a}
.p07-signals>p{margin:0;color:#2e3b5a}

/* Fin */
.p07-end{padding:34px;border-radius:var(--radius);background:linear-gradient(150deg,#f7faff,#e6eeff);border:1px solid #d5e1f7}
.p07-end>p{max-width:880px;color:#2e3b5a;font-size:17px}
.p07-end-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}

@media(max-width:1020px){
  .p07-hero{grid-template-columns:1fr;gap:28px}
  .p07-docs{grid-template-columns:1fr 1fr}
  .p07-count-grid{grid-template-columns:1fr 1fr}
  .p07-cost{grid-template-columns:1fr}
}
@media(max-width:760px){
  .p07-section{margin-top:66px}
  .p07-docs,.p07-count-grid{grid-template-columns:1fr}
  .p07-family{grid-template-columns:1fr;gap:6px}
  .p07-num{font-size:30px}
  .p07-count,.p07-signals,.p07-end,.p07-short{padding:20px}
  .p07-calc{grid-template-columns:1fr;padding:18px}
  .p07-calc-period{grid-template-columns:1fr}
  .p07-table{table-layout:auto}
  .p07-table thead{display:none}
  .p07-table,.p07-table tbody,.p07-table tr,.p07-table th,.p07-table td{display:block;width:100%}
  .p07-table tr{border-bottom:1px solid #e3eaf6;padding:6px 0 10px}
  .p07-table tbody tr:last-child{border-bottom:0}
  .p07-table tbody th{background:var(--blue-mist);font-size:16px;padding:10px 16px}
  .p07-table td{border:0;padding:8px 16px}
  .p07-table td:before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--blue);margin-bottom:2px}
  .p07-path li{padding-left:54px}
}