/* Pages légales Basira Design : sobres, lisibles, identité nuit et or du site. */
@font-face{font-family:"Butler";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/butler-500.woff2") format("woff2")}
:root{--night:#050810;--surface:#101725;--gold:#E8C77A;--gold-2:#F5DFA8;--fg:#F2F4F8;--muted:#8B95A5;--muted-2:#C7CFDA;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--night);color:var(--muted-2);font:16px/1.7 "Inter",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
a:hover{color:var(--gold-2)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:0 auto;padding:22px 20px}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg);text-decoration:none;font-family:"Butler",Georgia,serif;font-size:20px}
.brand img{width:32px;height:32px;object-fit:contain}
.top nav a{font-size:14px;text-decoration:none}
main{max-width:820px;margin:0 auto;padding:24px 20px 64px}
h1,h2,h3{font-family:"Butler",Georgia,serif;font-weight:500;color:var(--fg);line-height:1.15;text-wrap:balance}
h1{font-size:clamp(34px,6vw,52px);margin:12px 0 8px}
h2{font-size:clamp(24px,3.6vw,30px);margin:48px 0 8px;padding-top:24px;border-top:1px solid color-mix(in oklab,var(--gold) 18%,transparent)}
h3{font-size:19px;margin:28px 0 4px}
.meta{color:var(--muted);font-size:14px;margin:0 0 8px}
.langs{display:flex;gap:16px;font-size:14px;margin:20px 0 0}
.card{background:var(--surface);border:1px solid color-mix(in oklab,var(--gold) 16%,transparent);border-radius:14px;padding:20px 22px;margin:20px 0}
.card dl{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:8px 20px;margin:0}
.card dt{color:var(--muted)}
.card dd{margin:0;color:var(--fg);overflow-wrap:anywhere}
ul{padding-left:20px}
li{margin:4px 0}
footer{max-width:820px;margin:0 auto;padding:24px 20px 48px;border-top:1px solid color-mix(in oklab,var(--gold) 10%,transparent);font-size:13px;color:var(--muted);line-height:2}
footer a{color:var(--muted-2)}
@media (max-width:560px){.card dl{grid-template-columns:1fr;gap:2px}.card dd{margin-bottom:10px}}