/* 04/11 — fiche Marketplace d'un e-book de SIGHT Visionnaire (mk_ebooks.py) : couleur du thème = --eb, posée sur .eb par le serveur */
.eb{--eb:#f7c948}
.eb-haut{margin:4px 0 2px}
.eb-faits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.eb-faits li{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:999px / 60px;border:1px solid color-mix(in srgb,var(--eb) 38%,var(--mx-ln,#2a3350));background:linear-gradient(90deg,color-mix(in srgb,var(--eb) 13%,transparent),transparent 85%),var(--mx-p2,#0f1628);min-width:0}
.eb-faits svg{flex:none;color:var(--eb);width:22px;height:22px}
.eb-faits small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mx-mu,#8d9ab5)}
.eb-faits b{display:block;font-size:15.5px;color:var(--mx-tx,#eef2fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eb-sec .mk-iris{color:var(--eb)}
.eb-learn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.eb-learn li{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:26px / 22px;background:var(--mx-p2,#0f1628);border:1px solid var(--mx-ln,#2a3350);line-height:1.45}
.eb-learn svg{flex:none;margin-top:2px;color:var(--eb)}
.eb-som{list-style:none;margin:0;padding:0;columns:2;column-gap:22px}
.eb-som li{display:flex;gap:14px;align-items:center;break-inside:avoid;margin:0 0 10px;padding:11px 18px 11px 12px;border-radius:999px / 40px;background:var(--mx-p2,#0f1628);border:1px solid var(--mx-ln,#2a3350)}
.eb-som i{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--font,inherit);font-style:normal;color:#0b1020;background:var(--eb)}
.eb-som span{line-height:1.35;min-width:0}
.eb-ext{position:relative;max-width:780px;margin:0 auto;padding:30px clamp(20px,4vw,46px) 70px;border-radius:30px / 26px;background:#fbf8ef;color:#2a2418;font-family:Georgia,"Georgia Pro",serif;font-size:16.5px;line-height:1.7;box-shadow:0 18px 40px rgba(0,0,0,.28),inset 6px 0 0 color-mix(in srgb,var(--eb) 70%,#fff);overflow:hidden;max-height:560px}
.eb-ext:after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,rgba(251,248,239,0),#fbf8ef 78%);pointer-events:none}
.eb-ext-k{display:block;font:700 12px/1 var(--font,system-ui);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--eb) 55%,#2a2418);margin-bottom:16px}
.eb-ext h4{margin:18px 0 6px;font:700 18px/1.3 Georgia,serif;color:#1c170d}
.eb-ext p{margin:0 0 12px}
.eb-ext .eb-lead{font-style:italic;color:#4a4130;border-left:3px solid color-mix(in srgb,var(--eb) 70%,#fff);padding-left:14px}
.eb-ext-fin{position:absolute;left:0;right:0;bottom:18px;z-index:1;display:flex;gap:8px;align-items:center;justify-content:center;font:600 13.5px var(--font,system-ui);color:#4a4130}
.eb-ext-fin svg{color:color-mix(in srgb,var(--eb) 60%,#2a2418)}
.eb-pages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.eb-pages a{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--mx-mu,#8d9ab5);font-size:13px;text-align:center}
.eb-pages img{width:100%;aspect-ratio:210/297;object-fit:cover;object-position:top;border-radius:18px;border:1px solid var(--mx-ln,#2a3350);box-shadow:0 10px 26px rgba(0,0,0,.3);transition:transform .2s,border-color .2s}
.eb-pages a:hover img{transform:translateY(-4px);border-color:var(--eb)}
.eb-vendu{display:flex;gap:12px;align-items:flex-start;margin:6px 0 0;padding:16px 22px;border-radius:999px / 44px;border:1px solid color-mix(in srgb,var(--eb) 35%,var(--mx-ln,#2a3350));background:color-mix(in srgb,var(--eb) 8%,var(--mx-p2,#0f1628));color:var(--mx-tx,#eef2fb);font-size:14px;line-height:1.5}
.eb-vendu svg{flex:none;margin-top:2px;color:var(--eb)}
.eb-vendu b{color:var(--eb)}
.eb-tva.tva-box{margin:0 0 12px}
.eb-tva .tva-l{list-style:none;margin:0 0 6px;padding:12px 18px;border-radius:22px;border:1px solid rgba(247,201,72,.35);background:rgba(247,201,72,.07)}
.eb-tva .tva-l li{display:flex;justify-content:space-between;gap:18px;padding:3px 0;font-size:14px;font-variant-numeric:tabular-nums}
.eb-tva .tva-l .ttc{margin-top:4px;padding-top:6px;border-top:1px solid rgba(247,201,72,.4);font-size:17px}
.eb-tva .tva-l .ttc b{color:#f7c948}
:root[data-theme=light] .eb-tva .tva-l .ttc b{color:#8a5a00}
:root[data-theme=light] .eb-ext{box-shadow:0 14px 32px rgba(40,30,10,.16),inset 6px 0 0 color-mix(in srgb,var(--eb) 70%,#fff);border:1px solid #e7dfc6}
@media(max-width:900px){.eb-faits{grid-template-columns:1fr 1fr}.eb-learn{grid-template-columns:1fr}.eb-som{columns:1}.eb-pages{grid-template-columns:1fr 1fr}.eb-vendu{border-radius:28px / 24px}}
@media(max-width:480px){.eb-faits li{padding:10px 14px}.eb-ext{font-size:15.5px;max-height:520px}}
.eb-resume{margin:0;font-size:1.04rem;line-height:1.7;max-width:80ch}

/* 04/11 — fiche d'une stratégie à règles (mk_strategies.py) */
.st-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 16px}
.st-cartes div{padding:14px 20px;border-radius:999px / 54px;border:1px solid color-mix(in srgb,var(--eb) 30%,var(--mx-ln,#2a3350));background:var(--mx-p2,#0f1628)}
.st-cartes small{display:block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-mu,#8d9ab5)}
.st-cartes b{font-size:19px;font-variant-numeric:tabular-nums;color:var(--mx-tx,#eef2fb)}
.st-eqw{margin:0 0 16px;padding:14px 22px 10px;border-radius:34px / 28px;border:1px solid var(--mx-ln,#2a3350);background:var(--mx-p2,#0f1628);color:var(--mx-tx,#eef2fb)}
.st-eq{width:100%;height:auto;display:block}.st-eqw small{display:block;color:var(--mx-mu,#8d9ab5);margin-top:4px}
.st-tab{overflow:auto;margin:0 0 14px;border-radius:26px / 22px;border:1px solid var(--mx-ln,#2a3350)}
.st-tab table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.st-tab th,.st-tab td{padding:9px 16px;text-align:right;border-bottom:1px solid var(--mx-ln,#2a3350)}
.st-tab th:first-child,.st-tab td:first-child{text-align:left}.st-tab th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-mu,#8d9ab5)}
.st-note{display:flex;gap:12px;align-items:flex-start;margin:6px 0 0;padding:14px 22px;border-radius:30px / 26px;border:1px solid color-mix(in srgb,var(--eb) 35%,var(--mx-ln,#2a3350));background:color-mix(in srgb,var(--eb) 7%,var(--mx-p2,#0f1628));font-size:13.5px;line-height:1.55}
.st-note svg{flex:none;margin-top:2px;color:var(--eb)}
.st-prm{list-style:none;margin:0;padding:0;columns:2;column-gap:22px}.st-prm li{display:flex;justify-content:space-between;gap:14px;break-inside:avoid;margin:0 0 8px;padding:9px 18px;border-radius:999px / 40px;background:var(--mx-p2,#0f1628);border:1px solid var(--mx-ln,#2a3350)}
.st-prm b{font-variant-numeric:tabular-nums;color:var(--eb)}
.st-caps img{object-fit:cover}
@media(max-width:900px){.st-cartes{grid-template-columns:1fr 1fr}.st-prm{columns:1}}
@media(max-width:480px){.st-cartes{grid-template-columns:1fr}}

/* 05/11 : bouton « Voir sur le graphique » sous le rejeu animé */
.st-voir{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:16px 4px 0}.st-voir small{flex:1;min-width:220px;color:var(--mx-mu,#8d9ab5);font-size:12.5px;line-height:1.5}
.st-voir .btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;font-weight:700;text-decoration:none}