/* Article 05 — remettre un logiciel sur mesure à son équipe. Tous les sélecteurs sont préfixés par .p05. */
.p05{--p05-w:min(var(--wrap),calc(100% - 2*var(--gutter)));color:var(--ink)}
.p05 a{color:var(--blue-deep)}
.p05 .m-button{color:#fff}
.p05 .m-pill{color:#294ca7}
.p05 h1,.p05 h2,.p05 h3{font-weight:450;letter-spacing:-.035em;line-height:1.14;margin:0}
.p05 p,.p05 li,.p05 dd,.p05 td{color:#2e3b5a}
.p05 strong,.p05 b{color:var(--ink);font-weight:600}

/* Héros : question + trois temps */
.p05-hero{width:var(--p05-w);margin:36px auto 0}
.p05-hero-copy{max-width:860px}
.p05-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0}
.p05-kicker>span{font-size:13px;color:var(--muted)}
.p05-hero h1{font-size:clamp(30px,4.6vw,56px);letter-spacing:-.045em;margin:20px 0 22px;overflow-wrap:break-word}
.p05-lead{font-size:clamp(17px,1.7vw,19.5px);line-height:1.6;margin:0 0 24px}
.p05-moments{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:var(--radius);overflow:hidden;border:1px solid #cfdcf8;box-shadow:var(--shadow)}
.p05-moments li{position:relative;padding:24px 28px 26px 28px;background:var(--glass);display:flex;flex-direction:column;gap:6px}
.p05-moments li+li{border-left:1px solid #d9e4fa}
.p05-moments li:nth-child(2){background:linear-gradient(140deg,#eef3ff,#dfe8ff)}
.p05-moments li:nth-child(3){background:linear-gradient(140deg,#335cff,#2447e0)}
.p05-moments li:nth-child(3) b,.p05-moments li:nth-child(3) span{color:#fff}
.p05-moments li:nth-child(3) .p05-moment-tag{background:transparent;border-color:#ffffff59;color:#fff}
.p05-moment-tag{align-self:flex-start;font-size:12.5px;font-weight:500;color:#294ca7;padding:3px 10px;border-radius:999px;border:1px solid #b5ccfc;background:#ffffffb3}
.p05-moments b{font-size:20px;font-weight:500;letter-spacing:-.02em;margin-top:6px}
.p05-moments li>span:last-child{font-size:15px;line-height:1.5;color:#2e3b5a}
.p05-moments li:nth-child(3)>span:last-child{color:#fff}

/* Sections */
.p05-section{width:var(--p05-w);margin:96px auto 0}
.p05-section>h2,.p05-message-text h2{font-size:clamp(27px,3.3vw,40px);max-width:820px}
.p05-sub{font-size:17px;max-width:760px;margin:14px 0 30px}

/* Rôle */
.p05-role-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.p05-role-grid>div{padding:26px 28px;border-radius:var(--radius);border:1px solid var(--line)}
.p05-role-yes{background:#fff}
.p05-role-no{background:var(--pale)}
.p05-role-grid h3{font-size:20px;margin-bottom:12px}
.p05-role-grid ul{margin:0;padding-left:20px}
.p05-role-grid li{margin:8px 0;font-size:15.5px}
.p05-role-yes li::marker{color:var(--blue)}

/* Cinq questions */
.p05-five{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;counter-reset:p05q}
.p05-five li{counter-increment:p05q;padding:22px 20px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(175deg,#fff,#f4f7ff)}
.p05-five li::before{content:"Q" counter(p05q);display:inline-block;font-size:12.5px;font-weight:600;color:var(--blue);margin-bottom:10px}
.p05-five h3{font-size:18px;margin-bottom:10px}
.p05-five p{margin:0;font-size:14.5px;line-height:1.55}

/* Accès */
.p05-access{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:start}
.p05-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.p05-table-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.p05 table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.p05 caption{caption-side:top;text-align:left;padding:16px 20px 4px;font-size:13px;color:var(--muted)}
.p05 th,.p05 td{padding:13px 16px;text-align:left;border-bottom:1px solid #edf2fb;vertical-align:top}
.p05 thead th{font-size:13px;font-weight:600;color:var(--ink);background:var(--pale)}
.p05 tbody tr:last-child>*{border-bottom:0}
.p05 tbody th{font-weight:600;color:var(--ink)}
.p05 td:nth-child(3),.p05 td:nth-child(4){color:var(--muted);font-size:14px;white-space:nowrap}
.p05-rules{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.p05-rules li{padding:14px 16px 14px 44px;position:relative;border-radius:var(--radius-sm);background:var(--pale);font-size:15px}
.p05-rules li::before{content:"";position:absolute;left:16px;top:19px;width:14px;height:8px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}

/* Message d’annonce */
.p05-message{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:44px;align-items:start}
.p05-message-text p{font-size:16px}
.p05-copy{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.p05-copy[hidden]{display:none}
.p05-copy button{cursor:pointer}
#p05-copy-status{font-size:14px;color:var(--muted)}
.p05-mail{margin:0;border-radius:var(--radius);border:1px solid #cfdcf8;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.p05-mail figcaption{padding:12px 22px;font-size:13px;font-weight:500;color:#294ca7;background:linear-gradient(90deg,#eef3ff,#f8faff);border-bottom:1px solid #e1eafa}
.p05-mail-body{padding:22px 26px 10px}
.p05-mail-body p{margin:0 0 12px;font-size:15px;line-height:1.55}

/* Démonstration */
.p05-demo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.p05-demo-art{margin:0;position:sticky;top:110px}
.p05-demo-art img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid #e3ebf8;background:var(--blue-mist)}
.p05-demo-art figcaption{font-size:12.5px;color:var(--muted);margin-top:10px}
.p05-script{list-style:none;margin:0;padding:0;counter-reset:p05d}
.p05-script li{counter-increment:p05d;position:relative;padding:0 0 22px 56px;font-size:16px}
.p05-script li::before{content:counter(p05d);position:absolute;left:0;top:-2px;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);font-weight:600;font-size:15px}
.p05-script li::after{content:"";position:absolute;left:17px;top:40px;bottom:6px;width:2px;background:#dbe6fb}
.p05-script li:last-child::after{display:none}
.p05-script b{display:block;margin-bottom:2px}
.p05-avoid{margin-top:28px;padding:22px 26px;border-radius:var(--radius);border:1px dashed #b5ccfc;background:#fbfcff}
.p05-avoid h3{font-size:18px;margin-bottom:8px}
.p05-avoid ul{margin:0;padding-left:20px}
.p05-avoid li{margin:6px 0;font-size:15px}

/* Kit */
.p05-kit-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:start}
.p05-kit-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p05-kit-items li{padding:18px 18px 18px 20px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;border-top:3px solid var(--blue)}
.p05-kit-items b{display:block;font-size:16px;margin-bottom:4px}
.p05-kit-items span{font-size:14.5px;line-height:1.5;color:#2e3b5a}
.p05-sheet{margin:0;padding:28px;border-radius:var(--radius);background:radial-gradient(120% 120% at 0 0,#e4ecff,#f5f8ff 60%)}
.p05-sheet-flag{display:inline-block;margin:0 0 14px;font-size:12.5px;font-weight:600;color:#294ca7;padding:3px 10px;border-radius:999px;border:1px solid #b5ccfc;background:#fff}
.p05-sheet-page{background:#fff;border-radius:14px;padding:22px 22px 8px;box-shadow:0 12px 30px #1f3c9a1a;transform:rotate(-.6deg)}
.p05-sheet-title{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--ink);padding-bottom:12px;border-bottom:2px solid var(--blue)}
.p05-sheet dl{margin:0}
.p05-sheet dl div{padding:9px 0;border-bottom:1px solid #edf2fb}
.p05-sheet dl div:last-child{border-bottom:0}
.p05-sheet dt{font-size:12px;font-weight:600;color:var(--blue);margin-bottom:2px}
.p05-sheet dd{margin:0;font-size:14px;line-height:1.5}
.p05-sheet figcaption{font-size:12.5px;color:var(--muted);margin-top:16px}

/* Questions de vérification */
.p05-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.p05-check{padding:24px;border-radius:var(--radius);border:1px solid var(--line);background:#fff}
.p05-check h3{font-size:19px;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.p05-check h3 span{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:14px;font-weight:600;letter-spacing:0}
.p05-check dl{margin:0}
.p05-check dl div{padding:12px 0;border-top:1px solid #edf2fb}
.p05-check dt{font-weight:600;color:var(--ink);font-size:15.5px;line-height:1.4;margin-bottom:4px}
.p05-check dd{margin:0;font-size:14.5px;line-height:1.5}

/* Signaux */
.p05-signals ul{list-style:none;margin:24px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.p05-signals li{padding:16px 18px;border-radius:var(--radius-sm);background:var(--pale);border-left:3px solid #9fbaff;font-size:15.5px}
.p05-signals>p{max-width:780px;font-size:16px}

/* Mexar */
.p05-mexar-panel{padding:44px;border-radius:var(--radius);background:radial-gradient(120% 140% at 0 100%,#dfe8ff 0,#f5f8ff 55%,#fff 100%);border:1px solid #d7e2fa}
.p05-mexar-panel h2{font-size:clamp(26px,3vw,36px);margin-bottom:16px}
.p05-mexar-panel p{max-width:780px;font-size:16.5px}
.p05-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}

/* Maillage */
.p05-related h2{font-size:24px;margin-bottom:16px}
.p05-related ul{margin:0;padding:0;list-style:none;display:grid;gap:4px;max-width:760px}
.p05-related a{display:flex;justify-content:space-between;gap:16px;padding:12px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:16px}
.p05-related a::after{content:"→";color:var(--blue)}
.p05-related a:hover{color:var(--blue)}

@media(max-width:1100px){
  .p05-five{grid-template-columns:repeat(3,minmax(0,1fr))}
  .p05-checks{grid-template-columns:1fr}
  .p05-check dl{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
}
@media(max-width:900px){
  .p05-moments{grid-template-columns:1fr}
  .p05-moments li+li{border-left:0;border-top:1px solid #d9e4fa}
  .p05-access,.p05-message,.p05-demo-grid,.p05-kit-layout,.p05-role-grid{grid-template-columns:1fr}
  .p05-demo-art{position:static}
  .p05-five{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .p05-section{margin-top:72px}
  .p05-five,.p05-kit-items,.p05-signals ul{grid-template-columns:1fr}
  .p05-check dl{display:block}
  .p05-mexar-panel{padding:28px 22px}
  .p05-mail-body{padding:18px 18px 6px}
  .p05-sheet{padding:18px}
  .p05-sheet-page{transform:none}
  .p05-moments li{padding:20px}
}
@media print{
  .p05-demo-art,.p05-copy,.p05-related{display:none}
}