/* BrainPredict | blog (liste + articles) */
:root{
 --bg:#05070f;--bg2:#0a0e1a;--text:#e8edf5;--muted:#B8C0CC;
 --cyan:#00d4ff;--violet:#7c3aed;--pink:#ec4899;--green:#00e87a;
 --border-faint:rgba(255,255,255,0.08);
 --border:rgba(255,255,255,0.12);
 --border-section:rgba(255,255,255,0.16);
 --nav-divider:rgba(255,255,255,0.15);
 --gold:#fbbf24;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
 background:var(--bg);color:var(--text);
 font-family:'DM Sans',sans-serif;line-height:1.75;min-height:100vh;
}
/* Nav fixe partagée (main.css). Blog sans opening-bar → offset 0.
   Desktop : nav-top + nav-bot (~6.2rem) + air. Mobile : nav-top seul (hamburger). */
body.blog-site{
 --opening-bar-h:0px;
 padding-top:max(7.5rem,calc(6.5rem + env(safe-area-inset-top,0px)));
}
@media(max-width:768px){
 body.blog-site{
  padding-top:max(5rem,calc(4.25rem + env(safe-area-inset-top,0px)));
 }
}
body.blog-site nav.site-nav a.lb{text-decoration:none;color:inherit;}
body.blog-site nav.site-nav a.btn-cta{text-decoration:none;display:inline-block;}

/* Legacy blog-header (remplacé par nav site principal), conservé si pages non regénérées */
a{color:var(--cyan);text-decoration:none;transition:opacity 0.2s;}
a:hover{opacity:0.85;text-decoration:underline;}

.blog-header{
 position:relative;z-index:10;
 border-bottom:1px solid var(--border);
 background:rgba(5,7,15,0.92);
 backdrop-filter:blur(10px);
}
.blog-header-top{
 display:flex;align-items:center;justify-content:space-between;
 padding:0.85rem 2rem;gap:0.75rem;min-width:0;
}
.blog-brand{
 display:flex;align-items:center;gap:0.75rem;
 font-family:'DM Serif Display',serif;font-size:1.25rem;color:#fff;text-decoration:none;
 min-width:0;flex-shrink:1;
}
.blog-brand:hover{text-decoration:none;opacity:0.9;}
.blog-logo-circle{
 width:34px;height:34px;border-radius:50%;flex-shrink:0;
 background:url('/assets/logo.jpg') center 18%/160% no-repeat;
 border:1.5px solid rgba(0,212,255,0.35);
 box-shadow:0 0 10px rgba(0,212,255,0.12);
}
.blog-header-right{display:flex;align-items:center;gap:0.75rem;flex-shrink:0;}
.blog-nav{font-size:0.88rem;color:var(--muted);white-space:nowrap;}
.blog-lang-mobile{display:none;}
/* Drapeaux : sélecteur compact via main.css (.lang-picker), pas de rangée 6 drapeaux */
body.blog-site nav.site-nav .lang-picker{flex-shrink:0;}
body.blog-site nav.site-nav a.lb{text-decoration:none;color:inherit;}

/* ── Liste articles (grille compacte, volume à venir) ── */
.blog-main{max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem 3.5rem;}
.blog-main h1{
 font-family:'DM Serif Display',serif;
 font-size:clamp(1.7rem,3.5vw,2.3rem);margin-bottom:0.4rem;
}
.blog-lead{color:var(--muted);margin-bottom:1.5rem;font-size:0.95rem;}

.blog-filters{
 display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1.5rem;align-items:center;
}
.blog-filter-chip{
 border:1px solid var(--border);background:rgba(255,255,255,0.03);
 color:var(--muted);border-radius:999px;padding:0.28rem 0.7rem;
 font-size:0.72rem;cursor:pointer;font-family:inherit;letter-spacing:0.02em;
 transition:border-color 0.15s,color 0.15s,background 0.15s;
}
.blog-filter-chip:hover,.blog-filter-chip.active{
 border-color:rgba(0,212,255,0.4);color:var(--text);background:rgba(0,212,255,0.08);
}
.blog-filter-label{font-size:0.68rem;color:var(--muted);margin-right:0.25rem;text-transform:uppercase;letter-spacing:0.06em;}
.post-list{
 display:grid;
 grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
 gap:0.9rem;
}
.post-card{
 display:flex;flex-direction:column;
 background:rgba(255,255,255,0.02);border:1px solid var(--border);
 border-radius:10px;text-decoration:none;color:inherit;
 overflow:hidden;height:100%;
 transition:border-color 0.2s,transform 0.15s,box-shadow 0.2s;
}
.post-card:hover{
 border-color:rgba(0,212,255,0.25);transform:translateY(-2px);
 box-shadow:0 8px 28px rgba(0,212,255,0.06);text-decoration:none;
}
.post-card-media{
 position:relative;aspect-ratio:16/9;overflow:hidden;
 background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(0,212,255,0.08));
 border-bottom:1px solid var(--border);
}
.post-card-media img{
 width:100%;height:100%;object-fit:cover;display:block;
 transition:transform 0.35s ease;
}
.post-card:hover .post-card-media img{transform:scale(1.04);}
.post-card-media::after{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,transparent 40%,rgba(5,7,15,0.45) 100%);
}
.post-card-media--hub{
 display:flex;align-items:center;justify-content:center;
 background:linear-gradient(145deg,rgba(124,58,237,0.22),rgba(0,212,255,0.12));
}
.post-card-lang{
 font-family:'DM Serif Display',serif;font-size:2rem;color:rgba(255,255,255,0.9);
 letter-spacing:0.06em;
}
.post-card-body{
 display:flex;flex-direction:column;flex:1;
 padding:0.75rem 0.85rem 0.9rem;gap:0.25rem;
}
.post-card-meta{
 font-size:0.62rem;color:var(--muted);text-transform:uppercase;
 letter-spacing:0.07em;margin:0;
 display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;
}
.post-card-meta time{font-weight:500;}
.post-card-meta-sep{opacity:0.45;}
.post-card-title{
 font-family:'DM Serif Display',serif;font-size:0.95rem;
 line-height:1.28;margin:0;color:#fff;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post-card-excerpt{
 font-size:0.82rem;color:var(--muted);line-height:1.5;margin:0;flex:1;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.post-card-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin-top:0.65rem;}
.post-tag{
 font-size:0.62rem;padding:0.2rem 0.55rem;border-radius:999px;
 background:rgba(124,58,237,0.12);border:1px solid rgba(124,58,237,0.25);
 color:rgba(200,180,255,0.95);text-transform:uppercase;letter-spacing:0.06em;
}

/* ── Article ── */
.article-wrap{max-width:720px;margin:0 auto;padding:0 1.5rem 4rem;}
.article-hero{
 position:relative;width:100%;max-width:920px;margin:0 auto;
 aspect-ratio:16/9;overflow:hidden;border-radius:0 0 18px 18px;
 border-bottom:1px solid var(--border);
}
.article-hero img{
 width:100%;height:100%;object-fit:cover;display:block;
}
.article-hero-overlay{
 position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(5,7,15,0.15) 0%,rgba(5,7,15,0.75) 100%);
 pointer-events:none;
}
.article-hero-badge{
 position:absolute;bottom:1.25rem;left:1.5rem;
 font-size:0.65rem;text-transform:uppercase;letter-spacing:0.12em;
 color:rgba(255,255,255,0.85);font-weight:600;
 background:rgba(0,212,255,0.12);border:1px solid rgba(0,212,255,0.3);
 padding:0.35rem 0.75rem;border-radius:6px;backdrop-filter:blur(8px);
}
.article-meta{
 font-size:0.78rem;color:var(--muted);margin:2rem 0 1rem;
 display:flex;flex-wrap:wrap;gap:0.5rem 1.25rem;
}
.article-meta span{display:inline-flex;align-items:center;gap:0.35rem;}
.article h1{
 font-family:'DM Serif Display',serif;
 font-size:clamp(1.85rem,4.5vw,2.55rem);line-height:1.18;
 margin-bottom:1.25rem;
 scroll-margin-top:7.5rem;
}
@media(max-width:768px){.article h1{scroll-margin-top:5rem;}}

.article-poster{
 margin:0 0 1.35rem;
 border-radius:12px;
 overflow:hidden;
 border:1px solid var(--border);
 background:#0b0d12;
}
.article-poster img{
 width:100%;height:auto;display:block;
}
.article-lead{
 font-size:1.08rem;color:rgba(232,237,245,0.92);
 margin-bottom:2rem;line-height:1.8;
}
.article-methodo .article-subtitle{
 font-size:1.02rem;color:rgba(232,237,245,0.72);
 margin:-0.45rem 0 1.15rem;line-height:1.55;
}
/* 2026-08-30 : chapo methodo aéré. Flagships = carte after lead (pas FIRST). */
.article-methodo .article-lead{font-size:1.15rem;line-height:1.6;margin-bottom:2.15rem;}
.article-methodo .article-poster-svg{
 border:none;background:#0B0E14;margin:0 0 1.5rem;border-radius:10px;
}
.article-methodo .methodo-hero-svg{display:block;width:100%;height:auto;}
.article-methodo .heritage-pillars{margin:0 0 1.5rem;}
.article-methodo .heritage-pillar{
 margin:0 0 1.25rem;padding:0 0 0.15rem;
 border:none;background:transparent;
}
.article-methodo .heritage-pillar h3{
 font-family:'DM Serif Display',serif;font-size:1.12rem;
 color:#fff;margin:1.1rem 0 0.45rem;
}
.article-methodo .heritage-pillar p{margin-bottom:0.35rem;line-height:1.75;}
.article-methodo p{line-height:1.7;}
.article-methodo .conversion-table{
 border:none;font-size:0.84rem;
}
.article-methodo .conversion-table th,
.article-methodo .conversion-table td{
 border-bottom:1px solid var(--border-faint);
 padding:0.5rem 0.55rem;
}
.article-methodo .article-cta{
 background:transparent;border:none;padding:1.75rem 0 0;
 text-align:left;
}
.article h2{
 font-family:'DM Serif Display',serif;font-size:1.45rem;
 margin:2.5rem 0 0.85rem;color:#fff;
 padding-top:0.5rem;border-top:1px solid var(--border-faint);
}
.article h2:first-of-type{border-top:none;padding-top:0;}
.article h3{font-size:1rem;font-weight:600;margin:1.75rem 0 0.55rem;color:var(--text);}
.article p{margin-bottom:1.1rem;color:rgba(232,237,245,0.88);}
.article ul,.article ol{margin:0 0 1.25rem 1.1rem;padding-left:0.5rem;}
.article li{margin-bottom:0.55rem;color:rgba(232,237,245,0.88);padding-left:0.25rem;}
.article li strong{color:#fff;}

.callout{
 margin:2rem 0;padding:1.35rem 1.5rem;border-radius:14px;
 background:linear-gradient(135deg,rgba(124,58,237,0.1),rgba(0,212,255,0.06));
 border:1px solid rgba(124,58,237,0.28);
 position:relative;overflow:hidden;
}
.callout::before{
 content:'';position:absolute;top:0;left:0;right:0;height:2px;
 background:linear-gradient(90deg,var(--cyan),var(--violet));
}
.callout-label{
 font-size:0.62rem;text-transform:uppercase;letter-spacing:0.14em;
 color:var(--cyan);font-weight:700;margin-bottom:0.6rem;
}
.callout p{margin-bottom:0.75rem;}
.callout p:last-child{margin-bottom:0;}
.callout-compare{
 display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;margin-top:0.85rem;
}
.callout-col{
 padding:0.85rem 1rem;border-radius:10px;
 background:rgba(0,0,0,0.25);border:1px solid var(--border-faint);
 font-size:0.85rem;line-height:1.55;
}
.callout-col strong{
 display:block;font-size:0.68rem;text-transform:uppercase;
 letter-spacing:0.08em;margin-bottom:0.35rem;color:var(--muted);
}
.callout-col.yes strong{color:var(--green);}
.callout-col.no strong{color:var(--pink);}

/* Origines historiques des formats de cotes */
.history-timeline{display:flex;flex-direction:column;gap:1.15rem;margin:2rem 0;}
.callout-history{
 margin:0;padding:1.25rem 1.35rem 1.35rem;border-radius:14px;
 background:rgba(255,255,255,0.02);border:1px solid var(--border);
 border-left:3px solid var(--violet);
}
.callout-history.region-uk{border-left-color:#60a5fa;}
.callout-history.region-eu{border-left-color:var(--cyan);}
.callout-history.region-us{border-left-color:#f472b6;}
.callout-history.region-asia{border-left-color:var(--gold);}
.history-meta{
 display:flex;flex-wrap:wrap;gap:0.5rem 1rem;margin-bottom:0.65rem;
 font-size:0.68rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;
}
.history-region{color:var(--cyan);}
.history-era{color:var(--gold);}
.callout-history h3{
 font-family:'DM Serif Display',serif;font-size:1.15rem;font-weight:400;
 margin:0 0 0.65rem;color:#fff;
}
.callout-history p{margin-bottom:0.75rem;font-size:0.92rem;}
.callout-history p:last-child{margin-bottom:0;}

.conversion-box{
 margin:1.5rem 0 0;padding:1rem 1.15rem;border-radius:12px;
 background:rgba(0,0,0,0.3);border:1px solid rgba(0,212,255,0.15);
}
.conversion-formula{
 font-family:'Space Mono',monospace;font-size:0.82rem;
 color:var(--cyan);margin-bottom:0.85rem;padding:0.65rem 0.85rem;
 background:rgba(0,212,255,0.06);border-radius:8px;text-align:center;
}
.conversion-table{width:100%;border-collapse:collapse;font-size:0.88rem;}
.conversion-table th,.conversion-table td{
 padding:0.55rem 0.75rem;text-align:left;
 border-bottom:1px solid var(--border-faint);
}
.conversion-table th{
 font-size:0.65rem;text-transform:uppercase;letter-spacing:0.1em;
 color:var(--muted);font-weight:600;
}
.conversion-table td:last-child{
 font-family:'Space Mono',monospace;color:var(--gold);
}
.conversion-table tr:last-child td{border-bottom:none;}
.table-scroll{overflow-x:auto;margin:1.25rem 0;-webkit-overflow-scrolling:touch;}

.portraits-visions{margin:1.75rem 0 1.35rem;}
.portraits-visions h2{
 font-size:1.15rem;margin:0 0 0.75rem;letter-spacing:0.03em;
}
.portraits-table{width:100%;border-collapse:collapse;font-size:0.86rem;}
.portraits-table th,.portraits-table td{
 padding:0.55rem 0.7rem;text-align:left;vertical-align:top;
 border-bottom:1px solid var(--border-faint);
}
.portraits-table th{
 font-size:0.65rem;text-transform:uppercase;letter-spacing:0.1em;
 color:var(--muted);font-weight:600;
}
.portraits-table td:first-child{
 font-weight:600;color:var(--gold);white-space:nowrap;
}
.portraits-table tr:last-child td{border-bottom:none;}

.cartouche-contrats{
 margin:2.25rem 0 1.5rem;padding:1.15rem 1.25rem 1.35rem;border-radius:14px;
 background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.22);
}
.cartouche-contrats h2{
 font-size:1.05rem;margin:0 0 0.85rem;letter-spacing:0.04em;
}
.cartouche-contrats .conversion-table td:nth-child(2),
.cartouche-contrats .conversion-table td:nth-child(3){
 font-family:'Space Mono',monospace;color:var(--gold);
}

/* 2026-08-30 : carte après lead ; margin 2.5rem ; skin gold/cyan (pas purple). */
.decision-engine{
 margin:2.5rem 0;padding:1.05rem 1.1rem 1.15rem;border-radius:14px;
 background:linear-gradient(155deg,rgba(232,180,74,0.08),rgba(0,212,255,0.05));
 border:1px solid rgba(232,180,74,0.32);
}
.decision-kicker{
 font-size:0.62rem;text-transform:uppercase;letter-spacing:0.14em;
 color:var(--gold);font-weight:700;margin:0 0 0.7rem;
}
.decision-compartments{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:0.65rem;
}
.decision-cell{
 padding:0.75rem 0.8rem 0.85rem;border-radius:10px;
 background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);
 min-width:0;
}
.decision-cell[data-cell="vainqueur"]{background:rgba(251,191,36,0.08);border-color:rgba(251,191,36,0.22);}
.decision-cell[data-cell="cote"]{background:rgba(0,212,255,0.07);border-color:rgba(0,212,255,0.2);}
.decision-cell[data-cell="signal"]{background:rgba(236,72,153,0.07);border-color:rgba(236,72,153,0.2);}
.decision-badge{
 font-size:0.58rem;text-transform:uppercase;letter-spacing:0.1em;
 color:var(--gold);font-weight:700;margin:0 0 0.4rem;
}
.decision-name{
 font-family:'DM Serif Display',serif;font-size:1.2rem;color:#fff;
 margin:0 0 0.15rem;line-height:1.2;word-wrap:break-word;
}
.decision-pct{
 font-family:'Space Mono',monospace;font-size:1.35rem;font-weight:700;
 color:#fff;margin:0 0 0.35rem;line-height:1.15;
}
.decision-read{margin:0;font-size:0.78rem;line-height:1.4;color:var(--text);}
.decision-pill{
 display:inline-block;margin:0 0 0.4rem;padding:0.18rem 0.5rem;
 border-radius:999px;font-size:0.68rem;font-weight:700;
 letter-spacing:0.04em;text-transform:uppercase;
}
.pill-over{background:rgba(236,72,153,0.18);color:#fda4af;border:1px solid rgba(236,72,153,0.35);}
.pill-under{background:rgba(0,232,122,0.14);color:#4ade80;border:1px solid rgba(0,232,122,0.32);}
.pill-short{background:rgba(236,72,153,0.2);color:#fda4af;border:1px solid rgba(236,72,153,0.4);}
.pill-long{background:rgba(0,232,122,0.16);color:#4ade80;border:1px solid rgba(0,232,122,0.38);}
.decision-action{margin:0;font-size:0.88rem;line-height:1.35;font-weight:600;color:#fff;}
.decision-explain{
 margin:0.75rem 0 0;font-size:0.88rem;line-height:1.5;color:var(--text);
}
.decision-explain-lab{
 display:block;font-size:0.58rem;text-transform:uppercase;letter-spacing:0.1em;
 color:var(--gold);font-weight:700;margin-bottom:0.25rem;
}
.decision-card{
 margin:0;display:grid;grid-template-columns:minmax(8.5rem,13rem) 1fr;
 gap:0.55rem 1rem;
}
.decision-card dt{
 font-size:0.68rem;text-transform:uppercase;letter-spacing:0.08em;
 color:var(--gold);font-weight:700;margin:0;padding-top:0.2rem;
}
.decision-card dd{margin:0;font-size:0.98rem;line-height:1.45;}
.decision-engine h2{
 font-size:1.2rem;margin:0 0 0.7rem;letter-spacing:0.03em;
}
.decision-engine h3{
 font-size:0.78rem;text-transform:uppercase;letter-spacing:0.1em;
 color:var(--cyan);margin:1.15rem 0 0.45rem;
}
.decision-head{margin:0.75rem 0 0.35rem 1.1rem;}
.verdict-avis{
 margin:0.85rem 0 0;padding:1rem 1.15rem;border-radius:10px;
 background:rgba(0,0,0,0.28);border-left:3px solid var(--gold);
}
.verdict-avis p{margin-bottom:0.55rem;}
.verdict-avis p:last-child{margin-bottom:0;}
.verdict-note{
 margin:0.35rem 0 0.4rem;font-size:0.78rem;color:var(--muted);
 font-family:'Space Mono',monospace;line-height:1.5;
}
.divergence-fair{
 margin:0.85rem 0 1.15rem;padding:0.85rem 0.95rem 0.95rem;border-radius:12px;
 background:rgba(255,255,255,0.04);border:1px solid var(--border-faint);
}
.divergence-fair figcaption{
 font-size:0.68rem;text-transform:uppercase;letter-spacing:0.08em;
 color:var(--muted);font-weight:700;margin:0 0 0.65rem;
}
.divergence-rows{display:flex;flex-direction:column;gap:0.45rem;}
.divergence-row{
 display:grid;grid-template-columns:5.6rem 1fr 4.2rem;
 gap:0.45rem;align-items:center;
}
.divergence-lab{font-size:0.72rem;color:var(--muted);font-weight:600;}
.divergence-track{
 height:0.72rem;border-radius:999px;background:rgba(255,255,255,0.08);
 overflow:hidden;
}
.divergence-bar{display:block;height:100%;border-radius:999px;}
.bar-fair{background:var(--gold);}
.bar-mkt{background:var(--cyan);}
.divergence-val{
 font-family:'Space Mono',monospace;font-size:0.78rem;color:#fff;text-align:right;
}
.divergence-gap{
 margin:0.6rem 0 0;font-size:0.82rem;font-weight:600;color:var(--gold);
}
.note-methodo{
 margin:2.25rem 0 1.25rem;padding:1rem 1.1rem 1.15rem;border-radius:12px;
 background:rgba(255,255,255,0.03);border:1px solid var(--border-faint);
}
.note-methodo h2{
 font-size:0.95rem;margin:0 0 0.55rem;letter-spacing:0.03em;color:var(--muted);
}
.investigation-audit{
 margin:1.85rem 0 1.35rem;padding:1rem 1.1rem 1.15rem;border-radius:12px;
 background:rgba(0,212,255,0.04);border:1px solid rgba(0,212,255,0.18);
}
.investigation-audit h2{
 font-size:1.15rem;margin:0 0 0.75rem;letter-spacing:0.03em;
}
.investigation-audit h3{
 font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em;
 color:var(--cyan);margin:1.05rem 0 0.35rem;
}
.investigation-audit h3:first-of-type{margin-top:0.2rem;}
.investigation-audit ul{margin:0 0 0.15rem;padding-left:1.15rem;}
.investigation-audit li{margin:0 0 0.35rem;font-size:0.9rem;line-height:1.45;}
.investigation-audit .inv-insuffisant{color:var(--muted);font-style:italic;}
@media (max-width:640px){
 .decision-compartments{grid-template-columns:1fr;gap:0.55rem;}
 .decision-name{font-size:1.15rem;}
 .decision-pct{font-size:1.45rem;}
 .decision-card{grid-template-columns:1fr;gap:0.2rem 0;}
 .decision-card dd{margin-bottom:0.55rem;}
 .portraits-table td:first-child{white-space:normal;}
 .divergence-row{grid-template-columns:4.6rem 1fr 3.6rem;gap:0.35rem;}
 .divergence-lab,.divergence-val{font-size:0.68rem;}
}

.callout-warn{
 margin:2rem 0;padding:1.35rem 1.5rem;border-radius:14px;
 background:rgba(255,59,92,0.05);border:1px solid rgba(255,59,92,0.2);
}
.callout-warn .callout-label{color:var(--pink);}
.callout-warn ul{margin-bottom:0;}

.callout-brains{
 margin:2.5rem 0;padding:1.5rem 1.65rem;border-radius:16px;
 background:linear-gradient(145deg,rgba(124,58,237,0.14),rgba(0,212,255,0.08));
 border:1px solid rgba(124,58,237,0.35);
 position:relative;overflow:hidden;
}
.callout-brains::before{
 content:'';position:absolute;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,var(--violet),var(--cyan),var(--pink));
}
.callout-brains .callout-label{color:var(--violet);font-size:0.68rem;}
.callout-brains h3{
 font-family:'DM Serif Display',serif;font-size:1.35rem;
 margin:0.35rem 0 0.85rem;color:#fff;
}
.callout-brains p{margin-bottom:0.75rem;}

.callout-books{
 margin:2.5rem 0;padding:1.5rem 1.65rem;border-radius:16px;
 background:linear-gradient(145deg,rgba(240,180,41,0.08),rgba(124,58,237,0.06));
 border:1px solid rgba(240,180,41,0.28);
 position:relative;overflow:hidden;
}
.callout-books::before{
 content:'';position:absolute;top:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,var(--gold),var(--violet));
}
.callout-books .callout-label{color:var(--gold);font-size:0.68rem;}
.callout-books h2{
 font-family:'DM Serif Display',serif;font-size:1.35rem;
 margin:0.35rem 0 0.85rem;color:#fff;border-top:none;padding-top:0;
}
.book-list{list-style:none;margin:0;padding:0;}
.book-list li{
 padding:0.85rem 0;border-bottom:1px solid var(--border-faint);
 font-size:0.9rem;line-height:1.6;
}
.book-list li:last-child{border-bottom:none;padding-bottom:0;}
.book-list strong{color:#fff;font-weight:600;}
.book-list em{font-style:italic;color:rgba(232,237,245,0.75);}

.brain-grid{
 display:flex;flex-wrap:wrap;gap:0.5rem;margin:1rem 0 0.85rem;
 justify-content:center;
}
.brain-chip{
 font-size:0.72rem;padding:0.35rem 0.7rem;border-radius:999px;
 background:rgba(255,255,255,0.05);border:1px solid rgba(0,212,255,0.2);
 color:rgba(232,237,245,0.9);
}

.checklist{list-style:none;margin-left:0;padding:0;}
.checklist li{
 position:relative;padding:0.85rem 0 0.85rem 2rem;
 border-bottom:1px solid var(--border-faint);
}
.checklist li::before{
 content:'✓';position:absolute;left:0;top:0.85rem;
 color:var(--green);font-weight:700;font-size:0.9rem;
}
.checklist li:last-child{border-bottom:none;}

.article-cta{
 margin:2.5rem 0 0;padding:1.5rem 1.65rem;border-radius:14px;
 background:rgba(0,212,255,0.05);border:1px solid rgba(0,212,255,0.2);
 text-align:center;
}
.article-cta p{margin-bottom:1rem;font-size:0.95rem;}
.article-cta-btns{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;}

.article-related,
aside.article-related{
 position:static !important;
 top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;
 z-index:auto !important;
 transform:none !important;
 width:auto !important;
 max-width:none !important;
 backdrop-filter:none !important;
 margin:2rem 0 0;padding:1.35rem 0 0;
 background:transparent !important;border:none;border-top:1px solid var(--border-faint);
 border-radius:0;
 display:block;
}
.article-related-label{
 font-size:0.62rem;text-transform:uppercase;letter-spacing:0.12em;
 color:var(--muted);font-weight:700;margin-bottom:0.65rem;
}
.article-related ul{list-style:none;margin:0;padding:0;}
.article-related li{margin:0;padding:0.45rem 0;border-bottom:1px solid var(--border-faint);}
.article-related li:last-child{border-bottom:none;padding-bottom:0;}
.article-related a{
 font-size:0.85rem;font-weight:500;color:rgba(232,237,245,0.72);
 text-decoration:none;
}
.article-related a:hover{color:var(--cyan);text-decoration:none;}

.btn-blog{
 display:inline-block;padding:0.75rem 1.35rem;border-radius:10px;
 font-weight:600;font-size:0.88rem;text-decoration:none;
 transition:transform 0.15s,box-shadow 0.2s;
}
.btn-blog:hover{text-decoration:none;transform:translateY(-1px);}
.btn-primary{
 background:linear-gradient(135deg,var(--cyan),var(--violet));color:#fff;
 box-shadow:0 4px 20px rgba(0,212,255,0.15);
}
.btn-secondary{
 background:transparent;color:var(--text);
 border:1px solid rgba(255,255,255,0.15);
}

.blog-footer{
 text-align:center;padding:2rem;color:var(--muted);font-size:0.75rem;
 border-top:1px solid var(--border-section);margin-top:2rem;
}
body.rtl{direction:rtl;text-align:right;}
body.rtl .checklist li{padding:0.85rem 2rem 0.85rem 0;}
body.rtl .checklist li::before{left:auto;right:0;}

@media(max-width:640px){
 .blog-header-top{padding:0.65rem 1rem;}
 .blog-brand{font-size:1.05rem;}
 .blog-brand span:last-child{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42vw;
 }
 .blog-lang-desktop,.blog-lang-mobile{display:none !important;}
 .blog-main,.article-wrap{padding-left:1rem;padding-right:1rem;}
 .article-hero{border-radius:0;}
 .callout-compare{grid-template-columns:1fr;}
 .article-cta-btns{flex-direction:column;}
 .btn-blog{width:100%;text-align:center;}
}

@media(max-width:1023px){
 .post-list{grid-template-columns:repeat(2,1fr);gap:1.15rem;}
}
@media(max-width:479px){
 .post-list{grid-template-columns:1fr;}
}
@media(min-width:480px) and (max-width:767px){
 .post-list{grid-template-columns:repeat(2,1fr);}
}