/* Pages de textes légaux (conditions de vente, mentions légales) : cartes « aura », sommaire qui suit la lecture */
main{max-width:1240px}
.serif-i{font-family:"DM Serif Display",var(--serif);font-style:italic;font-weight:400;color:var(--accent)}
/* fil d'or qui suit la lecture */
.cg-progres{position:fixed;left:0;right:0;top:0;z-index:40;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}
.version{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--texte-3)}
.version span::before{content:"";display:inline-block;width:4px;height:4px;margin:0 10px 2px 0;border-radius:50%;background:var(--accent)}
.avis-en{margin-top:26px;max-width:40em;padding:14px 18px;border:1px solid var(--ligne);border-radius:14px;font-size:14.5px;color:var(--texte-2)}
.avis-en[hidden]{display:none}

/* carte « aura » commune : fond voilé, filet, reflet d'or au survol, chiffre romain en filigrane */
.cg-carte{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--ligne);border-radius:24px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--fond-2) 78%,transparent),color-mix(in srgb,var(--fond-2) 40%,transparent));
  transition:border-color .6s var(--sortie),translate .7s var(--sortie)}
.cg-carte::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--accent) 14%,transparent) 50%,transparent 65%);transform:translateX(-110%);transition:transform 1.4s var(--sortie)}
.cg-carte:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.cg-carte:hover::after{transform:translateX(110%)}
.cg-filigrane{position:absolute;top:18px;right:24px;z-index:-1;font-family:var(--serif);font-weight:300;line-height:1;color:transparent;
  -webkit-text-stroke:1px color-mix(in srgb,var(--texte) 16%,transparent);transition:-webkit-text-stroke-color .6s}
.cg-carte:hover .cg-filigrane{-webkit-text-stroke-color:color-mix(in srgb,var(--accent) 60%,transparent)}

/* l'essentiel, en six repères */
.bref{margin-top:clamp(52px,8vh,84px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none}
.bref li{padding:30px 28px 28px}
.bref li:hover{translate:0 -3px}
.bref .cg-filigrane{font-size:66px}
.bref .ic{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent)}
.bref .ic svg{width:18px;height:18px;fill:none;stroke:var(--accent-texte);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.bref h2{margin-top:22px;font-weight:400;font-size:18px;letter-spacing:-.015em}
.bref p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--texte-2)}
@media (max-width:900px){ .bref{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .bref{grid-template-columns:1fr} }

/* le texte complet : sommaire fixe, articles en cartes */
.corps{margin-top:clamp(70px,11vh,120px);display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.sommaire{position:sticky;top:96px;font-size:13.5px}
.sommaire > p{display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--texte-2);margin-bottom:18px}
.sommaire > p::before{content:"";width:28px;height:1px;background:var(--accent)}
.sommaire ol{position:relative;list-style:none;display:grid;gap:1px;padding-left:1px}
.sommaire ol::before,.sommaire ol::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px}
.sommaire ol::before{background:var(--ligne)}
.sommaire ol::after{background:var(--accent);transform:scaleY(var(--lu,0));transform-origin:top}
.sommaire a{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;padding:6px 0 6px 18px;color:var(--texte-3);text-decoration:none;transition:color .4s}
.sommaire a small{font-size:11px;letter-spacing:.06em;font-variant-numeric:tabular-nums;transition:color .4s}
.sommaire a:hover{color:var(--texte)}
.sommaire a.lu{color:var(--texte-2)}
.sommaire a.actif{color:var(--texte)}
.sommaire a.actif small{color:var(--accent-texte)}
.articles{display:grid;gap:18px;min-width:0}
.art{padding:clamp(28px,4vw,48px) clamp(24px,4vw,52px) clamp(30px,4vw,46px);scroll-margin-top:96px;opacity:0;translate:0 24px;transition:opacity 1s var(--sortie),translate 1s var(--sortie),border-color .6s var(--sortie)}
.art.vu{opacity:1;translate:0 0}
.art .cg-filigrane{font-size:clamp(80px,9vw,128px);top:14px;right:28px}
.art-sur{display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--accent-texte)}
.art-sur::before{content:"";width:28px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--sortie) .2s}
.art.vu .art-sur::before{transform:none}
.art h2{margin-top:14px;max-width:16em;font-weight:300;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.1;letter-spacing:-.03em}
.art h2 em{font-family:"DM Serif Display",var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}
.art p,.art li{font-size:16px;line-height:1.75;color:var(--texte-2)}
.art > p{margin-top:16px;max-width:44em}
.art > p:first-of-type{margin-top:22px}
.art ul{margin-top:14px;list-style:none;display:grid;gap:10px;max-width:44em}
.art ul li{position:relative;padding-left:24px}
.art ul li::before{content:"";position:absolute;left:2px;top:.85em;width:10px;height:1px;background:var(--accent)}
.art b{font-weight:400;color:var(--texte)}
.encart{margin-top:22px;max-width:44em;padding:18px 22px;border-radius:16px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:15px!important}

/* en attente de l'immatriculation (SIRET, médiateur…) : rechercher « acompleter » pour compléter */
.acompleter{color:var(--texte)}

/* une question ? */
.question{margin-top:18px;padding:clamp(30px,4vw,48px) clamp(24px,4vw,52px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.question h2{font-weight:300;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.03em}
.question p{margin-top:6px;font-size:15px;color:var(--texte-2)}

@media (max-width:900px){ .corps{grid-template-columns:1fr} .sommaire{position:static} .sommaire ol{grid-template-columns:1fr 1fr} .sommaire ol::before,.sommaire ol::after{display:none} .sommaire a{padding-left:0} }
@media (max-width:520px){ .sommaire ol{grid-template-columns:1fr} }
@media (prefers-reduced-motion: reduce){ .art{opacity:1;translate:none;transition:none} .art-sur::before{transform:none} .cg-carte::after{display:none} }