/* Maquette éditoriale des articles générés (Blogs_Generation_Manager) — préfixe .be- */
.be-article { --be-ink:#1c1a15; --be-muted:#6f6a5e; --be-line:#ece7dc; --be-gold:#b8860b; --be-gold-soft:#fbf1d6; --be-teal:#0e6f66; --be-teal-soft:#dcefec;
  --be-ink-2:#5a554a; --be-faint:#8a8577; --be-card:#fff; --be-soft:#faf7ef; --be-soft-2:#f6f3ea; --be-chip:#f2efe7; --be-media:#ece7dc;
  --be-price:#7a5a08; --be-free-bg:#e3f5e8; --be-free:#1e7a3a; --be-solid:var(--be-ink); --be-on-solid:#fff; --be-kicker-bg:var(--be-ink); font-size:16.5px; line-height:1.65; color:var(--be-ink); }
.be-article p { margin:0 0 16px; }
.be-lede { font-size:20px; line-height:1.55; font-weight:500; color:var(--be-ink); margin:0 0 22px; }
.be-lede::first-letter { font-size:3.1em; font-weight:800; float:left; line-height:.85; margin:6px 10px 0 0; color:var(--be-gold); }
.be-chips { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; }
.be-chip { display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:4px 9px; border-radius:6px; background:var(--be-chip); color:var(--be-ink-2); }
.be-chip--genre { background:var(--be-teal-soft); color:var(--be-teal); }
.be-chip--price { background:var(--be-gold-soft); color:var(--be-price); text-transform:none; letter-spacing:0; }
.be-chip--price.free { background:var(--be-free-bg); color:var(--be-free); }
.be-brief { background:var(--be-soft); border:1px solid var(--be-line); border-left:4px solid var(--be-gold); border-radius:12px; padding:16px 20px; margin:0 0 28px; }
.be-brief h4 { margin:0 0 8px; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--be-gold); font-weight:800; }
.be-brief ul { margin:0; padding-left:18px; } .be-brief li { margin:4px 0; }
.be-brief--practical li { list-style:none; margin:6px 0; } .be-brief--practical ul { padding-left:0; } .be-brief--practical li i { color:var(--be-gold); width:18px; }
.be-section { margin:34px 0 8px; }
.be-section-head { display:flex; align-items:center; gap:14px; margin:0 0 10px; }
.be-kicker { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:var(--be-kicker-bg); color:#f2c14e; font-weight:800; font-size:14px; letter-spacing:.06em; }
.be-section-head h2 { margin:0; font-size:26px; line-height:1.15; font-weight:800; letter-spacing:-.015em; }
.be-section-intro { color:var(--be-muted); font-size:16px; margin-bottom:18px; }
.be-story { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:22px; align-items:center; padding:18px 0; border-top:1px solid var(--be-line); }
.be-story--flip .be-story-visual { order:2; }
.be-story-visual { display:flex; flex-direction:column; gap:8px; min-width:0; }
.be-story-facts { display:flex; flex-wrap:wrap; gap:6px; }
.be-top-facts { font-size:12px; color:var(--be-ink-2); font-weight:600; }
.be-story-media { position:relative; display:block; border-radius:14px; overflow:hidden; aspect-ratio:16/10; background:var(--be-media); }
.be-story-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.be-story:hover .be-story-media img { transform:scale(1.04); }
.be-story-noimg { display:block; width:100%; height:100%; background:linear-gradient(140deg,#1b2a30,#0f1418); }
.be-story-date { position:absolute; top:12px; left:12px; display:flex; flex-direction:column; align-items:center; padding:7px 10px; border-radius:10px; background:rgba(16,20,24,.88); color:#fff; line-height:1.05; backdrop-filter:blur(4px); }
.be-story-date span { font-size:10.5px; font-weight:700; letter-spacing:.1em; color:#f2c14e; }
.be-story-date strong { font-size:15px; font-weight:800; margin-top:2px; }
.be-story-body h3 { margin:0 0 6px; font-size:21px; line-height:1.25; font-weight:800; letter-spacing:-.01em; }
.be-story-body h3 a { color:var(--be-ink); text-decoration:none; } .be-story-body h3 a:hover { color:var(--be-gold); }
.be-story-meta { font-size:13.5px; color:var(--be-muted); margin:0 0 10px; } .be-story-meta i { color:var(--be-gold); margin:0 4px 0 2px; }
.be-story-body p { margin:0 0 10px; }
.be-tip { font-size:14px; color:var(--be-ink-2); background:var(--be-soft-2); border-radius:8px; padding:8px 12px; } .be-tip i { color:var(--be-gold); margin-right:4px; }
.be-cta { display:inline-flex; align-items:center; gap:8px; margin-top:4px; padding:9px 16px; border-radius:999px; background:var(--be-solid); color:var(--be-on-solid) !important; font-weight:700; font-size:14px; text-decoration:none !important; transition:background .15s, transform .15s; }
.be-cta:hover { background:var(--be-gold); transform:translateY(-1px); }
.be-cta--big { margin-top:12px; padding:12px 22px; font-size:15px; }
.be-quote { margin:18px 0; padding:6px 0 6px 20px; border-left:4px solid var(--be-gold); font-size:21px; line-height:1.4; font-weight:600; color:var(--be-ink); font-style:italic; }
.be-top { margin:36px 0 10px; }
.be-top-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
.be-top-card { position:relative; display:flex; flex-direction:column; border-radius:14px; overflow:hidden; background:var(--be-card); border:1px solid var(--be-line); text-decoration:none !important; color:var(--be-ink) !important; transition:transform .15s, box-shadow .15s; }
.be-top-card:hover { transform:translateY(-3px); box-shadow:0 10px 26px rgba(20,16,8,.12); }
.be-top-card img, .be-top-noimg { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; background:var(--be-media); }
.be-rank { position:absolute; top:10px; left:10px; width:34px; height:34px; border-radius:50%; background:#f2c14e; color:#1a1408; font-weight:900; display:flex; align-items:center; justify-content:center; font-size:16px; box-shadow:0 2px 8px rgba(0,0,0,.25); }
.be-top-body { display:flex; flex-direction:column; gap:3px; padding:12px 13px 14px; }
.be-top-body strong { font-size:15px; line-height:1.3; } .be-top-body span { font-size:12.5px; color:var(--be-muted); } .be-top-body em { font-size:13px; color:var(--be-ink-2); font-style:normal; margin-top:4px; }
.be-more { margin:30px 0 10px; padding:18px 20px; background:var(--be-soft); border-radius:12px; }
.be-more h2 { margin:0 0 10px; font-size:18px; font-weight:800; } .be-more ul { margin:0; padding-left:18px; } .be-more li { margin:5px 0; } .be-more li a { font-weight:700; color:var(--be-ink); } .be-more li span { color:var(--be-muted); font-size:14px; }
.be-more h3 { margin:14px 0 4px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--be-teal); font-weight:800; } .be-more h3:first-of-type { margin-top:4px; }
.be-faq { margin:32px 0 10px; } .be-faq h2 { font-size:22px; font-weight:800; margin:0 0 12px; }
.be-faq-item { border:1px solid var(--be-line); border-radius:10px; margin:0 0 8px; padding:0 16px; }
.be-faq-item summary { cursor:pointer; padding:13px 0; font-weight:700; list-style:none; position:relative; padding-right:26px; }
.be-faq-item summary::-webkit-details-marker { display:none; }
.be-faq-item summary::after { content:'+'; position:absolute; right:0; top:10px; font-size:20px; color:var(--be-gold); }
.be-faq-item[open] summary::after { content:'\2212'; }
.be-faq-item p { margin:0 0 14px; color:var(--be-ink); }
.be-closing { font-size:17px; margin-top:22px; }
.be-live { margin-top:30px; } .be-live h2 { font-size:20px; font-weight:800; margin:0 0 8px; }
.be-permanent a { display:inline-block; font-weight:700; color:var(--be-gold); text-decoration:none; }
.be-disclosure { font-size:12.5px; color:var(--be-faint); border-top:1px solid var(--be-line); padding-top:12px; margin-top:26px; }
@media (max-width:640px) {
  .be-article { font-size:16px; } .be-lede { font-size:18px; }
  .be-story { grid-template-columns:1fr; gap:12px; } .be-story--flip .be-story-visual { order:0; }
  .be-section-head h2 { font-size:22px; } .be-top-grid { grid-template-columns:1fr; }
}
/* Mode sombre : uniquement des jetons (valeurs du thème bzk-theme.css). */
html.dark-mode .be-article {
  --be-ink:var(--bzk-text); --be-ink-2:var(--bzk-text-2); --be-muted:var(--bzk-text-muted); --be-faint:var(--bzk-text-faint);
  --be-line:var(--bzk-border); --be-card:var(--bzk-surface); --be-soft:var(--bzk-surface-2); --be-soft-2:var(--bzk-surface-2);
  --be-chip:var(--bzk-surface-3); --be-media:#24262b; --be-gold:var(--bzk-accent); --be-gold-soft:#3a2f14; --be-price:#f2c14e;
  --be-teal:#5fd3c4; --be-teal-soft:#173b37; --be-free-bg:var(--bzk-success-soft); --be-free:var(--bzk-success);
  --be-solid:#f2c14e; --be-on-solid:#1a1408; --be-kicker-bg:#24262b;
}