/* Page « ESN en régie » (positionnement du 23/10/2026) : styles propres à la page, préfixe e2- */
.e2 main{display:block}
.e2-sec{padding:96px 0}
.e2-soft{background:var(--bg-soft)}
.e2-head{max-width:760px;margin:0 0 44px}
.e2-head h2{font-size:clamp(30px,3.8vw,44px);line-height:1.08;letter-spacing:-.025em;margin:0 0 16px}
.e2-head p{font-size:17.5px;line-height:1.65;color:var(--text-soft);margin:0}
.e2-pour{font-weight:700;font-size:15px;color:var(--flux-600);margin:0 0 14px}

/* 1. Haut de page */
.e2-hero{padding:136px 0 56px;background:linear-gradient(180deg,#F1F6FD 0%,#FFFFFF 78%)}
.e2-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.e2-hero h1{font-size:clamp(34px,3.7vw,52px);line-height:1.06;letter-spacing:-.03em;margin:0 0 22px;max-width:none}
.e2-hl{color:var(--flux)}
.e2-lede{font-size:18.5px;line-height:1.62;color:var(--text-soft);margin:0 0 30px;max-width:56ch}
.e2-cta{display:flex;flex-wrap:wrap;gap:12px}
.e2-cta.center{justify-content:center}
.e2-rassure{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0;margin:28px 0 0}
.e2-rassure li{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:600;color:var(--text-soft)}
.e2-rassure svg,.e2-pt svg{width:18px;height:18px;color:var(--pulse-700)}
.e2-hero-vis{position:relative;padding:28px 40px 28px 46px}
.e2-photo{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 2px 6px rgba(11,16,32,.06),0 30px 70px rgba(11,16,32,.16);aspect-ratio:4/5}
.e2-photo img{display:block;width:100%;height:100%;object-fit:cover}
.e2-flot{position:absolute;background:#fff;border:1px solid rgba(11,16,32,.07);border-radius:16px;box-shadow:0 1px 2px rgba(11,16,32,.05),0 14px 34px rgba(11,16,32,.13);padding:13px 15px;font-size:13px;line-height:1.4;color:var(--text)}
.e2-flot b{display:block;font-size:13.5px}
.e2-flot span{color:var(--muted)}
.e2-f1{top:4px;left:0;display:flex;gap:10px;align-items:flex-start;max-width:265px}
.e2-pt{flex:none;width:28px;height:28px;border-radius:50%;background:var(--pulse-soft);display:grid;place-items:center}
.e2-f2{top:38%;right:0;width:250px}
.e2-f2-h{display:flex;gap:10px;align-items:center;margin-bottom:8px}
.e2-av{width:30px;height:30px;border-radius:50%;background:var(--flux);color:#fff !important;font-weight:700;display:grid;place-items:center;font-size:13px}
.e2-f2 p{margin:0 0 10px;color:var(--text-soft)}
.e2-mini-btn{display:inline-block;background:var(--ink);color:#fff !important;font-weight:600;font-size:12.5px;border-radius:999px;padding:6px 12px}
.e2-f3{bottom:0;left:6px;width:248px}
.e2-f3-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.e2-f3-h span{font-size:12px}
.e2-jalons{list-style:none;display:flex;justify-content:space-between;padding:0;margin:0 0 9px;position:relative}
.e2-jalons::before{content:"";position:absolute;left:12px;right:12px;top:6px;height:2px;background:var(--line-2)}
.e2-jalons li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.e2-jalons i{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--line-2)}
.e2-jalons li.fait{color:var(--pulse-700)}
.e2-jalons li.fait i{background:var(--pulse);border-color:var(--pulse)}
.e2-f3-n{font-size:12px}
.e2-credit{position:absolute;right:40px;bottom:2px;margin:0;font-size:12px;color:var(--muted)}
.e2-ats{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}
.e2-ats span{font-size:14.5px;font-weight:600;color:var(--text-soft)}
.e2-ats img{height:24px;width:auto;opacity:.85}
.e2-ats .e2-ats-n{font-weight:500;color:var(--muted)}

/* 2. Constat */
.e2-chiffres{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.e2-ch{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 22px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column}
.e2-ch b{font-family:'Space Grotesk',sans-serif;font-size:38px;letter-spacing:-.03em;color:var(--ink);line-height:1}
.e2-ch p{font-size:15px;line-height:1.55;color:var(--text-soft);margin:12px 0 16px;flex:1}
.e2-ch small{font-size:12.5px;color:var(--muted)}

/* 3. Les sept mois */
.e2-frise{display:grid;grid-template-columns:3fr 4fr;gap:8px;margin-bottom:30px}
.e2-tr span{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}
.e2-tr i{display:block;height:3px;border-radius:3px}
.e2-tr.pre i{background:repeating-linear-gradient(90deg,#9FB3CF 0 8px,transparent 8px 14px)}
.e2-tr.ess i{background:var(--ink)}
.e2-etapes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.e2-etapes li{position:relative;display:flex;flex-direction:column}
.e2-etapes li::after{content:"";position:absolute;top:9px;left:0;right:-16px;border-top:2px dotted var(--line-2);z-index:0}
.e2-etapes li:last-child::after{right:0}
.e2-soft .e2-dtete i{box-shadow:0 0 0 5px var(--bg-soft)}
.e2-soft .e2-dtete span{background:var(--bg-soft)}
.e2-etapes .e2-dcarte{padding:20px}
.e2-etapes h3{font-size:16.5px;margin:0 0 8px;letter-spacing:-.01em}
.e2-etapes p{font-size:14.5px;line-height:1.55;color:var(--text-soft);margin:0 !important}
.e2-source{font-size:13px;color:var(--muted);margin:22px 0 0}

/* 4. Rôles */
.e2-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.e2-role{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column}
.e2-tag{align-self:flex-start;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--muted);margin-bottom:14px}
.e2-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}
.e2-role h3{font-size:22px;margin:0 0 10px;letter-spacing:-.02em}
.e2-role > p{font-size:15.5px;line-height:1.6;color:var(--text-soft);margin:0 0 22px}
.e2-ui{margin-top:auto;border:1px solid var(--line);border-radius:14px;background:var(--bg-tint);padding:14px 16px;font-size:13.5px}
.e2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.e2-stats div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.e2-stats b{display:block;font-family:'Space Grotesk',sans-serif;font-size:24px;color:var(--ink)}
.e2-stats span{font-size:12.5px;color:var(--muted)}
.e2-stats .rt b{color:#C2410C}
.e2-notif{display:flex;gap:12px;align-items:flex-start}
.e2-cloche{flex:none;width:34px;height:34px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink)}
.e2-cloche svg{width:17px;height:17px}
.e2-notif div{flex:1;min-width:0}
.e2-notif b{display:block;margin-bottom:3px}
.e2-notif div span{color:var(--muted)}
.e2-notif small{flex:none;font-size:12px;color:var(--muted)}
.e2-mail span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}
.e2-mail b{display:block;margin-bottom:5px}
.e2-mail p{margin:0;color:var(--text-soft);line-height:1.5}

/* 5. Données */
.e2-donnees{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.e2-col{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px}
.e2-col h3{font-size:18px;margin:0 0 14px}
.e2-col ul{list-style:none;padding:0;margin:0}
.e2-col li{position:relative;padding:7px 0 7px 26px;font-size:15px;line-height:1.5;color:var(--text-soft)}
.e2-col li::before{position:absolute;left:0;top:7px;font-weight:800}
.e2-col.non li::before{content:"✕";color:var(--rose)}
.e2-col.oui li::before{content:"✓";color:var(--pulse-700)}
/* « Vos données » reprend les cartes communes (.repulsif) : pleine largeur de la section */
.e2-donnees.repulsif{max-width:none;margin:0;gap:24px}
.e2-donnees.repulsif .for h3{color:#fff}
.e2-donnees.repulsif .notfor h3{color:var(--text-soft)}
.e2-lien{margin:22px 0 0}
.e2-lien a,.e2-note a{color:var(--flux-600);font-weight:600}

/* 6. Démarrage */
/* la ligne à points (comme la couverture du livre blanc) relie trois vraies cartes, chacune avec son petit écran */
.e2-demarrage{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.e2-demarrage li{position:relative;display:flex;flex-direction:column}
.e2-demarrage li::after{content:"";position:absolute;top:9px;left:0;right:-22px;border-top:2px dotted var(--line-2);z-index:0}
.e2-demarrage li:last-child::after{right:0}
.e2-dtete{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.e2-dtete i{width:14px;height:14px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 5px #fff}
.e2-dtete span{background:#fff;padding-right:12px;font-size:13.5px;font-weight:600;color:var(--muted)}
.e2-dcarte{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 1px 2px rgba(11,16,32,.04),0 12px 30px rgba(11,16,32,.06)}
.e2-dcarte p{margin:0 0 20px !important}
.e2-dui{display:flex;flex-direction:column;gap:8px;padding:10px}
.e2-dl{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.e2-dl div{flex:1;min-width:0}
.e2-dl b{display:block;font-size:13px}
.e2-dl div span{font-size:12px;color:var(--muted)}
.e2-dl em{font-style:normal;font-size:12px;font-weight:600;color:var(--muted);background:var(--bg-soft);border-radius:999px;padding:3px 9px}
.e2-dl em.ok{color:#04745A;background:var(--pulse-soft)}
.e2-logo-ats,.e2-dav{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:700}
.e2-logo-ats{background:#E7F6F1;color:#1F8A6B}
.e2-dav{border-radius:50%;background:var(--flux-soft);color:var(--flux-600)}
.e2-dpt{flex:none;width:28px;height:28px;border-radius:50%;background:var(--pulse-soft);display:grid;place-items:center;color:var(--pulse-700)}
.e2-dpt svg{width:16px;height:16px}
.e2-demarrage h3{font-size:19px;margin:6px 0 8px}
.e2-demarrage p{font-size:15px;line-height:1.55;color:var(--text-soft);margin:0}
.e2-note{font-size:15px;color:var(--text-soft);margin:22px 0 0}

/* 7. Livre blanc */
.e2-livre-s{background:var(--ink);color:#fff}
.e2-livre{display:grid;grid-template-columns:240px 1fr;gap:52px;align-items:center;max-width:980px}
.e2-livre img{width:100%;height:auto;border-radius:6px;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(-2deg)}
.e2-livre .e2-pour{color:#9CC3F0}
.e2-livre h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;letter-spacing:-.025em;margin:0 0 16px;color:#fff}
.e2-livre p{font-size:17px;line-height:1.65;color:#C9CDDA;margin:0 0 26px}

/* 8. Tarif */
.e2-prix{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:20px}
.e2-offre{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}
.e2-offre.reco{border:2px solid var(--flux)}
.e2-reco{position:absolute;top:-13px;left:24px;background:var(--flux);color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:4px 12px}
.e2-offre h3{font-size:20px;margin:0 0 6px}
.e2-montant{margin:0 0 10px;color:var(--muted)}
.e2-montant b{font-family:'Space Grotesk',sans-serif;font-size:38px;color:var(--ink);letter-spacing:-.03em;margin-right:4px}
.e2-offre > p:not(.e2-montant){font-size:15px;line-height:1.55;color:var(--text-soft);margin:0 0 20px}

/* 10. Fin */
.e2-fin{text-align:center;max-width:720px;margin:0 auto}
.e2-fin img{width:84px;height:84px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-sm);margin-bottom:18px}
.e2-fin h2{font-size:clamp(30px,3.8vw,44px);letter-spacing:-.025em;line-height:1.08;margin:0 0 14px}
.e2-fin p{font-size:17.5px;line-height:1.6;color:var(--text-soft);margin:0 0 28px}

@media (max-width:1080px){
  .e2-hero-grid{grid-template-columns:1fr;gap:40px}
  .e2-hero-vis{max-width:520px;margin:0 auto;width:100%}
  .e2-chiffres{grid-template-columns:repeat(2,1fr)}
  .e2-etapes{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .e2-sec{padding:68px 0}
  .e2-hero{padding:112px 0 40px}
  .e2-hero-vis{padding:18px 8px 30px}
  .e2-f1{left:-4px;max-width:230px}
  .e2-f2{right:-4px;width:210px}
  .e2-f3{left:-2px;width:220px}
  .e2-credit{right:8px}
  .e2-chiffres,.e2-etapes,.e2-roles,.e2-donnees,.e2-demarrage,.e2-prix{grid-template-columns:1fr}
  .e2-frise{grid-template-columns:1fr}
  .e2-livre{grid-template-columns:1fr;gap:30px}
  .e2-livre img{max-width:200px}
}
.e2-cta .btn-lg{padding:16px 24px;font-size:16px}
.e2-fin img{display:block;margin:0 auto 18px}
.e2-centre{margin-left:auto;margin-right:auto;text-align:center}
@media (max-width:720px){.e2-credit{position:static;text-align:right;margin-top:10px}.e2-hero-vis{padding-bottom:8px}}

/* Police du livre blanc : Inter partout sur la page (menu, titres, texte, pied de page) */
.e2,.e2 *:not(svg):not(path){font-family:Inter,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important}
.e2{font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased}
.e2 h1{font-weight:800;letter-spacing:-.03em}
.e2 h2{font-weight:700;letter-spacing:-.028em}
.e2 h3{font-weight:700;letter-spacing:-.02em}
.e2 .btn{font-weight:600;letter-spacing:-.01em}
.e2-ch b,.e2-stats b,.e2-montant b{font-weight:700;letter-spacing:-.04em}
.e2 footer h4,.e2 footer .f-h,.e2 .mega-cat-h,.e2 .mf-tag{letter-spacing:.06em}

/* 10. Fin : un panneau bleu nuit avec la ligne des sept mois (la ligne à points de Sowell) */
.e2-fin-s{padding:24px 0 96px}
.e2-bande{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;background:var(--ink);color:#fff;border-radius:28px;padding:60px 64px;position:relative;overflow:hidden}
.e2-bande h2{color:#fff;font-size:clamp(28px,3.2vw,40px);line-height:1.12;margin:0 0 16px}
.e2-bande p{color:#C9CDDA;font-size:17px;line-height:1.6;margin:0 0 30px;max-width:52ch}
.e2-btn-contour{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.e2-btn-contour:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.7)}
.e2-bfrise{list-style:none;margin:0;padding:0;position:relative}
.e2-bfrise::before{content:"";position:absolute;left:6px;top:12px;bottom:12px;border-left:2px dotted rgba(255,255,255,.28)}
.e2-bfrise li{position:relative;padding:0 0 18px 32px}
.e2-bfrise li:last-child{padding-bottom:0}
.e2-bfrise i{position:absolute;left:0;top:4px;width:14px;height:14px;border-radius:50%;background:var(--ink);border:2px solid rgba(255,255,255,.4)}
.e2-bfrise li.fait i{background:var(--pulse);border-color:var(--pulse)}
.e2-bfrise li.ici i{background:#fff;border-color:#fff;box-shadow:0 0 0 5px rgba(47,111,196,.5)}
.e2-bfrise b{display:block;font-size:15px;color:#fff}
.e2-bfrise span{font-size:13.5px;color:#A9AFC2}
@media (max-width:900px){.e2-bande{grid-template-columns:1fr;padding:40px 26px;gap:36px}}
@media (max-width:720px){.e2-demarrage li::after{display:none}}
.e2-bande .btn-lg{padding:14px 20px;font-size:15px}
.e2-bfrise::before{bottom:26px}

/* Couleurs de Sowell : #25ACC0 pour les aplats, les points et le grand titre ; #17808F pour le petit texte sur blanc */
body.e2{--accent:#25ACC0;--flux:#17808F;--flux-600:#17808F;--flux-soft:#E5F6F9;--pulse:#25ACC0;--pulse-700:#17808F;--pulse-soft:#E5F6F9;--shadow-flux:0 14px 32px rgba(37,172,192,.30)}
.e2 ::selection{background:rgba(37,172,192,.22)}
.e2 .btn-primary{background:#25ACC0;background-image:none;color:#fff;font-weight:700;box-shadow:0 10px 26px rgba(37,172,192,.32)}
.e2 .btn-primary:hover{background:#1F98AA;box-shadow:0 16px 34px rgba(37,172,192,.38)}
.e2 .mega-feat,.e2 .mp-card{background-image:none}
.e2-hl{color:#25ACC0}
.e2-dl em.ok{color:#127482}
.e2-av{background:#25ACC0}
.e2 #contact-launcher,.e2 .ck-accept,.e2 .mp-btn,.e2 .mf-btn{background:#25ACC0 !important;background-image:none !important;box-shadow:0 10px 26px rgba(37,172,192,.32) !important}
.e2-hero{background:linear-gradient(180deg,#EEF8FA 0%,#FFFFFF 78%)}
.e2-livre .e2-pour{color:#7FD3DF}
.e2-bfrise li.ici i{box-shadow:0 0 0 5px rgba(37,172,192,.5)}

/* Chiffres : un petit visuel qui montre le chiffre lui-même */
.e2-ch{gap:0}
.e2-ch b{margin-bottom:18px}
.e2-barres{display:flex;flex-direction:column;gap:7px;margin-bottom:4px}
.e2-barres div{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:8px}
.e2-barres span{font-size:12px;color:var(--muted)}
.e2-barres i{display:block;height:8px;border-radius:2px;background:#D5DBE6;min-width:4px}
.e2-barres i.p{background:#25ACC0}
.e2-barres em{font-style:normal;font-size:12px;font-weight:700;color:var(--ink);min-width:44px;text-align:right}
.e2-pts{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.e2-pts i{width:14px;height:14px;border-radius:50%;background:var(--ink)}
.e2-pts i.p{background:#25ACC0}
.e2-pts i.x{background:transparent;border:2px dashed #25ACC0}
.e2-ch p{margin-top:14px}
/* les cinq étapes : un petit écran de l'appli en bas de chaque carte */
.e2-etapes .e2-dcarte p{margin:0 0 16px !important}
.e2-eui{margin-top:auto;padding:8px;gap:6px}
.e2-eui .e2-dl{padding:7px 8px;gap:8px}
.e2-eui .e2-dl b{font-size:12.5px}
.e2-eui .e2-dl div span{font-size:11.5px}
.e2-eui .e2-dl em{font-size:11px;padding:2px 7px}
.e2-eui .e2-dav,.e2-eui .e2-dpt{width:24px;height:24px;font-size:10.5px}
.e2-eui .e2-dpt svg{width:14px;height:14px}
.e2-dl em.retard{color:#B4400C;background:#FDEEE6}
/* les cinq étapes : la carte elle-même porte le design (icône au trait, survol), et le premier jour est mis en avant */
.e2-etapes .e2-dcarte{padding:22px 20px 24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.e2-etapes .e2-dcarte:hover{transform:translateY(-3px);border-color:#D6DEE9;box-shadow:0 2px 4px rgba(11,16,32,.04),0 18px 40px rgba(11,16,32,.10)}
.e2-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#F2F5F9;border:1px solid #E4E9F0;color:var(--ink);margin-bottom:18px;position:relative}
.e2-ico svg{width:22px;height:22px}
.e2-ico::after{content:"";position:absolute;right:-3px;top:-3px;width:9px;height:9px;border-radius:50%;background:#25ACC0;box-shadow:0 0 0 3px #fff}
.e2-etapes .e2-dcarte p{margin:0 !important}
.e2-dcarte.e2-cle{background:var(--ink);border-color:var(--ink);box-shadow:0 2px 4px rgba(11,16,32,.08),0 22px 44px rgba(11,16,32,.22)}
.e2-dcarte.e2-cle h3{color:#fff}
.e2-dcarte.e2-cle p{color:#C9CDDA !important}
.e2-dcarte.e2-cle .e2-ico{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.e2-dcarte.e2-cle .e2-ico::after{box-shadow:0 0 0 3px var(--ink)}
@media (prefers-reduced-motion:reduce){.e2-etapes .e2-dcarte{transition:none}.e2-etapes .e2-dcarte:hover{transform:none}}
/* icônes 3D du site, recolorées au bleu Sowell #25ACC0 */
.e2-ico3d{display:block;width:40px;height:40px;margin:0 0 14px -2px;filter:drop-shadow(0 8px 14px rgba(37,172,192,.22))}
.e2-dcarte.e2-cle .e2-ico3d{filter:drop-shadow(0 8px 16px rgba(37,172,192,.35))}

/* Bulles de section : au-dessus de chaque titre, couleurs de Sowell, en minuscules */
.e2-bulle{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#127482;background:#E5F6F9;border:1px solid #CBEBF0;border-radius:999px;padding:6px 14px;margin:0 0 18px}
.e2-bulle::before{content:"";width:7px;height:7px;border-radius:50%;background:#25ACC0}
.e2-bulle.sombre{color:#BFEAF0;background:rgba(37,172,192,.14);border-color:rgba(37,172,192,.35)}
.e2-hero .e2-bulle{margin-bottom:20px}

/* Qui reçoit quoi, et quand : une ligne par personne, une colonne par moment */
.e2-qui{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 1px 2px rgba(11,16,32,.04),0 16px 40px rgba(11,16,32,.06);overflow:hidden}
.e2-qui-h,.e2-qui-r{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr}
.e2-qui-h{background:#F7F9FC;border-bottom:1px solid var(--line)}
.e2-qui-h span{padding:16px 22px;font-size:13.5px;font-weight:700;color:var(--ink)}
.e2-qui-h span + span{border-left:1px solid var(--line)}
.e2-qui-r + .e2-qui-r{border-top:1px solid var(--line)}
.e2-qui-qui{display:flex;align-items:center;gap:14px;padding:22px}
.e2-qui-qui img{width:40px;height:40px;flex:none}
.e2-qui-qui b{display:block;font-size:16px;color:var(--ink)}
.e2-qui-qui span{font-size:13.5px;color:var(--muted)}
.e2-c{position:relative;border-left:1px solid var(--line);padding:22px 22px 22px 44px;font-size:14.5px;line-height:1.5;color:var(--text)}
.e2-c::before{content:"";position:absolute;left:22px;top:28px;width:9px;height:9px;border-radius:50%;background:#25ACC0}
.e2-c.vide::before{width:14px;height:2px;border-radius:2px;top:32px;left:22px;background:#E1E6EE}
.e2-qui-m{display:none}
.e2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:900px){
  .e2-qui-h{display:none}
  .e2-qui-r{grid-template-columns:1fr;padding:6px 0 14px}
  .e2-qui-m{display:block;padding:10px 22px 0;font-size:12.5px;font-weight:700;color:var(--muted)}
  .e2-c{border-left:0;padding:4px 22px 6px 44px}
  .e2-c::before{top:11px}
  .e2-c.vide,.e2-qui-m:has(+ .e2-c.vide){display:none}
}