/* OVELIYA — pages juridiques · hiérarchie visuelle */
body{font-family:"Spectral",serif;color:#2c2722;line-height:1.7;background:#f3ece0;margin:0}
.wrap{max-width:720px;margin:0 auto;padding:30px 24px 70px}
a{color:#6f5a3f}
a.back{text-decoration:none;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}
h1{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:2.2rem;margin:14px 0 8px;line-height:1.12}
.note{background:#fbf3df;border:1px solid #e5d4a8;border-radius:6px;padding:12px 14px;font-size:.86rem;margin:16px 0}
.ov-en-cours{
  display:inline-block;margin:12px 0 18px;padding:6px 14px;border-radius:20px;
  background:rgba(139,115,85,.12);border:1px solid #c9b89a;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#6f5a3f
}
.ph{background:#efe7d6;padding:0 5px;border-radius:3px}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.82rem;margin:20px 0 24px;padding-bottom:16px;border-bottom:1px solid #d8ccb8}
.meta{font-size:.85rem;color:#5d544a;margin-bottom:4px}
ul{padding-left:20px}
p{margin:0 0 12px}
footer{font-size:.8rem;color:#5d544a;border-top:1px solid #d8ccb8;padding-top:16px;margin-top:36px}

/* ─── Sommaire ─── */
.sommaire{font-size:.86rem;background:#fbf7ef;border:1px solid #d8ccb8;padding:14px 18px;margin:20px 0;border-radius:4px}
.sommaire--cols{columns:2;column-gap:24px}
.sommaire ol{margin:8px 0 0;padding-left:1.2em;line-height:1.55;break-inside:avoid}
.sommaire a{color:#6f5a3f;text-decoration:none}
.sommaire a:hover{text-decoration:underline}

/* ─── Section principale (h2 · ex. 1 · Objet) ─── */
h2.sec{
  display:flex;align-items:stretch;gap:0;
  margin:40px 0 16px;padding:0;
  border:1px solid #c9b89a;border-left:5px solid #8b7355;
  border-radius:4px;background:#fbf7ef;
  font-family:"Cormorant Garamond",serif;font-weight:500;
  line-height:1.2;scroll-margin-top:16px
}
h2.sec .n{
  flex:none;min-width:3.2rem;padding:14px 10px 14px 14px;
  font-size:1.85rem;font-weight:500;color:#8b7355;
  border-right:1px solid #d8ccb8;background:rgba(139,115,85,.08);
  text-align:center;line-height:1
}
h2.sec .t{
  flex:1;padding:13px 16px 13px 14px;
  font-size:1.38rem;color:#2c2722;align-self:center
}

/* ─── Sous-section numérotée (h3 · ex. 4.1 · Affichage) ─── */
h3.sub{
  display:flex;align-items:baseline;gap:10px;
  margin:22px 0 10px;padding:9px 12px 9px 10px;
  border-left:3px solid #c9b89a;background:rgba(239,230,214,.55);
  border-radius:0 3px 3px 0;
  font-family:"Spectral",serif;font-weight:400;font-size:.95rem;
  line-height:1.45;scroll-margin-top:12px
}
h3.sub .n{
  flex:none;font-family:"Cormorant Garamond",serif;font-weight:500;
  font-size:1.05rem;color:#8b7355;letter-spacing:.02em;min-width:2.4em
}
h3.sub .t{color:#3f382f;font-weight:400}

/* ─── Sous-titre sans numéro (h3 · ex. Écriture gratuite) ─── */
h3.sub-plain{
  display:block;margin:18px 0 8px;padding:0 0 0 14px;
  border-left:2px solid #d8ccb8;
  font-family:"Cormorant Garamond",serif;font-weight:500;
  font-size:1.12rem;color:#5d544a;line-height:1.35
}
h3.sub-plain .t{display:block;font-family:"Cormorant Garamond",serif;font-size:1.15rem;color:#5d544a}

/* Tableaux (cookies, etc.) */
.legal-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:12px 0 20px}
.legal-table td,.legal-table th{border:1px solid #d8ccb8;padding:8px 10px;text-align:left;vertical-align:top}
.legal-table th{background:#efe6d6;font-family:"Cormorant Garamond",serif;font-weight:500;color:#6f5a3f}

/* Corps de section : retrait léger sous un h2 */
h2.sec + p,h2.sec + ul{margin-left:4px}
h2.sec ~ h3.sub,h2.sec ~ h3.sub-plain{margin-left:4px}

@media(max-width:560px){
  .sommaire--cols{columns:1}
  h2.sec .n{min-width:2.6rem;font-size:1.55rem;padding:12px 8px}
  h2.sec .t{font-size:1.2rem;padding:11px 12px}
}