Description

:root{
–bp-gold:#D4AF37; –bp-gold-soft:#E8D9A6; –bp-ink:#101010; –bp-text:#2B2B2B;
–bp-muted:#6B6B6B; –bp-border:#EFE8D6; –bp-bg:#FFFFFF; –bp-cream:#FFFDF7;
}
.bp-scope{ font-family: »Laura », »Lora »,Georgia, »Times New Roman »,serif; color:var(–bp-text); background:var(–bp-cream); }
.bp-card{ max-width:900px; margin:28px auto; background:var(–bp-bg); border:1px solid var(–bp-border); border-radius:18px; overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.06); }
.bp-topline{ height:3px; background:linear-gradient(90deg, rgba(212,175,55,.9), rgba(232,217,166,.6)); }
.bp-hero{
padding:clamp(26px,4.5vw,44px) clamp(22px,3.5vw,36px);
background:
radial-gradient(120% 180% at 10% 0%, rgba(212,175,55,.22) 0%, rgba(255,255,255,0) 50%),
linear-gradient(135deg, rgba(232,217,166,.35) 0%, rgba(255,255,255,0) 55%);
}
.bp-title{ margin:0 0 6px; font-size:clamp(24px,3.4vw,36px); line-height:1.2; color:var(–bp-ink); font-weight:600; letter-spacing:.2px; }
.bp-sub{ margin:0; color:var(–bp-muted); font-weight:500; }
.bp-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.bp-badge{ display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border:1px solid var(–bp-border); border-radius:999px; background:#fff; font-size:14px; }
.dot{ width:10px; height:10px; border-radius:999px; background:var(–bp-gold); display:inline-block; }

.bp-inner{ padding:clamp(22px,3.5vw,34px); background:radial-gradient(140% 120% at 100% 0%, rgba(212,175,55,.10) 0%, rgba(255,255,255,0) 50%) no-repeat; }
.bp-hr{ height:1px; background:var(–bp-border); margin:22px 0; }
.bp-accent{ background:linear-gradient(90deg, rgba(212,175,55,.14), transparent); border-left:2px solid var(–bp-gold); padding:12px 14px; border-radius:10px; margin:14px 0 18px; }

.bp-list{ padding-left:18px; margin:10px 0 0; }
.bp-list li{ margin:6px 0; }

/* Accordéons */
.bp-accordion{ margin-top:12px; }
details.bp-acc{ border:1px solid var(–bp-border); border-radius:14px; background:#fff; margin:12px 0; overflow:hidden; transition:box-shadow .2s ease, border-color .2s ease; }
details.bp-acc[open]{ border-color:#E2D6B2; box-shadow:0 10px 28px rgba(212,175,55,.10); }
.bp-acc summary{ list-style:none; cursor:pointer; padding:14px 16px; display:flex; align-items:center; justify-content:space-between; font-weight:600; color:var(–bp-ink); background:linear-gradient(90deg, rgba(232,217,166,.18), rgba(255,255,255,1)); }
.bp-acc summary::-webkit-details-marker{ display:none; }
.caret{ transition:transform .2s ease; }
details[open] .caret{ transform:rotate(180deg); }
.bp-acc .content{ padding:0 16px 16px; color:var(–bp-text); }

.bp-footnote{ color:var(–bp-muted); font-size:13px; }
@media (max-width:640px){ .bp-badge{ font-size:13px; padding:5px 10px; } }