/* Contenu des pages Cavaliers / Moniteurs / Quiz d'exemple.
 * Regles CANTONNEES sous .eqz-page : elles ne peuvent pas ecraser la coque.
 * Cette feuille etait dupliquee a l'identique dans les 3 pages. */
/* AUCUNE PALETTE ICI (08/09/2026). Cette feuille en portait une seconde --
   --eq, --forest-d, --cream -- qui doublait celle de la coque avec d'autres
   noms et d'autres valeurs. Les couleurs vivent maintenant a UN seul endroit,
   le :root d'equiquiz.css, aux noms d'oPaddock. Ne pas en redeclarer ici :
   cette feuille est chargee APRES la coque, elle gagnerait en silence. */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{line-height:1.6;}
/* Titres : plus de second caractere, la graisse suffit (cf. equiquiz.css). */
.eqz-page .disp{font-weight:800;letter-spacing:-.02em;}
.eqz-page .ital{font-style:italic;}
.eqz-page .quote{font-style:italic;}
.eqz-page a{color:inherit;}
.eqz-page .wrap{max-width:1080px;margin:0 auto;padding:0 1.25rem;}
.eqz-page .glass{background:rgba(255,255,255,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);}
.eqz-page .card{background:#fff;border:1px solid rgba(16,185,129,.09);border-radius:1.5rem;box-shadow:0 16px 44px -22px rgba(31,41,55,.16);}
.eqz-page .blob{position:absolute;border-radius:50%;filter:blur(62px);opacity:.5;z-index:0;}

  @keyframes float{0%,100%{transform:translateY(0) rotate(0);}50%{transform:translateY(-16px) rotate(3deg);}}

  @keyframes floatS{0%,100%{transform:translateY(0);}50%{transform:translateY(-22px);}}

  @keyframes ring{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5);}70%{box-shadow:0 0 0 16px rgba(16,185,129,0);}100%{box-shadow:0 0 0 0 rgba(16,185,129,0);}}

  @keyframes shim{0%{background-position:-200% 0;}100%{background-position:200% 0;}}

  @keyframes slide{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.eqz-page .float{animation:float 6s ease-in-out infinite;}
.eqz-page .floatS{animation:floatS 9s ease-in-out infinite;}
.eqz-page .shine{background:linear-gradient(110deg,#059669 25%,#10b981 50%,#34d399 60%,#059669 75%);background-size:200% 100%;animation:shim 4s linear infinite;-webkit-background-clip:text;background-clip:text;color:transparent;}
/* LE CONTENU NE SE CACHE PLUS (08/09/2026). Cette regle posait opacity:0 sur
   TOUT le contenu des pages, et ne le rendait qu'a l'ajout de la classe `.in`.
   Or RIEN, dans aucun fichier servi, n'ajoutait jamais `.in` : l'observateur
   qui devait le faire n'existe que dans les maquettes de design/. Les pages
   cavaliers, moniteurs et partenaires etaient donc VIDES sous l'en-tete pour
   tout le monde -- sauf pour les visiteurs ayant active la reduction
   d'animations, seuls sauves par le @media prefers-reduced-motion plus bas.
   Le filet de securite de chat-vitrine.js ne rattrapait rien non plus : il
   ajoute `.visible`, une classe que ce fichier ignore.
   Regle de fond : le contenu d'une page ne doit JAMAIS dependre du JavaScript
   pour etre visible. Si l'animation revient un jour, elle revient AVEC son
   observateur, et en cachant depuis le JS -- pas depuis le CSS. */
.eqz-page .reveal{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);}
.eqz-page .reveal.in{opacity:1;transform:none;}
.eqz-page #bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--or));box-shadow:0 0 10px rgba(16,185,129,.6);}
.eqz-page nav.top{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s;}
.eqz-page .nav-in{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0;gap:1rem;}
.eqz-page .logo{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:1.3rem;color:var(--ink);text-decoration:none;}
.eqz-page .logo i{width:2.4rem;height:2.4rem;border-radius:.8rem;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -6px rgba(16,185,129,.6);}
.eqz-page .nav-links{display:flex;align-items:center;gap:.35rem;}
.eqz-page .nav-links a{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:#475569;text-decoration:none;padding:.55rem .9rem;border-radius:.85rem;transition:all .2s;}
.eqz-page .nav-links a i{font-size:.92rem;opacity:.85;transition:transform .2s;}
.eqz-page .nav-links a:hover{color:var(--primary-dark);background:rgba(16,185,129,.08);}
.eqz-page .nav-links a:hover i{transform:translateY(-1px) scale(1.08);}
.eqz-page .nav-links a.act{color:var(--primary-dark);background:rgba(16,185,129,.13);}
.eqz-page .nav-links a.act i{opacity:1;}
.eqz-page .nav-right{display:flex;align-items:center;gap:.5rem;}
.eqz-page .burger{display:none;width:2.4rem;height:2.4rem;border:none;background:rgba(255,255,255,.6);border-radius:.7rem;cursor:pointer;font-size:1.1rem;color:var(--ink);}
.eqz-page .mobile-menu{display:none;}
.eqz-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-weight:500;border:none;cursor:pointer;font-family:inherit;text-decoration:none;transition:transform .25s,box-shadow .25s;}
.eqz-page .btn-eq{background:var(--primary);color:#fff;padding:.65rem 1.2rem;border-radius:.9rem;box-shadow:0 14px 30px -10px rgba(16,185,129,.65);}
.eqz-page .btn-eq:hover{transform:translateY(-2px);box-shadow:0 22px 42px -12px rgba(16,185,129,.8);}
.eqz-page .stores{display:flex;flex-wrap:wrap;gap:.75rem;}
.eqz-page .store{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 1.1rem;border-radius:1rem;background:#111827;color:#fff;text-decoration:none;transition:transform .25s;}
.eqz-page .store:hover{transform:translateY(-3px);}
.eqz-page .store .b{font-weight:700;letter-spacing:-.01em;font-size:1.02rem;line-height:1;}
.eqz-page .store .s{font-size:.62rem;opacity:.85;line-height:1.1;}
.eqz-page .store.web{background:#fff;color:var(--slate-800);border:1px solid rgba(16,185,129,.2);}
.eqz-page .h1{font-weight:800;letter-spacing:-.03em;font-size:2.4rem;line-height:1.07;}

  @media(min-width:900px){.eqz-page .h1{font-size:3.3rem;}}
.eqz-page .h2{font-weight:800;letter-spacing:-.02em;font-size:1.9rem;line-height:1.12;}

  @media(min-width:900px){.eqz-page .h2{font-size:2.5rem;}}
.eqz-page .pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:999px;font-weight:500;font-size:.85rem;}
.eqz-page .grid{display:grid;gap:1.4rem;}

  @media(min-width:640px){.eqz-page .g-sm-2{grid-template-columns:1fr 1fr;}}

  @media(min-width:900px){.eqz-page .g-lg-2{grid-template-columns:1fr 1fr;}
.eqz-page .g-lg-3{grid-template-columns:repeat(3,1fr);}}
.eqz-page .center{text-align:center;}
.eqz-page .choose{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.eqz-page .choose-card{display:flex;align-items:center;gap:.9rem;background:#fff;border:1px solid rgba(16,185,129,.12);border-radius:1.4rem;padding:1.35rem 1.4rem;text-decoration:none;color:inherit;box-shadow:0 12px 30px -20px rgba(31,41,55,.25);transition:transform .25s,box-shadow .25s,border-color .25s;}
.eqz-page .choose-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(16,185,129,.5);border-color:var(--primary-light);}
.eqz-page .choose-ic{flex-shrink:0;width:3rem;height:3rem;border-radius:.95rem;background:rgba(16,185,129,.1);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .25s;}
.eqz-page .choose-card:hover .choose-ic{background:var(--primary);color:#fff;transform:rotate(-6deg) scale(1.06);}
.eqz-page .choose-tx{display:flex;flex-direction:column;min-width:0;}
.eqz-page .choose-tx strong{font-weight:700;letter-spacing:-.01em;font-size:1.18rem;color:#0f172a;line-height:1.15;}
.eqz-page .choose-tx .sub{font-size:.85rem;color:var(--primary-dark);font-weight:600;display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem;}

  @media(max-width:560px){.eqz-page .choose{gap:.7rem;}
.eqz-page .choose-card{padding:1rem;gap:.7rem;border-radius:1.2rem;}
.eqz-page .choose-ic{width:2.6rem;height:2.6rem;font-size:1.05rem;}
.eqz-page .choose-tx strong{font-size:1rem;}
.eqz-page .choose-tx .sub{font-size:.76rem;}}
.eqz-page .mock{position:relative;width:min(288px,82vw);margin:0 auto;}
.eqz-page .mock-phone{position:relative;border-radius:2.4rem;background:#0f172a;padding:.7rem;box-shadow:0 40px 80px -30px rgba(6,78,59,.55),0 0 0 1px rgba(255,255,255,.06);animation:mockFloat 9s ease-in-out infinite;}

  @keyframes mockFloat{0%,100%{transform:rotate(-2deg) translateY(0);}50%{transform:rotate(-2deg) translateY(-14px);}}
.eqz-page .mock-screen{border-radius:1.9rem;background:linear-gradient(180deg,#ffffff,#f4faf7);overflow:hidden;}
.eqz-page .mock-top{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem .4rem;}
.eqz-page .mock-top .lg{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;color:#0f172a;}
.eqz-page .mock-top .lg i{width:1.5rem;height:1.5rem;border-radius:.45rem;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.68rem;}
.eqz-page .mock-streak{font-size:.7rem;font-weight:700;color:var(--primary-dark);background:rgba(16,185,129,.12);padding:.22rem .55rem;border-radius:999px;}
.eqz-page .mock-body{padding:.5rem 1rem 1.3rem;}
.eqz-page .mock-prog{height:.35rem;border-radius:999px;background:#e8efeb;overflow:hidden;margin:.35rem 0 .9rem;}
.eqz-page .mock-prog>div{height:100%;width:62%;border-radius:999px;background:linear-gradient(90deg,var(--primary-light),var(--primary));}
.eqz-page .mock-q{font-weight:700;letter-spacing:-.01em;font-size:1.02rem;color:#0f172a;line-height:1.3;margin-bottom:.8rem;}
.eqz-page .mock-a{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:.7rem;border:1.5px solid #e8efeb;font-size:.82rem;font-weight:600;color:#334155;margin-bottom:.5rem;background:#fff;}
.eqz-page .mock-a .k{width:1.3rem;height:1.3rem;border-radius:.35rem;background:#f1f5f4;display:flex;align-items:center;justify-content:center;font-size:.62rem;flex-shrink:0;}
.eqz-page .mock-a.ok{border-color:var(--primary);background:rgba(16,185,129,.1);color:var(--primary-dark);}
.eqz-page .mock-a.ok .k{background:var(--primary);color:#fff;}
.eqz-page .mock-xp{position:absolute;bottom:1.6rem;right:-.7rem;background:#fff;border-radius:.9rem;padding:.5rem .8rem;box-shadow:0 16px 32px -14px rgba(31,41,55,.45);font-weight:800;color:var(--primary-dark);font-size:.85rem;}
.eqz-page .mock-xp i{color:var(--or);}
.eqz-page .mock-badge{position:absolute;top:1.4rem;left:-.9rem;z-index:2;background:#fff;border-radius:.9rem;padding:.5rem .75rem;box-shadow:0 16px 32px -14px rgba(31,41,55,.45);display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.78rem;color:#0f172a;}
.eqz-page .feat{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(16,185,129,.09);border-radius:1.5rem;padding:1.6rem;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 28px -18px rgba(31,41,55,.15);}
.eqz-page .feat:hover{transform:translateY(-6px);box-shadow:0 26px 50px -24px rgba(16,185,129,.4);}
.eqz-page .feat-ic{width:3rem;height:3rem;border-radius:.95rem;background:rgba(16,185,129,.1);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:1.15rem;transition:all .3s;}
.eqz-page .feat:hover .feat-ic{background:var(--primary);color:#fff;transform:rotate(-8deg) scale(1.08);}
.eqz-page .step{display:flex;gap:1.1rem;}
.eqz-page .step-n{width:2.7rem;height:2.7rem;border-radius:.9rem;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;box-shadow:0 10px 20px -8px rgba(16,185,129,.6);}
.eqz-page details.faq{background:#fff;border:1px solid rgba(16,185,129,.12);border-radius:1rem;padding:1rem 1.25rem;margin-bottom:.8rem;}
.eqz-page details.faq summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;}
.eqz-page details.faq summary::-webkit-details-marker{display:none;}
.eqz-page details.faq summary i{transition:transform .2s;color:var(--primary);}
.eqz-page details.faq[open] summary i{transform:rotate(45deg);}
.eqz-page details.faq p{color:#475569;margin-top:.7rem;}
.eqz-page .ans{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;padding:.8rem 1rem;border-radius:.9rem;border:1.5px solid rgba(31,41,55,.1);background:#fff;font-weight:500;font-size:.92rem;cursor:pointer;transition:all .2s;font-family:inherit;}
.eqz-page .ans:hover:not(:disabled){border-color:var(--primary);background:rgba(16,185,129,.04);transform:translateX(3px);}
.eqz-page .ans .k{width:1.7rem;height:1.7rem;border-radius:.5rem;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.76rem;flex-shrink:0;}
.eqz-page .ans.ok{border-color:var(--primary);background:rgba(16,185,129,.1);}
.eqz-page .ans.ok .k{background:var(--primary);color:#fff;}
.eqz-page .ans.ko{border-color:#ef4444;background:rgba(239,68,68,.07);}
.eqz-page .ans.ko .k{background:#ef4444;color:#fff;}
.eqz-page .ans:disabled{cursor:default;}
.eqz-page .mqw:hover .mq{animation-play-state:paused;}
.eqz-page .mq{display:flex;gap:.8rem;width:max-content;animation:slide 26s linear infinite;}
.eqz-page .mqmask{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);}
.eqz-page ::selection{background:rgba(16,185,129,.25);}
.eqz-page /* rubriques : 2 par ligne sur mobile, .eqz-page 3 sur desktop */
  .feat-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;}

  @media(min-width:900px){.eqz-page .feat-grid{grid-template-columns:repeat(3,1fr);gap:1.4rem;}}
.eqz-page /* super menu tiroir premium */
  .menu-backdrop{position:fixed;inset:0;z-index:70;background:rgba(255,255,255,.35);backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;}
.eqz-page .menu-backdrop.open{opacity:1;visibility:visible;}
.eqz-page .drawer{position:fixed;top:0;right:0;height:100%;width:min(88vw,362px);z-index:80;overflow:hidden;background:linear-gradient(170deg,#ffffff 0%,#f3faf6 58%,#e9faf1 100%);box-shadow:-44px 0 80px -28px rgba(6,78,59,.5);transform:translateX(106%);transition:transform .44s cubic-bezier(.5,0,.1,1);display:flex;flex-direction:column;padding:1.4rem 1.2rem calc(1.3rem + env(safe-area-inset-bottom));}
.eqz-page .drawer.open{transform:translateX(0);}
.eqz-page .drawer-deco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.eqz-page .drawer-deco b{position:absolute;border-radius:50%;filter:blur(50px);display:block;}
.eqz-page .drawer-head, .eqz-page .drawer-tag, .eqz-page .drawer-nav, .eqz-page .drawer-cta, .eqz-page .drawer-slog{position:relative;z-index:1;}
.eqz-page .drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem;}
.eqz-page .drawer-head .logo{font-size:1.34rem;}
.eqz-page .drawer-close{width:2.6rem;height:2.6rem;border:none;background:#fff;color:var(--primary-dark);border-radius:.85rem;font-size:1.05rem;cursor:pointer;box-shadow:0 8px 18px -8px rgba(31,41,55,.35);transition:transform .25s;}
.eqz-page .drawer-close:hover{transform:rotate(90deg);}
.eqz-page .drawer-tag{font-style:italic;color:#64748b;font-size:.92rem;margin:0 0 1.35rem;}
.eqz-page .drawer-nav{display:flex;flex-direction:column;gap:.6rem;}
.eqz-page .drawer-link{display:flex;align-items:center;gap:.85rem;padding:.8rem .9rem;border-radius:1.15rem;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.72);border:1px solid rgba(16,185,129,.12);box-shadow:0 10px 22px -18px rgba(31,41,55,.5);opacity:0;transform:translateX(26px);transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;}
.eqz-page .drawer.open .drawer-link{animation:drIn .55s cubic-bezier(.22,1,.36,1) forwards;}
.eqz-page .drawer.open .drawer-link:nth-child(1){animation-delay:.12s;}
.eqz-page .drawer.open .drawer-link:nth-child(2){animation-delay:.19s;}
.eqz-page .drawer.open .drawer-link:nth-child(3){animation-delay:.26s;}
.eqz-page .drawer.open .drawer-link:nth-child(4){animation-delay:.33s;}

  @keyframes drIn{to{opacity:1;transform:none;}}
.eqz-page .drawer-link:hover{transform:translateX(-3px);border-color:var(--primary-light);box-shadow:0 16px 30px -16px rgba(16,185,129,.6);}
.eqz-page .drawer-link:hover .menu-ic{transform:rotate(-6deg) scale(1.05);}
.eqz-page .drawer-link:hover .menu-arr{transform:translateX(3px);opacity:1;color:var(--primary-dark);}
.eqz-page .menu-ic{width:2.7rem;height:2.7rem;border-radius:.85rem;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(16,185,129,.08));color:var(--primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem;transition:transform .25s,background .25s,color .25s;}
.eqz-page .menu-tx{display:flex;flex-direction:column;min-width:0;flex:1;}
.eqz-page .menu-tx strong{font-weight:700;font-size:1.04rem;line-height:1.12;}
.eqz-page .menu-tx small{font-size:.78rem;color:#94a3b8;font-weight:500;}
.eqz-page .menu-arr{color:#cbd5e1;font-size:.78rem;opacity:.7;transition:transform .25s,opacity .25s,color .25s;}
.eqz-page .drawer-link.act{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:transparent;color:#fff;box-shadow:0 18px 32px -12px rgba(16,185,129,.75);}
.eqz-page .drawer-link.act .menu-ic{background:rgba(255,255,255,.22);color:#fff;}
.eqz-page .drawer-link.act .menu-tx small{color:rgba(255,255,255,.88);}
.eqz-page .drawer-link.act .menu-arr{color:#fff;opacity:1;}
.eqz-page .drawer-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:1rem;border-radius:1.15rem;background:linear-gradient(135deg,var(--primary-light),var(--primary),var(--primary-dark));color:#fff;font-weight:700;text-decoration:none;box-shadow:0 20px 36px -12px rgba(16,185,129,.85);transition:transform .2s,box-shadow .2s;}
.eqz-page .drawer-cta:hover{transform:translateY(-2px);box-shadow:0 26px 44px -12px rgba(16,185,129,1);}
.eqz-page .drawer-slog{text-align:center;font-style:italic;color:#94a3b8;font-size:.82rem;margin:.95rem 0 0;}
.eqz-page /* stores inscription : app+play sur une ligne, .eqz-page web en dessous pleine largeur */
  .stores-ins{display:flex;flex-direction:column;gap:.7rem;max-width:30rem;margin:0 auto;}
.eqz-page .stores-ins .row2{display:flex;gap:.7rem;}
.eqz-page .stores-ins .row2 .store{flex:1;justify-content:center;padding:.7rem .6rem;}
.eqz-page .stores-ins .store.web{width:100%;justify-content:center;}

  @media(max-width:780px){.eqz-page .nav-links{display:none;}
.eqz-page .burger{display:flex;align-items:center;justify-content:center;}
.eqz-page .nav-in{padding-right:1.55rem;}}

  @media(max-width:430px){.eqz-page .feat{padding:1.1rem;}
.eqz-page .feat-ic{width:2.6rem;height:2.6rem;font-size:1rem;}}

  @media(max-width:640px){.eqz-page .stores{flex-direction:column;gap:.7rem;}
.eqz-page .stores .store{width:100%;justify-content:center;}}

  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}
.eqz-page .reveal{opacity:1!important;transform:none!important;}
.eqz-page #bar{display:none;}}
/* ============================================================================
   PAGES LEGALES (08/09/2026) - mentions legales, confidentialite, CGU.
   Un texte de loi se LIT : mesure de ligne bornee a 46rem, interlignage genereux,
   sommaire ancre en tete. Les titres portent leur numero dans une pastille, ce
   qui donne un point de repere quand on cherche une section precise. */
.eqz-page .legal-tete{padding:3.2rem 0 1.4rem;}
.eqz-page .legal-date{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary-50);color:var(--primary-dark);border-radius:999px;padding:.4rem 1rem;font-size:.84rem;font-weight:600;margin-bottom:1rem;}
.eqz-page .legal-corps{max-width:46rem;margin:0 auto;padding-bottom:4rem;}
.eqz-page .legal-corps h2{
  display:flex;align-items:flex-start;gap:.7rem;
  font-weight:800;letter-spacing:-.01em;font-size:1.32rem;line-height:1.3;
  margin:2.6rem 0 .9rem;color:var(--slate-800);scroll-margin-top:6rem;
}
.eqz-page .legal-corps h2 .n{
  flex:none;width:1.9rem;height:1.9rem;border-radius:.65rem;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;
  font-size:.86rem;font-weight:700;margin-top:.1rem;
}
.eqz-page .legal-corps h3{font-weight:700;font-size:1.03rem;margin:1.5rem 0 .5rem;color:var(--slate-800);}
.eqz-page .legal-corps p{color:var(--slate-600);line-height:1.75;margin-bottom:.9rem;}
.eqz-page .legal-corps ul{margin:0 0 1rem 0;padding-left:0;list-style:none;}
.eqz-page .legal-corps li{color:var(--slate-600);line-height:1.7;margin-bottom:.5rem;padding-left:1.5rem;position:relative;}
.eqz-page .legal-corps li::before{content:"";position:absolute;left:.35rem;top:.72rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--primary);}
.eqz-page .legal-corps strong{color:var(--slate-800);font-weight:600;}
.eqz-page .legal-corps a{color:var(--primary-dark);font-weight:600;text-decoration:underline;text-underline-offset:.16em;}
/* Le sommaire : une liste d'ancres, pas un pave. Numerotation automatique pour
   qu'ajouter une section ne demande pas de renumeroter a la main. */
.eqz-page .legal-somm{background:#fff;border:1px solid var(--slate-200);border-radius:1.25rem;padding:1.4rem 1.6rem;box-shadow:0 10px 30px -22px rgba(15,23,42,.5);}
.eqz-page .legal-somm strong{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-500);margin-bottom:.7rem;}
.eqz-page .legal-somm ol{margin:0;padding:0;list-style:none;counter-reset:somm;columns:2;column-gap:2rem;}
.eqz-page .legal-somm li{counter-increment:somm;margin:0 0 .42rem;padding-left:1.7rem;position:relative;break-inside:avoid;line-height:1.5;}
.eqz-page .legal-somm li::before{content:counter(somm) ".";position:absolute;left:0;top:0;color:var(--primary-dark);font-weight:700;font-size:.86rem;background:none;width:auto;height:auto;border-radius:0;}
.eqz-page .legal-somm a{color:var(--slate-600);font-weight:500;font-size:.92rem;text-decoration:none;}
.eqz-page .legal-somm a:hover{color:var(--primary-dark);text-decoration:underline;}
/* L'encadre d'alerte : ce qu'il ne faut pas manquer dans une page qu'on survole. */
.eqz-page .legal-note{background:var(--primary-50);border:1px solid rgba(16,185,129,.22);border-left:4px solid var(--primary);border-radius:0 1rem 1rem 0;padding:1.1rem 1.3rem;margin:1.4rem 0;}
.eqz-page .legal-note p:last-child{margin-bottom:0;}
.eqz-page .legal-note i{color:var(--primary-dark);margin-right:.4rem;}
/* Le tableau des durees de conservation : il doit tenir sur un telephone. */
.eqz-page .legal-tbl{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.93rem;}
.eqz-page .legal-tbl th,.eqz-page .legal-tbl td{text-align:left;padding:.72rem .9rem;border-bottom:1px solid var(--slate-200);color:var(--slate-600);line-height:1.6;vertical-align:top;}
.eqz-page .legal-tbl th{color:var(--slate-800);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;}
.eqz-page .legal-tbl tr:last-child td{border-bottom:none;}
.eqz-page .legal-tbl-enrobe{overflow-x:auto;}
@media (max-width:640px){
  .eqz-page .legal-somm ol{columns:1;}
  .eqz-page .legal-corps h2{font-size:1.18rem;}
}