/* 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; 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:#f2efe7; color:#5a554a; }
.be-chip--genre { background:var(--be-teal-soft); color:var(--be-teal); }
.be-chip--price { background:var(--be-gold-soft); color:#7a5a08; text-transform:none; letter-spacing:0; }
.be-chip--price.free { background:#e3f5e8; color:#1e7a3a; }
.be-brief { background:#faf7ef; 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-ink); 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:#5a554a; font-weight:600; }
.be-story-media { position:relative; display:block; border-radius:14px; overflow:hidden; aspect-ratio:16/10; background:#ece7dc; }
.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:#5a554a; background:#f6f3ea; 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-ink); color:#fff !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:#fff; 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:#ece7dc; }
.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:#5a554a; font-style:normal; margin-top:4px; }
.be-more { margin:30px 0 10px; padding:18px 20px; background:#faf7ef; 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-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:#8a8577; 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; }
}
html.dark-mode .be-article { --be-ink:#e8e4da; --be-muted:#a39d90; --be-line:#2a2c30; --be-gold-soft:#3a2f14; --be-teal-soft:#173b37; }
html.dark-mode .be-brief, html.dark-mode .be-more, html.dark-mode .be-tip { background:#161719; }
html.dark-mode .be-chip { background:#24262b; color:#cfc9bb; } html.dark-mode .be-top-card { background:#161719; }