/* ═══════════════════════════════════════════════════════════════════════
   LIVRE DE POLICE — pages intérieures du site public (site-v4)
   Posé le 23/08/2026 · [Cormoran-34 · MAC-260820-5AYC · Claude Code]

   RÈGLE UNIQUE : cette feuille ne définit AUCUNE police, rayon ni ombre en
   dur, et aucune couleur de marque : tout vient des variables de l'accueil
   (homepage-v4.css : --navy --navy-2 --navy-3 --ink --muted --faint --red
   --red-d --green --gold --line --line-2 --panel --panel-2 --r --r-s
   --shadow --shadow-s --fd --fb). Les seules teintes écrites ici sont des
   pastels dérivés pour les fonds d'encadrés (rose, vert d'eau, ivoire).
   Elle est chargée APRÈS homepage-v4.css et ne redéfinit rien de l'entête,
   du menu, des boutons ni du pied de page : ce sont ceux de l'accueil.

   Préfixe pg- (« page ») : aucune collision possible avec les classes de la
   home ni du pied (lpf-). Classes de la home réutilisables telles quelles :
   .wrap .sec .sec-panel .eyebrow .lead .btn .btn-primary .btn-outline
   .faq .navy-band .mini-card .team-card .kpi .check-list .sr-only.
   ═══════════════════════════════════════════════════════════════════════ */

/* ─── Conteneurs ────────────────────────────────────────────────────── */
.pg-main{min-height:50vh}
.pg-wrap{max-width:1180px;margin:0 auto;padding:0 26px}
.pg-wrap--narrow{max-width:860px}
.pg-wrap--wide{max-width:1620px}
.pg-section{padding:64px 0}
.pg-section--tight{padding:40px 0}
.pg-section--panel{background:var(--panel-2);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.pg-section--navy{background:var(--navy);color:#fff}
.pg-section--navy h2,.pg-section--navy h3{color:#fff}
.pg-section--navy p{color:#B9C6DD}
.pg-section-head{max-width:760px;margin-bottom:36px}
.pg-section-head--center{margin-left:auto;margin-right:auto;text-align:center}
.pg-section-head .lead{margin-top:14px}
.pg-section-head--center .lead{margin-left:auto;margin-right:auto}
.pg-section-head h2,.pg-hero h1,.pg-auth-head h1,.pg-auth-story h2{text-wrap:balance}
.pg-center{text-align:center}
.pg-mt-0{margin-top:0!important}.pg-mt-1{margin-top:12px}.pg-mt-2{margin-top:24px}.pg-mt-3{margin-top:40px}.pg-mt-4{margin-top:64px}
.pg-mb-0{margin-bottom:0!important}.pg-mb-1{margin-bottom:12px}.pg-mb-2{margin-bottom:24px}.pg-mb-3{margin-bottom:40px}
.pg-muted{color:var(--muted)}
.pg-small{font-size:14px}
.pg-navy{color:var(--navy)}
.pg-red{color:var(--red)}
.pg-green{color:var(--green)}

/* ─── Fil d'Ariane ──────────────────────────────────────────────────── */
.pg-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;color:var(--muted);padding:18px 0 0}
.pg-crumbs a{color:var(--muted);font-weight:600}
.pg-crumbs a:hover{color:var(--red)}
.pg-crumbs li{display:inline-flex;align-items:center;gap:6px}
.pg-crumbs li+li::before{content:"›";color:var(--faint);font-weight:600}
.pg-crumbs [aria-current]{color:var(--navy);font-weight:650}

/* ─── En-tête de page (hero intérieur) ──────────────────────────────── */
.pg-hero{padding:52px 0 48px;position:relative;overflow:hidden;isolation:isolate}
.pg-hero .eyebrow{margin:0 auto 14px;text-align:center}
.pg-hero h1{max-width:20ch;margin-left:auto;margin-right:auto;text-align:center}
.pg-hero h1::after{content:"";display:block;width:72px;height:4px;margin:18px auto 0;border:1px solid rgba(4,23,54,.14);border-radius:999px;background:linear-gradient(90deg,var(--navy) 0 34%,#fff 34% 66%,var(--red) 66% 100%);box-shadow:0 5px 16px rgba(4,23,54,.10)}
.pg-hero h1 .red{color:var(--red)}
.pg-hero-lead{font-size:18.5px;line-height:1.65;color:var(--muted);max-width:62ch;margin:20px 0 0}
.pg-hero-lead strong{color:var(--ink);font-weight:700}
.pg-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;align-items:center}
.pg-hero-note{font-size:13.5px;color:var(--muted);margin-top:14px;display:flex;flex-wrap:wrap;gap:6px 16px}
.pg-hero-note span{display:inline-flex;align-items:center;gap:6px}
.pg-hero-note svg{width:15px;height:15px;color:var(--green)}
.pg-hero--split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.pg-hero--split>div{min-width:0}
.pg-hero-visual{position:relative;z-index:1}
.pg-hero-visual img,.pg-hero-visual svg{width:100%;height:auto}
.pg-hero--panel{background:radial-gradient(620px 340px at 88% 16%,rgba(18,59,113,.08),transparent 72%),radial-gradient(460px 300px at 4% 100%,rgba(226,19,27,.045),transparent 70%),var(--panel-2);border-bottom:1px solid var(--line-2)}
.pg-hero--navy{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 58%,var(--navy-3) 100%);color:#fff;padding:64px 0 60px}
.pg-hero--navy h1{color:#fff}
.pg-hero--navy .eyebrow{color:#FFB3B6}
.pg-hero--navy .pg-hero-lead{color:#C9D4E6}
.pg-hero--navy .pg-hero-lead strong{color:#fff}
.pg-hero--navy .pg-crumbs,.pg-hero--navy .pg-crumbs a{color:#B9C6DD}
.pg-hero--navy .pg-crumbs [aria-current]{color:#fff}
.pg-hero--navy .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.pg-hero--navy .btn-outline:hover{background:rgba(255,255,255,.08)}
.pg-hero--navy .pg-hero-note{color:#B9C6DD}
.pg-hero--navy::after{content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.10),transparent 70%);pointer-events:none}

/* ─── Cadre visuel (capture, photo, illustration) ───────────────────── */
.pg-visual{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;position:relative}
.pg-hero-visual>.pg-visual::after,.pg-legal-hero-visual>.pg-visual::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);pointer-events:none}
.pg-visual img{width:100%;height:auto;display:block}
.pg-visual--soft{background:var(--panel);padding:22px;box-shadow:none}
.pg-visual--soft img,.pg-visual--soft svg{border-radius:var(--r-s)}
.pg-visual--scene{padding:0;background:#fff;border-color:rgba(7,27,51,.12);box-shadow:0 28px 70px rgba(4,23,54,.16)}
.pg-scene{display:block;width:100%;height:auto;aspect-ratio:7/5;object-fit:cover}
.pg-illus{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}
.pg-illus--sm{max-width:360px}
.pg-illus--xs{max-width:220px}
figure.pg-figure{margin:28px 0}
figure.pg-figure figcaption{margin-top:10px;font-size:13.5px;color:var(--muted);text-align:center}

/* ─── Grilles et cartes ─────────────────────────────────────────────── */
.pg-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.pg-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-s);padding:26px 26px 24px;display:flex;flex-direction:column;gap:10px;min-width:0;position:relative}
.pg-card h3{font-size:19px;line-height:1.3}
.pg-card h3 a{color:inherit}
.pg-card h3 a::after{content:"";position:absolute;inset:0}
.pg-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.pg-card p strong{color:var(--ink)}
.pg-card-icon{width:46px;height:46px;border-radius:12px;background:var(--panel);display:grid;place-items:center;color:var(--navy);margin-bottom:6px}
.pg-card-icon svg{width:22px;height:22px}
.pg-card-icon--red{background:#FDE8E9;color:var(--red)}
.pg-card-icon--green{background:#E3F6EA;color:var(--green)}
.pg-card-icon--navy{background:var(--navy);color:#fff}
.pg-card-link{margin-top:auto;padding-top:8px;color:var(--red);font-weight:700;font-size:14.5px;display:inline-flex;align-items:center;gap:6px}
.pg-card-link svg{width:16px;height:16px;transition:transform .18s}
.pg-card:hover{box-shadow:var(--shadow);border-color:#D4DCE8}
.pg-card:hover .pg-card-link svg{transform:translateX(3px)}
.pg-card--accent{border-top:4px solid var(--red)}
.pg-card--navy{background:var(--navy);border-color:var(--navy);color:#fff}
.pg-card--navy h3{color:#fff}
.pg-card--navy p{color:#B9C6DD}
.pg-card--panel{background:var(--panel-2);box-shadow:none}
.pg-card--img{padding:0;overflow:hidden}
.pg-card--img .pg-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.pg-card--img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.pg-card-kicker{font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.pg-card-meta{font-size:13px;color:var(--faint)}

/* ─── Section en deux colonnes (texte + visuel) ─────────────────────── */
.pg-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding:44px 0}
.pg-split--flip>.pg-split-media{order:-1}
.pg-split h2{font-size:clamp(26px,2.3vw,38px)}
.pg-split>div{min-width:0}
.pg-split .lead{margin-top:14px;max-width:none}
.pg-split+.pg-split{border-top:1px solid var(--line-2)}

/* ─── Liste à coches (16 px — la .check-list de la home est à 12,8 px) ── */
.pg-checks{display:grid;gap:10px;margin:18px 0 0}
.pg-checks li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--ink)}
.pg-checks li svg{width:18px;height:18px;flex:none;color:var(--green);margin-top:2px}
.pg-checks li strong{color:var(--navy)}
.pg-checks--2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ─── Texte riche (articles, guides, juridique, aide) ───────────────── */
.pg-prose{max-width:74ch;font-size:18px;line-height:1.72;color:var(--ink)}
.pg-prose>*+*{margin-top:1.1em}
.pg-prose h2{font-size:clamp(24px,2vw,31px);margin-top:2em;padding-top:.2em;letter-spacing:-.015em}
.pg-prose h2:first-child{margin-top:0}
.pg-prose h3{font-size:21px;margin-top:1.6em}
.pg-prose h4{font-family:var(--fb);font-size:16.5px;font-weight:750;color:var(--navy);margin-top:1.4em;margin-bottom:-.3em}
.pg-prose p{margin:0}
.pg-prose .lead,.pg-prose p.lead{font-size:20px;color:var(--muted);line-height:1.6;max-width:none}
.pg-prose strong{color:var(--navy);font-weight:700}
.pg-prose em{font-style:italic}
.pg-prose a{color:var(--navy-3);font-weight:650;text-decoration:underline;text-decoration-color:rgba(226,19,27,.45);text-underline-offset:3px;text-decoration-thickness:1.5px}
.pg-prose a:hover{color:var(--red);text-decoration-color:var(--red)}
.pg-prose ul,.pg-prose ol{display:grid;gap:.55em;padding-left:0}
.pg-prose ul li{position:relative;padding-left:26px}
.pg-prose ul li::before{content:"";position:absolute;left:6px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--red)}
.pg-prose ul ul{margin-top:.5em}
.pg-prose ul ul li::before{background:var(--faint);width:6px;height:6px}
.pg-prose ol{counter-reset:pgol}
.pg-prose ol li{position:relative;padding-left:40px;counter-increment:pgol}
.pg-prose ol li::before{content:counter(pgol);position:absolute;left:0;top:.12em;width:27px;height:27px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center;font-family:var(--fb)}
.pg-prose blockquote{margin:1.4em 0;padding:18px 22px;border-left:4px solid var(--red);background:var(--panel-2);border-radius:0 var(--r-s) var(--r-s) 0;color:var(--ink)}
.pg-prose blockquote p+p{margin-top:.6em}
.pg-prose blockquote cite{display:block;margin-top:8px;font-size:13.5px;color:var(--muted);font-style:normal}
.pg-prose hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}
.pg-prose img{border-radius:var(--r-s);border:1px solid var(--line)}
.pg-prose figure{margin:1.6em 0}
.pg-prose figcaption{font-size:13.5px;color:var(--muted);margin-top:8px}
.pg-prose code,.pg-prose kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--navy)}
.pg-prose pre{background:var(--navy);color:#E7EDF7;border-radius:var(--r-s);padding:16px 18px;overflow:auto;font-size:14px;line-height:1.55}
.pg-prose pre code{background:none;border:0;color:inherit;padding:0}
.pg-prose table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden}
.pg-prose th{background:var(--navy);color:#fff;text-align:left;padding:11px 14px;font-weight:700;font-size:13.5px;letter-spacing:.02em}
.pg-prose td{padding:11px 14px;border-top:1px solid var(--line-2);vertical-align:top}
.pg-prose tbody tr:nth-child(even) td{background:var(--panel-2)}
.pg-prose dl{display:grid;gap:14px}
.pg-prose dt{font-weight:750;color:var(--navy)}
.pg-prose dd{margin:2px 0 0;color:var(--ink)}
.pg-prose .pg-callout,.pg-prose .pg-steps,.pg-prose .pg-grid{font-size:16px}
.pg-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.2em 0}
.pg-table-wrap table{min-width:560px}

/* ─── Encadrés (info · légal · attention · ok) ──────────────────────── */
.pg-callout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--panel-2);border-left:4px solid var(--navy-3);margin:1.4em 0;line-height:1.6}
.pg-callout>svg{width:22px;height:22px;color:var(--navy-3);margin-top:2px}
.pg-callout-title{display:block;font-weight:800;color:var(--navy);margin-bottom:4px;font-size:15px;letter-spacing:.01em}
.pg-callout p{margin:0}
.pg-callout p+p{margin-top:.5em}
.pg-callout--legal{border-left-color:var(--gold);background:#FFFBEF;border-color:#F5E6B8}
.pg-callout--legal>svg{color:#B67B00}
.pg-callout--warn{border-left-color:var(--red);background:#FFF3F3;border-color:#F6CACC}
.pg-callout--warn>svg{color:var(--red)}
.pg-callout--ok{border-left-color:var(--green);background:#F0FAF3;border-color:#C7EBD3}
.pg-callout--ok>svg{color:var(--green)}
.pg-callout--quiet{background:#fff;border-left-color:var(--line)}
.pg-callout small{display:block;margin-top:6px;font-size:13px;color:var(--muted)}

/* ─── Étapes numérotées ─────────────────────────────────────────────── */
.pg-steps{counter-reset:pgst;display:grid;gap:18px;margin:22px 0}
.pg-steps li{counter-increment:pgst;position:relative;padding-left:62px;min-height:46px}
.pg-steps li::before{content:counter(pgst);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:14px;background:var(--red);color:#fff;font-family:var(--fd);font-size:20px;font-weight:700;display:grid;place-items:center;box-shadow:0 8px 18px rgba(226,19,27,.22)}
.pg-steps li > b,.pg-steps li > strong{display:block;color:var(--navy);font-size:17px;margin-bottom:3px}
.pg-steps li p{margin:0;color:var(--muted);font-size:15.5px}
.pg-steps--cards li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 22px 82px;box-shadow:var(--shadow-s)}
.pg-steps--cards li::before{left:20px;top:20px}
.pg-steps--grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pg-steps--grid li{padding-left:0;padding-top:58px}
.pg-steps--grid.pg-steps--cards li{padding:74px 22px 22px}

/* ─── Questions fréquentes (details natif, sans script) ─────────────── */
.pg-faq{display:grid;gap:10px;max-width:860px}
.pg-faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);box-shadow:var(--shadow-s);overflow:hidden}
.pg-faq summary{list-style:none;cursor:pointer;padding:17px 54px 17px 20px;font-weight:700;color:var(--navy);font-size:16.5px;line-height:1.4;position:relative}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--panel);color:var(--navy);display:grid;place-items:center;font-size:20px;font-weight:600;transition:transform .2s,background .2s}
.pg-faq details[open] summary::after{content:"–";background:var(--red);color:#fff}
.pg-faq details[open] summary{border-bottom:1px solid var(--line-2)}
.pg-faq .pg-faq-body{padding:16px 20px 20px;color:var(--ink);font-size:15.5px;line-height:1.7}
.pg-faq .pg-faq-body p{margin:0}
.pg-faq .pg-faq-body p+p{margin-top:.7em}
.pg-faq .pg-faq-body a{color:var(--navy-3);font-weight:650;text-decoration:underline;text-underline-offset:3px}

/* ─── Bandeau d'appel (navy) ────────────────────────────────────────── */
.pg-cta{background:linear-gradient(120deg,var(--navy),var(--navy-2));color:#fff;border-radius:var(--r);padding:44px 46px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;box-shadow:var(--shadow);position:relative;overflow:hidden}
.pg-cta::before{content:"";position:absolute;left:-80px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,rgba(226,19,27,.35),transparent 70%);pointer-events:none}
.pg-cta h2{color:#fff;font-size:clamp(24px,2.2vw,34px)}
.pg-cta p{color:#B9C6DD;margin:10px 0 0;font-size:16.5px;max-width:60ch}
.pg-cta-actions{display:flex;flex-wrap:wrap;gap:12px;position:relative}
.pg-cta .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.pg-cta .btn-outline:hover{background:rgba(255,255,255,.08)}
.pg-cta-note{font-size:13px;color:#9FB0CB;margin-top:8px!important}
.pg-cta--soft{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.pg-cta--soft::before{display:none}
.pg-cta--soft h2{color:var(--navy)}
.pg-cta--soft p{color:var(--muted)}

/* ─── Sommaire latéral (pages longues : guides, juridique, CGV) ────── */
.pg-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.pg-layout--right{grid-template-columns:minmax(0,1fr) 280px}
.pg-toc{position:sticky;top:104px;max-height:calc(100vh - 124px);overflow:auto;padding:4px 0 8px;font-size:14px}
.pg-toc-title{font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin:0 0 10px}
.pg-toc a{display:block;padding:7px 0 7px 14px;color:var(--muted);font-weight:600;border-left:2px solid var(--line);line-height:1.35}
.pg-toc a:hover{color:var(--navy)}
.pg-toc a.is-active{color:var(--red);border-left-color:var(--red)}
.pg-toc ol ol a{padding-left:26px;font-weight:500;font-size:13.5px}
.pg-aside-card{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:18px;font-size:14px}
.pg-aside-card h4{font-family:var(--fb);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin:0 0 8px}
.pg-aside-card p{margin:0;color:var(--muted)}
.pg-aside-card .btn{width:100%;margin-top:12px;justify-content:center;padding:12px 16px;font-size:14.5px}

/* ─── Chiffres clés ─────────────────────────────────────────────────── */
.pg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.pg-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;box-shadow:var(--shadow-s)}
.pg-stat b{display:block;font-family:var(--fd);font-weight:640;font-size:40px;line-height:1;color:var(--navy);letter-spacing:-.02em}
.pg-stat b .red{color:var(--red)}
.pg-stat span{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.4}
.pg-section--navy .pg-stat{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:none}
.pg-section--navy .pg-stat b{color:#fff}
.pg-section--navy .pg-stat span{color:#B9C6DD}

/* ─── Pastilles, étiquettes, méta ───────────────────────────────────── */
.pg-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:var(--panel);color:var(--navy);font-size:12.5px;font-weight:750;border:1px solid var(--line)}
.pg-pill svg{width:13px;height:13px}
.pg-pill--red{background:#FDE8E9;color:var(--red);border-color:#F6CACC}
.pg-pill--green{background:#E3F6EA;color:var(--green);border-color:#C7EBD3}
.pg-pill--navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.pg-pill--gold{background:#FFF4D6;color:#8A5B00;border-color:#F5E0A6}
.pg-pills{display:flex;flex-wrap:wrap;gap:8px}
.pg-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--muted);margin-top:14px}
.pg-meta span{display:inline-flex;align-items:center;gap:6px}
.pg-meta svg{width:14px;height:14px;color:var(--faint)}
.pg-kicker{color:var(--red);font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}

/* ─── Liste d'articles / fiches (index aide, guides, ressources) ───── */
.pg-list{display:grid;gap:12px}
.pg-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:16px 18px;box-shadow:var(--shadow-s);position:relative}
.pg-list-item:hover{border-color:#D4DCE8;box-shadow:var(--shadow)}
.pg-list-item .pg-card-icon{margin:0;width:42px;height:42px}
.pg-list-item h3{font-size:16.5px;font-family:var(--fb);font-weight:750;line-height:1.3}
.pg-list-item h3 a::after{content:"";position:absolute;inset:0}
.pg-list-item p{margin:3px 0 0;font-size:14px;color:var(--muted)}
.pg-list-item>svg{width:18px;height:18px;color:var(--faint)}

/* ─── Recherche (centre d'aide) ─────────────────────────────────────── */
.pg-search{position:relative;max-width:640px}
.pg-search input{width:100%;padding:16px 18px 16px 50px;border:1px solid var(--line);border-radius:14px;background:#fff;font:inherit;font-size:16.5px;color:var(--ink);box-shadow:var(--shadow-s)}
.pg-search input:focus{outline:none;border-color:var(--navy-3);box-shadow:0 0 0 4px rgba(18,59,113,.12)}
.pg-search>svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--muted)}
.pg-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:var(--r-s);box-shadow:var(--shadow);z-index:50;max-height:420px;overflow:auto;display:none}
.pg-search-results.is-open{display:block}
.pg-search-results a{display:block;padding:12px 16px;border-bottom:1px solid var(--line-2);color:var(--ink)}
.pg-search-results a:hover{background:var(--panel-2)}
.pg-search-results b{display:block;color:var(--navy);font-size:15px}
.pg-search-results small{color:var(--muted);font-size:13px}

/* ─── Formulaires ───────────────────────────────────────────────────── */
.pg-form{display:grid;gap:18px}
.pg-form-row{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-field{display:grid;gap:6px;align-content:start}
.pg-field label,.pg-label{font-size:14px;font-weight:750;color:var(--navy)}
.pg-field label .pg-opt{font-weight:500;color:var(--faint)}
.pg-input,.pg-field input:not([type=checkbox]):not([type=radio]),.pg-field select,.pg-field textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;font:inherit;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.pg-field textarea{min-height:140px;resize:vertical}
.pg-field input:focus,.pg-field select:focus,.pg-field textarea:focus,.pg-input:focus{outline:none;border-color:var(--navy-3);box-shadow:0 0 0 4px rgba(18,59,113,.12)}
.pg-field input[aria-invalid=true],.pg-field .is-invalid{border-color:var(--red)}
.pg-help{font-size:13px;color:var(--muted)}
.pg-error{font-size:13.5px;color:var(--red);font-weight:600}
.pg-check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink)}
.pg-check input{width:18px;height:18px;margin-top:3px;accent-color:var(--red);flex:none}
.pg-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.pg-form-footnote{font-size:13px;color:var(--muted)}
.btn-navy{background:var(--navy);color:#fff;box-shadow:0 10px 24px rgba(4,23,54,.22)}
.btn-navy:hover{background:var(--navy-2)}
.btn-sm{padding:11px 16px!important;font-size:14.5px!important}
.btn-block{width:100%;justify-content:center}
.btn[disabled],.btn[aria-disabled=true]{opacity:.55;pointer-events:none}
.pg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ─── Pages de connexion / inscription (layouts/auth) ──────────────── */
/* Sur le banc QA, un bandeau de securite fixe est injecte hors du gabarit.
   La garde reste donc sans effet en production et empeche ce bandeau de
   masquer l'entete sticky pendant le defilement. Au-dessus de 900 px, la
   scene est zoomee : la valeur fluide compense ce facteur visuel. */
body.site-page.page-auth:has(> div[style*="z-index:2147483000"][style*="position:fixed"]) .header{top:32px}
@media (max-width:425px){
  body.site-page.page-auth:has(> div[style*="z-index:2147483000"][style*="position:fixed"]) .header{top:50px}
}
@media (min-width:901px){
  body.site-page.page-auth:has(> div[style*="z-index:2147483000"][style*="position:fixed"]) .header{top:clamp(32px,calc(91.4px - 3.55vw),59.4px)}
}
.pg-auth-main{background:radial-gradient(900px 520px at 8% 0,rgba(18,59,113,.11),transparent 68%),radial-gradient(760px 520px at 100% 16%,rgba(226,19,27,.065),transparent 70%),var(--panel-2);padding:52px 0 76px;min-height:60vh;position:relative;overflow:hidden}
.pg-auth{max-width:1180px;margin:0 auto;padding:0 26px}
.pg-auth--wide{max-width:1240px}
.pg-auth-shell{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}
.pg-auth--wide .pg-auth-shell{grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr)}
.pg-auth-story{background:linear-gradient(145deg,var(--navy) 0%,var(--navy-2) 62%,var(--navy-3) 100%);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);box-shadow:0 20px 46px rgba(4,23,54,.2);color:#fff;padding:38px 34px 30px;position:sticky;top:24px;overflow:hidden}
.pg-auth-story::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-250px;top:-220px;background:radial-gradient(closest-side,rgba(255,255,255,.18),transparent 72%);pointer-events:none}
.pg-auth-story-copy{position:relative;z-index:2}
.pg-auth-story .eyebrow{color:#FFB3B6;margin-bottom:13px}
.pg-auth-story h2{color:#fff;font-size:clamp(30px,2.3vw,40px);line-height:1.08;max-width:15ch}
.pg-auth-story p{color:#C9D4E6;font-size:16px;line-height:1.65;margin:18px 0 0;max-width:46ch}
.pg-auth-story-list{display:grid;gap:11px;margin-top:24px}
.pg-auth-story-list li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;color:#EDF3FC;font-size:14.5px;line-height:1.5}
.pg-auth-story-list svg{width:19px;height:19px;color:#52D987;margin-top:2px}
.pg-auth-story-visual{position:relative;z-index:1;background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:14px;margin-top:28px;padding:10px;box-shadow:0 18px 34px rgba(0,0,0,.17);overflow:hidden}
.pg-auth-story-visual img{width:100%;height:auto}
.pg-auth-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:38px 38px 34px;min-width:0}
.pg-auth>.auth-after{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
.pg-auth-head{text-align:center;margin-bottom:26px}
.pg-auth-head h1{font-size:clamp(30px,2.3vw,38px)}
.pg-auth-head p{color:var(--muted);margin:8px 0 0;font-size:15.5px}
.pg-auth-alt{text-align:center;font-size:14.5px;color:var(--muted);margin-top:22px}
.pg-auth-alt a{color:var(--navy-3);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pg-auth-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:13px;color:var(--muted)}
.pg-auth-trust span{display:inline-flex;align-items:center;gap:6px}
.pg-auth-trust svg{width:15px;height:15px;color:var(--green)}
.pg-divider{display:flex;align-items:center;gap:14px;color:var(--faint);font-size:12.5px;text-transform:uppercase;letter-spacing:.12em;margin:8px 0}
.pg-divider::before,.pg-divider::after{content:"";flex:1;height:1px;background:var(--line)}

/* ─── Messages de session ───────────────────────────────────────────── */
.pg-flashes{display:grid;gap:10px;padding-top:18px}
.pg-flash{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 16px;border-radius:var(--r-s);border:1px solid var(--line);background:var(--panel-2);border-left:4px solid var(--navy-3);font-size:15px;line-height:1.5;color:var(--ink)}
.pg-flash>svg{width:20px;height:20px;color:var(--navy-3);margin-top:2px}
.pg-flash--ok{border-left-color:var(--green);background:#F0FAF3;border-color:#C7EBD3}.pg-flash--ok>svg{color:var(--green)}
.pg-flash--error{border-left-color:var(--red);background:#FFF3F3;border-color:#F6CACC}.pg-flash--error>svg{color:var(--red)}
.pg-flash--warn{border-left-color:var(--gold);background:#FFFBEF;border-color:#F5E6B8}.pg-flash--warn>svg{color:#B67B00}
.pg-flash-close{border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.pg-flash-close:hover{color:var(--navy)}

/* ─── Tarif ─────────────────────────────────────────────────────────── */
.pg-price{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:34px 34px 30px;position:relative}
.pg-price--featured{border-color:var(--navy);box-shadow:0 24px 60px rgba(4,23,54,.16)}
.pg-price-tag{position:absolute;top:-13px;left:30px;background:var(--red);color:#fff;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:999px;box-shadow:0 6px 14px rgba(226,19,27,.25)}
.pg-price-amount{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px}
.pg-price-amount b{font-family:var(--fd);font-weight:640;font-size:58px;line-height:1;color:var(--navy);letter-spacing:-.03em}
.pg-price-amount span{color:var(--muted);font-size:15px}
.pg-price-sub{color:var(--muted);font-size:14.5px}
.pg-price .pg-checks{margin-top:22px}
.pg-price .btn{width:100%;justify-content:center;margin-top:24px}

/* ─── Juridique : résumé non contractuel, articles ──────────────────── */
.pg-legal-summary{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px;margin:0 0 30px}
.pg-legal-summary h2{font-family:var(--fb);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);margin:0 0 12px}
.pg-legal-summary ul{display:grid;gap:8px}
.pg-legal-summary li{position:relative;padding-left:24px;font-size:15px;color:var(--ink)}
.pg-legal-summary li::before{content:"";position:absolute;left:4px;top:.65em;width:7px;height:7px;border-radius:50%;background:var(--red)}
.pg-legal-summary small{display:block;margin-top:12px;font-size:12.5px;color:var(--faint)}
.pg-legal-art{scroll-margin-top:110px}
.pg-legal-art h2 .pg-art-num{color:var(--red);margin-right:8px;font-variant-numeric:tabular-nums}
.pg-legal-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--muted);padding:14px 0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin:22px 0 30px}
.pg-legal-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:54px;align-items:center;padding:18px 0 8px}
.pg-legal-hero-copy{min-width:0}
.pg-legal-hero-copy h1{max-width:17ch}
.pg-legal-hero-copy .pg-meta{margin-top:24px}
.pg-legal-hero-visual{min-width:0}
.pg-legal-hero-visual .pg-visual{padding:20px;background:rgba(255,255,255,.86);box-shadow:0 20px 52px rgba(4,23,54,.12)}

/* ─── Glossaire ─────────────────────────────────────────────────────── */
.pg-glossary{display:grid;gap:14px}
.pg-glossary-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:18px 20px;box-shadow:var(--shadow-s)}
.pg-glossary-item dt{font-family:var(--fd);font-size:20px;color:var(--navy);font-weight:640}
.pg-glossary-item dd{margin:6px 0 0;color:var(--ink);font-size:15.5px;line-height:1.65}
.pg-alpha{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 26px}
.pg-alpha a{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-weight:750;color:var(--navy);font-size:14px}
.pg-alpha a:hover{border-color:var(--red);color:var(--red)}

/* ─── Pagination / navigation précédent-suivant ─────────────────────── */
.pg-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.pg-prevnext a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-s);background:#fff;color:var(--ink);box-shadow:var(--shadow-s)}
.pg-prevnext a:hover{border-color:var(--red)}
.pg-prevnext small{display:block;font-size:12px;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:4px}
.pg-prevnext b{color:var(--navy);font-size:15px}
.pg-prevnext a+a{text-align:right}

/* ─── Registre éditorial (25/08 [Cormoran-34], demande d'Enyss : sérieux,
   crédible, premium — pas « SEO ») ───────────────────────────────────── */
.pg-hero--editorial{padding:56px 0 44px}
.pg-hero--editorial h1{max-width:26ch;font-size:clamp(32px,3vw,52px)}
.pg-hero--editorial .pg-hero-lead{color:var(--ink);font-size:19px;max-width:68ch}
.pg-hero--editorial .eyebrow{letter-spacing:.22em}
.pg-prose--sobre ul li::before{background:var(--faint);width:5px;height:5px;top:.78em}
.pg-prose--sobre{font-size:18.5px;line-height:1.78}
.pg-prose--sobre h2{margin-top:2.2em}
.pg-aside-editeur{background:var(--panel-2);border:1px solid var(--line);border-left:3px solid var(--navy);border-radius:var(--r-s);padding:18px 20px;margin-top:18px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.pg-aside-editeur b{display:block;color:var(--navy);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-weight:800}
.pg-aside-editeur a{color:var(--navy-3);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pg-sources{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:20px 22px;margin:2em 0 0;font-size:14px}
.pg-sources h2,.pg-sources h3{font-family:var(--fb);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin:0 0 12px}
.pg-sources li{color:var(--muted);padding:5px 0;border-top:1px solid var(--line-2)}
.pg-sources li:first-of-type{border-top:0}
.pg-sources cite{font-style:normal;color:var(--ink);font-weight:650}

/* ─── Apparition douce ──────────────────────────────────────────────── */
@media (prefers-reduced-motion:no-preference){
  .pg-reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
  .pg-reveal.is-in{opacity:1;transform:none}
  .pg-card,.pg-visual,.pg-auth-card,.pg-auth-story{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
  .pg-card:hover{transform:translateY(-2px)}
}

/* ─── Réactif ───────────────────────────────────────────────────────── */
@media (max-width:1000px){
  .pg-layout,.pg-layout--right{grid-template-columns:minmax(0,1fr)}
  .pg-toc{position:static;max-height:none;padding:16px 18px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-s);margin-bottom:26px}
  .pg-toc a{border-left:0;padding-left:0}
  .pg-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-auth-shell,.pg-auth--wide .pg-auth-shell{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr)}
}
@media (max-width:900px){
  .page-auth .nav{margin-left:0;margin-right:0}
  .page-auth .nav.is-open{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
  .pg-hero{padding:38px 0 36px}
  .pg-hero--split,.pg-split{grid-template-columns:minmax(0,1fr);gap:28px}
  .pg-split--flip>.pg-split-media{order:0}
  .pg-hero-lead{font-size:17px}
  .pg-section{padding:46px 0}
  .pg-cta{grid-template-columns:minmax(0,1fr);padding:30px 26px}
  .pg-form-row{grid-template-columns:minmax(0,1fr)}
  .pg-checks--2{grid-template-columns:minmax(0,1fr)}
  .pg-prose{font-size:16.5px}
  .pg-stat b{font-size:34px}
  .pg-auth{padding:0 22px}
  .pg-auth-shell,.pg-auth--wide .pg-auth-shell{grid-template-columns:minmax(0,1fr);gap:22px}
  .pg-auth-card{padding:30px 26px;order:1}
  .pg-auth-story{position:relative;top:auto;order:2;padding:30px 28px 24px}
  .pg-auth-story h2{max-width:20ch}
  .pg-auth-story-visual{max-width:480px;margin-left:auto;margin-right:auto}
  .pg-legal-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .pg-legal-hero-copy{text-align:center}
  .pg-legal-hero-copy h1,.pg-legal-hero-copy .pg-hero-lead{margin-left:auto;margin-right:auto}
  .pg-legal-hero-copy .eyebrow,.pg-legal-hero-copy .pg-meta{justify-content:center}
  .pg-legal-hero-visual{max-width:560px;margin:0 auto;width:100%}
  .pg-prevnext{grid-template-columns:minmax(0,1fr)}
  .pg-prevnext a+a{text-align:left}
}
@media (max-width:425px){
  .page-auth .nav.is-open{max-height:calc(100dvh - 118px)}
}
@media (max-width:700px){
  /* 25/08 [Cormoran-34] — un tableau plus large que l'écran se faisait ROGNER
     au bord droit (la scène coupe en overflow-x:clip) : tout tableau de
     contenu devient défilant horizontalement sur mobile. */
  .pg-prose table,table.pg-compare,.pg-legal .lz-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
}
@media (max-width:620px){
  .pg-grid--2,.pg-grid--3,.pg-grid--4{grid-template-columns:minmax(0,1fr)}
  .pg-wrap{padding:0 18px}
  .pg-list-item{grid-template-columns:minmax(0,1fr)}
  .pg-list-item>svg{display:none}
  .pg-price-amount b{font-size:46px}
  .pg-hero-actions .btn{width:100%;justify-content:center}
  .pg-auth-main{padding:30px 0 52px}
  .pg-auth{padding:0 16px}
  .pg-auth-card{padding:26px 20px}
  .pg-auth-story{padding:26px 22px 20px}
  .pg-auth-story h2{font-size:29px}
  .pg-auth-story-list{gap:9px}
  .pg-legal-hero-grid{padding-top:8px}
  .pg-legal-hero-visual .pg-visual{padding:10px}
}
@media (max-width:560px){
  .page-auth .lpf-grid{row-gap:0}
  .page-auth .lpf-grid>*{margin-top:26px}
  .page-auth .lpf-grid>:first-child,
  body.site-page.page-auth #stage .lpf-grid>div:has(>a[href="/metiers/telephonie-high-tech"]){margin-top:0}
  .page-auth .lpf-grid>div:has(>a[href="/metiers/telephonie-high-tech"]) .lpf-title,
  .page-auth .lpf-grid>div:has(>a[href="/metiers/telephonie-high-tech"])>h4:first-child{display:none}
}

/* ─── Impression (CGV, mentions, guides) ────────────────────────────── */
@media print{
  .topbar,.header,.lpf-foot,.pg-cta,.pg-toc,.pg-flashes,.pg-crumbs,.pg-hero-actions,.pg-legal-hero-visual,.skip-link{display:none!important}
  .pg-legal-hero-grid{display:block}
  .pg-layout{display:block}
  .pg-prose{max-width:none;font-size:12pt;color:#000}
  .pg-prose a{color:#000;text-decoration:none}
  .pg-hero--navy{background:none;color:#000}
  .pg-hero--navy h1{color:#000}
}

/* ═══ 04/09/2026 [Sterne-25 · PC1-260903-BVS2] — lot 6 mobile : aucun champ de saisie sous 16 px
   sur les pages publiques et l'aide (FAQ, glossaire, contact, démonstration, pages « logiciel »).
   Sous 16 px, iOS agrandit la page à chaque appui dans un champ et ne la remet pas d'aplomb.
   Mesuré à 375 px : 8 pages sur 55 avaient un champ de recherche ou de formulaire à 13–15 px.
   « !important » : la FAQ pose .pg-help .hp-filter input{font-size:15.5px}, plus spécifique. */
@media (max-width: 899px) {
  input[type="search"], input[type="text"], input[type="email"], input[type="tel"], input[type="url"],
  input[type="number"], input[type="password"], select, textarea { font-size: max(16px, 1em) !important; }
}