/* ==========================================================================
   PAGES LÉGALES — communes à Studio et à Media.
   Une seule paire de pages pour tout hikaia.fr : l'éditeur est le même.
   Elles prennent la matière de l'univers d'où l'on vient (?u=studio -> encre,
   ?u=media ou accès direct -> papier) : même page, même contenu, jamais deux
   systèmes. Sobres, une colonne de lecture, aucun effet.
   ========================================================================== */
:root{
  --bg:#F1EEE7; --bg-2:#F8F6F1; --ink:#1A1813; --text:#3B382F; --steel:#66625A; --steel-2:#8A867B;
  --line:rgba(26,24,19,.12); --line-2:rgba(26,24,19,.22);
  --todo:#9A4A12; --todo-bg:rgba(154,74,18,.08);
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI",Roboto,system-ui,sans-serif;
  --pad:clamp(20px,6vw,110px); --exp:cubic-bezier(.16,1,.3,1);
  color-scheme:light;
}
html[data-u="studio"]{
  --bg:#0B0A08; --bg-2:#131110; --ink:#F2EFE7; --text:#B9B4A8; --steel:#8A857A; --steel-2:#6A665D;
  --line:rgba(242,239,231,.13); --line-2:rgba(242,239,231,.26);
  --todo:#E8A36B; --todo-bg:rgba(232,163,107,.1);
  color-scheme:dark;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{ margin:0; background:var(--bg); color:var(--text); font-family:var(--sans); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
::selection{ background:var(--ink); color:var(--bg); }
a{ color:var(--ink); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;
  text-decoration-color:var(--line-2); transition:text-decoration-color .3s; }
a:hover{ text-decoration-color:currentColor; }
:focus-visible{ outline:2px solid var(--ink); outline-offset:3px; }

.lg__nav{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px var(--pad);
  border-bottom:1px solid var(--line); }
.lg__brand{ display:inline-flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); }
.lg__mark{ width:24px; height:24px; background:var(--ink); flex:none;
  -webkit-mask:url(/assets/hikaia-cat-white.png) no-repeat center/contain; mask:url(/assets/hikaia-cat-white.png) no-repeat center/contain;
  transition:transform .6s var(--exp); }
.lg__brand:hover .lg__mark{ transform:rotate(-9deg); }
.lg__word{ font-weight:500; font-size:12px; letter-spacing:.18em; text-transform:uppercase; }
.lg__back{ font-size:13.5px; color:var(--steel); text-decoration:none; white-space:nowrap; }
.lg__back:hover{ color:var(--ink); }

.lg{ max-width:760px; margin:0 auto; padding:clamp(56px,11vw,120px) var(--pad) clamp(60px,10vw,110px); }
.lg__eyebrow{ display:block; font-weight:500; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--steel); margin:0 0 18px; }
.lg__title{ margin:0; font-weight:600; font-size:clamp(34px,8vw,64px); line-height:1; letter-spacing:-.03em; color:var(--ink); text-wrap:balance; }
.lg__intro{ margin:clamp(20px,4vw,30px) 0 0; font-size:clamp(15.5px,2vw,17.5px); line-height:1.62; max-width:58ch; }
.lg__date{ margin:14px 0 0; font-size:12.5px; color:var(--steel-2); }

.lg section{ margin-top:clamp(40px,7vw,64px); padding-top:clamp(22px,3.4vw,30px); border-top:1px solid var(--line); }
.lg h2{ display:flex; align-items:baseline; gap:14px; margin:0 0 14px; font-weight:600; font-size:clamp(19px,3.4vw,24px);
  line-height:1.2; letter-spacing:-.018em; color:var(--ink); }
.lg h2 i{ font-style:normal; font-weight:500; font-size:11px; letter-spacing:.14em; color:var(--steel-2); font-variant-numeric:tabular-nums; }
.lg p{ margin:0 0 12px; max-width:64ch; }
.lg ul{ margin:0 0 12px; padding-left:1.1em; max-width:64ch; }
.lg li{ margin:0 0 6px; }
.lg li::marker{ color:var(--steel-2); }

/* fiche : libellé / valeur, empilés sur mobile, en deux colonnes ensuite */
.lg dl{ margin:0; display:grid; }
.lg dl>div{ display:grid; gap:2px; padding:12px 0; border-bottom:1px solid var(--line); }
.lg dl>div:first-child{ padding-top:4px; }
.lg dt{ font-size:12.5px; color:var(--steel); }
.lg dd{ margin:0; color:var(--ink); overflow-wrap:anywhere; }
@media (min-width:640px){
  .lg dl>div{ grid-template-columns:minmax(0,15em) minmax(0,1fr); gap:24px; align-items:baseline; }
}

/* information officielle manquante : visible au premier coup d'œil, impossible à rater en relecture */
.todo{ display:inline-block; padding:1px 9px; border:1px dashed var(--todo); border-radius:4px; background:var(--todo-bg);
  color:var(--todo); font-size:.86em; font-weight:500; letter-spacing:.01em; line-height:1.55; }

.lg__foot{ padding:26px var(--pad) 34px; border-top:1px solid var(--line); display:flex; flex-wrap:wrap; justify-content:space-between;
  gap:10px 26px; font-size:12.5px; color:var(--steel-2); }
.lg__foot nav{ display:flex; flex-wrap:wrap; gap:8px 22px; }
.lg__foot a{ color:var(--steel); text-decoration:none; }
.lg__foot a:hover,.lg__foot a[aria-current="page"]{ color:var(--ink); }