/* Pages légales de brasseo88.fr : mêmes polices que la maquette (hébergées, voir polices.css). */
:root{--marine:#0f2a44;--encre:#172033;--sec:#5b6578;--trait:#d9dee7;--fond:#f3f5f8;--menthe:#4fc8b0}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--encre);font:15px/1.6 "IBM Plex Sans",system-ui,sans-serif}
.barre{background:var(--marine);color:#fff}
.barre .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.barre img{height:30px;width:auto;display:block}
.barre a{color:#fff;font-size:13px;text-decoration:none;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 14px}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
main.wrap{padding-top:34px;padding-bottom:70px}
.sur{font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--menthe)}
h1{font:800 clamp(30px,5vw,40px)/1.1 "Archivo",sans-serif;margin:10px 0 4px;color:var(--marine)}
.maj{color:var(--sec);font-size:13px;margin:0 0 26px}
section{background:#fff;border:1px solid var(--trait);border-radius:10px;padding:20px 22px;margin-bottom:14px}
h2{font:700 17px/1.3 "Archivo",sans-serif;margin:0 0 10px;color:var(--marine)}
h2 .n{font:500 11px "IBM Plex Mono",monospace;color:var(--menthe);margin-right:10px;letter-spacing:.1em}
table.def{width:100%;border-collapse:collapse;font-size:14px}
table.def th,table.def td{text-align:left;padding:7px 8px 7px 0;border-bottom:1px solid var(--trait);vertical-align:top}
table.def th{width:38%;font-weight:500;color:var(--sec)}
a{color:var(--marine)}
footer .wrap{padding:20px 20px 40px;font-size:12.5px;color:var(--sec)}
footer .liens a{margin-right:6px}