/* Pages légales (mentions-legales, politique-confidentialite) — refonte 2026-09-24 */

.lg-head{position:relative;overflow:hidden;background-color:var(--washi)}
.lg-head h1{font-size:clamp(1.5rem,5.4vw,3.1rem);margin-bottom:.25em}
.lg-maj{color:var(--muted);font-size:.95rem;margin:0}
.lg-kanji{position:absolute;right:clamp(10px,6vw,90px);bottom:-.18em;font-family:var(--jp);font-size:clamp(7rem,18vw,13rem);line-height:1;color:var(--ink);opacity:.05;pointer-events:none;user-select:none}

.lg-prose{max-width:none}
.lg-prose>h2{font-size:clamp(1.4rem,3vw,1.85rem);margin-top:1.9em;padding-top:1.1em;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hdr) + 16px)}
.lg-prose>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.lg-prose p,.lg-prose li{color:var(--text)}
.lg-prose .sk-lead{color:var(--muted)}
.lg-prose code{font-size:.9em;background:var(--washi);padding:.05em .35em;border-radius:4px}

/* Encadrés */
.lg-card{background:#fff;border-left:3px solid var(--gold);border-radius:0 var(--r-s) var(--r-s) 0;padding:18px 22px;margin:1.2em 0;box-shadow:0 1px 0 var(--line)}
.lg-card p:last-child{margin-bottom:0}
.lg-card__name{font-family:var(--serif);letter-spacing:-.02em;word-spacing:0;font-size:1.15rem;margin-bottom:.6em}
.lg-card__name strong{color:var(--ink)}
.lg-card--action{border-left-color:var(--shu);background:var(--washi)}
.lg-card--action .sk-btn{white-space:normal;text-align:center}

/* Fiche d'identité (liste de définitions) */
.lg-dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 22px;margin:0}
.lg-dl dt{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);padding-top:.25em}
.lg-dl dd{margin:0;color:var(--text)}
@media (max-width:480px){.lg-dl{grid-template-columns:1fr;gap:0}.lg-dl dd{margin-bottom:10px}}

/* Champ restant à compléter : discret */
.lg-todo{font-style:italic;color:var(--muted);border-bottom:1px dashed var(--muted-l)}

/* Sommaire */
.lg-toc{background:var(--washi);border-radius:var(--r);padding:20px 24px;margin:1.6em 0 2.2em}
.lg-toc__title{font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin:0 0 .6em}
.lg-toc ol{margin:0;padding-left:1.4em;columns:2;column-gap:32px}
.lg-toc li{margin:0 0 .45em;break-inside:avoid}
.lg-toc a{text-decoration:none;color:var(--ink);display:inline-block;padding:3px 0}
.lg-toc a:hover{color:var(--shu-d);text-decoration:underline}
@media (max-width:640px){.lg-toc ol{columns:1}.lg-toc a{padding:6px 0}}

/* Tableaux : lignes classiques sur grand écran, fiches empilées sur mobile */
.lg-table{margin:1.2em 0 1.4em}
.lg-table table{width:100%;border-collapse:collapse;font-size:.95rem;background:#fff;border-radius:var(--r-s);overflow:hidden;box-shadow:0 1px 0 var(--line)}
.lg-table th,.lg-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line)}
.lg-table thead th{background:var(--ink);color:#fff;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.lg-table tbody tr:last-child td{border-bottom:0}
@media (max-width:700px){
  .lg-table table{background:none;box-shadow:none;font-size:1rem}
  .lg-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .lg-table tr{display:block;background:#fff;border-radius:var(--r-s);box-shadow:0 1px 0 var(--line),var(--shadow-s);margin-bottom:12px;padding:6px 16px}
  .lg-table td{display:block;position:relative;padding:9px 0 9px 8.4rem;min-height:2.6em}
  .lg-table td::before{content:attr(data-label);position:absolute;left:0;top:9px;width:7.8rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);padding-top:.3em}
  .lg-table tbody tr td:last-child{border-bottom:0}
}
@media (max-width:380px){.lg-table td{padding-left:0}.lg-table td::before{position:static;display:block;width:auto;padding:0 0 2px}}

/* QA visuelle 25/09 */
.lg-prose>h2,.lg-card__name{text-wrap:balance}

/* Politique de confidentialité — relecture responsive 25/09 (règles propres à la page) */
.page-politique-confidentialite h1,.page-politique-confidentialite .lg-prose>h2{text-wrap:balance}
.page-politique-confidentialite .lg-toc a{display:block}
.page-politique-confidentialite a[href^="tel:"]{white-space:nowrap}
@media (max-width:640px){
  .page-politique-confidentialite .lg-card--action .sk-btn{width:100%;padding-inline:14px;letter-spacing:.02em}
}
.lg-toc a{display:block}

/* =====================================================================
   Passe design 3 (25/09) — pages légales : sobres, sans effet.
   En-tête « document officiel » tamponné d'un sceau (hanko), sommaire
   numéroté 01, 02… dont les numéros se retrouvent devant chaque titre.
   ===================================================================== */
.lg-head{border-bottom:1px solid rgba(181,148,91,.35)}
.lg-head__in{position:relative}
.lg-kanji{display:none}
.lg-maj{min-height:60px;display:flex;align-items:center;padding-right:84px}
.lg-seal{position:absolute;right:var(--gut);bottom:0;width:60px;height:60px;font-size:1.55rem;writing-mode:horizontal-tb;transform:rotate(-5deg);box-shadow:inset 0 0 0 3px rgba(255,255,255,.2),inset 0 0 0 5px var(--shu)}
.lg-seal::after{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.55);border-radius:3px}

/* sommaire : fiche blanche, filet or, numéros 01 02… */
.lg-toc{background:#fffdf8;border-radius:var(--r);border-top:2px solid var(--gold);box-shadow:0 1px 0 var(--line),var(--shadow-s);padding:22px clamp(18px,3vw,30px) 16px}
.lg-toc ol{list-style:none;padding:0;counter-reset:lgt}
.lg-toc li{counter-increment:lgt;display:flex;align-items:baseline;gap:12px;margin:0;border-bottom:1px solid var(--line)}
.lg-toc li:last-child{border-bottom:0}
.lg-toc li::before{content:counter(lgt,decimal-leading-zero);flex:none;width:1.7em;font-family:var(--serif);font-size:1rem;color:var(--gold-d)}
.lg-toc a{flex:1;padding:10px 0;line-height:1.35}
@media (min-width:641px){.lg-toc li:nth-last-child(2):nth-child(odd){border-bottom:0}}
@media (max-width:640px){.lg-toc a{padding:11px 0}}

/* titres numérotés comme le sommaire */
.lg-prose{counter-reset:lgh}
.lg-prose>h2{counter-increment:lgh}
.lg-prose>h2::before{content:counter(lgh,decimal-leading-zero);display:block;margin-bottom:.45em;font-family:var(--sans);font-size:.8rem;font-weight:700;letter-spacing:.22em;color:var(--gold-d)}
.lg-toc+h2{margin-top:0;padding-top:0;border-top:0}