/* Pages juridiques BNBOX */
main { max-width: 48rem; margin: 0 auto; padding: 2.5rem 1.25rem 5rem; }
.legal-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 2rem; }
.logo { font-family: var(--font-display); font-weight: 800; font-size: 1.3rem; letter-spacing: -0.04em; text-decoration: none; color: var(--plum); }
.logo span { color: var(--rose); }
.legal-nav { display: flex; gap: 0 1rem; flex-wrap: wrap; font-size: .9rem; }
.legal-nav a { display: inline-block; padding: .65rem 0; }
.legal-nav a { color: var(--plum-soft); }
h1 { font-size: clamp(1.7rem, 4vw, 2.4rem); margin-bottom: .4rem; }
.updated { color: var(--plum-soft); margin: 0 0 2rem; font-size: .95rem; }
h2 { font-size: 1.15rem; margin: 2.2rem 0 .6rem; }
h3 { font-size: 1rem; margin: 1.4rem 0 .4rem; font-family: var(--font-body); font-weight: 700; letter-spacing: 0; }
p, li { color: #3d2a3c; line-height: 1.65; }
ul, ol { padding-left: 1.3rem; }
.box { background: var(--paper); border-radius: var(--r-md); padding: 1.1rem 1.3rem; margin: 1rem 0; }
.summary-box { background: var(--pistache); border-radius: var(--r-md); padding: 1.1rem 1.3rem; margin: 0 0 2rem; }
.summary-box p, .summary-box li { color: #1f4a28; }
table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .95rem; background: var(--paper); border-radius: var(--r-sm); overflow: hidden; }
th, td { text-align: left; padding: .6rem .8rem; border-bottom: 1px solid var(--blush); vertical-align: top; }
th { background: var(--petal); font-weight: 700; }
a { color: var(--rose-deep); }
.form-retract { border: 2px dashed var(--petal); border-radius: var(--r-md); padding: 1.1rem 1.3rem; background: var(--paper); }
/* Mobile : le tableau devient une carte par ligne (sinon il déborde de l'écran) */
@media (max-width: 640px) {
  table, tbody, tr, td { display: block; }
  thead { display: none; }
  tr { padding: .4rem 0; border-bottom: 2px solid var(--petal); }
  td { border: 0; padding: .3rem 1rem; }
  td:first-child { padding-top: .7rem; }
  td + td::before { display: block; font-size: .8rem; font-weight: 700; color: var(--plum-soft); }
  td:nth-child(2)::before { content: "Pourquoi"; }
  td:nth-child(3)::before { content: "Base légale"; }
  td:nth-child(4)::before { content: "Durée"; }
}
@media print { .legal-nav, .legal-top a.btn { display: none; } body { background: #fff; } }