/* Pages juridiques : mêmes deux ambiances que la page de l'assistant (html[data-mode="sable"|"nuit"], choix mémorisé), carte en verre « Le Phare ». */
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("../phare/fonts/DMSans-latin.woff2") format("woff2"); }
:root { color-scheme: light; --tint: 255, 240, 215; --v-page: #f3ecdd; --v-texte: #14284b; --v-texte-2: rgba(20, 40, 75, .74); --v-or: #9b6420; --v-erreur: #9a4a42;
  --v-fond: radial-gradient(120% 90% at 6% 0%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0) 55%), radial-gradient(90% 80% at 100% 100%, rgba(var(--tint), 0.3), rgba(var(--tint), 0) 62%), linear-gradient(160deg, rgba(var(--tint), 0.5), rgba(var(--tint), 0.68));
  --v-ombre: inset 0 1px 1px rgba(255, 255, 255, 0.75), inset 0 -1px 1px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.22), 0 34px 70px -34px rgba(0, 0, 0, 0.5);
  --v-police: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif; }
:root[data-mode="nuit"] { color-scheme: dark; --tint: 30, 48, 92; --v-page: #0b1a2e; --v-texte: #f6efe2; --v-texte-2: rgba(246, 239, 226, .8); --v-or: #c9a46a; --v-erreur: #e6aaa3;
  --v-fond: radial-gradient(120% 90% at 6% 0%, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0) 55%), radial-gradient(90% 80% at 100% 100%, rgba(var(--tint), 0.45), rgba(var(--tint), 0) 62%), linear-gradient(160deg, rgba(var(--tint), 0.58), rgba(var(--tint), 0.76)); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--v-page); color: var(--v-texte); font: 400 16.5px/1.6 var(--v-police); -webkit-text-size-adjust: 100%; }
main { max-width: 46rem; margin: clamp(12px, 3vw, 32px) auto; padding: clamp(26px, 3.4vw, 46px); border-radius: clamp(28px, 3vw, 40px); background: var(--v-fond); box-shadow: var(--v-ombre); }
h1 { margin: 0 0 6px; font-weight: 300; font-size: clamp(1.8rem, 5.5vw, 2.4rem); letter-spacing: -.02em; line-height: 1.12; }
h1 .or-mot { color: var(--v-or); }
h2 { font-size: 1.1rem; font-weight: 500; margin: 30px 0 6px; letter-spacing: -.01em; }
p, li { margin: 6px 0; color: var(--v-texte-2); }
strong { color: var(--v-texte); font-weight: 600; }
ul { padding-left: 1.2rem; }
.maj { font-size: .88rem; }
a { color: var(--v-or); }
.a-completer { background: color-mix(in srgb, var(--v-erreur) 20%, transparent); color: var(--v-erreur); padding: 0 .35em; border-radius: 6px; font-weight: 600; }
nav { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 999px; font-size: 15px; font-weight: 500; text-decoration: none; color: var(--v-texte); background: color-mix(in srgb, var(--v-texte) 8%, transparent); box-shadow: 0 0 0 1px #c9a46a; transition: background .25s ease, box-shadow .25s ease; }
nav a:hover { background: color-mix(in srgb, var(--v-texte) 14%, transparent); box-shadow: 0 0 0 1px #e8c98a; }
nav a:focus-visible, a:focus-visible { outline: 2px solid #c9a46a; outline-offset: 3px; }
.note { border-radius: 22px; background: color-mix(in srgb, var(--v-texte) 7%, transparent); padding: 14px 18px; font-size: .94rem; }