/* ============================================================
   CERCLE BTP — legal.css (cgv, confidentialite, mentions-legales)
   ============================================================ */

:root{--maxw:820px}

body{font-size:16.5px;line-height:1.65}
a{color:var(--orange);text-decoration:underline}
footer a{color:#9C9C9C;text-decoration:underline}

h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1.05;margin-bottom:14px}
h2{font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:800;letter-spacing:-.03em;margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--line-2)}
h3{font-size:1.02rem;font-weight:700;letter-spacing:-.02em;margin:24px 0 8px}
p,li{color:var(--gris-2)}
p{margin-bottom:14px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:8px}

main{padding:clamp(44px,7vw,80px) 0 clamp(56px,8vw,96px)}
.maj{font-size:.82rem;color:var(--gris);margin-bottom:38px}

table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.94rem}
th,td{text-align:left;padding:12px 14px;border:1px solid var(--line);vertical-align:top;color:var(--gris-2)}
th{background:var(--noir-2);font-weight:700;color:#fff;width:38%}

@media(max-width:600px){
  th{width:auto}
  table,tbody,tr,td,th{display:block}
  th{border-bottom:0}
  td{border-top:0;margin-bottom:10px}
}