/* TOKENOPSY V5.6.11 — Global public-page presentation repair
   Loaded LAST on purpose: restores missing component styles without replacing style.css. */

/* ---------- Shared page introductions ---------- */
.page-shell{padding-top:30px}
.page-intro{
  position:relative;
  max-width:none;
  margin:0 0 18px;
  padding:28px 30px 26px;
  overflow:hidden;
  border:1px solid #dfe7f0;
  border-radius:22px;
  background:linear-gradient(135deg,#fff 0%,#f8fbff 72%,#f1f7ff 100%);
  box-shadow:0 12px 34px rgba(15,23,42,.045);
}
.page-intro:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,#1967d2,#62a1ef);
}
.page-intro .section-kicker{margin:0 0 9px;color:#1967d2;font-size:10px;font-weight:900;letter-spacing:.15em}
.page-intro h1{max-width:1020px;margin:0;color:#0f1d31;font-size:clamp(30px,3vw,42px);line-height:1.06;letter-spacing:-.042em;font-weight:870}
.page-intro p{max-width:1120px;margin:13px 0 0;color:#5e6f84;font-size:14px;line-height:1.7}

/* ---------- À surveiller ---------- */
.watch-clarity-strip{
  display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:12px;align-items:stretch;
  margin:0 0 20px;
}
.watch-clarity-strip>div{
  position:relative;display:flex;flex-direction:column;justify-content:center;min-height:124px;
  padding:20px 22px;border:1px solid #dfe7f0;border-radius:18px;background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.035)
}
.watch-clarity-strip>div:first-child:before,.watch-clarity-strip>.watch-clarity-select:before{
  content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:999px;background:#8aa2bf
}
.watch-clarity-strip>.watch-clarity-select{background:linear-gradient(145deg,#f7fbff,#fff);border-color:#cfe0f4}
.watch-clarity-strip>.watch-clarity-select:before{background:#1967d2}
.watch-clarity-strip span{display:block;color:#72849a;font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.watch-clarity-strip strong{display:block;margin-top:6px;color:#14253b;font-size:16px;line-height:1.25}
.watch-clarity-strip small{display:block;margin-top:6px;color:#64758a;font-size:11px;line-height:1.5}
.watch-clarity-strip>i{align-self:center;justify-self:center;display:grid;place-items:center;width:42px;height:42px;border:1px solid #d8e2ed;border-radius:999px;background:#f6f9fc;color:#8292a6;font-size:18px;font-weight:900;font-style:normal}

/* ---------- Marchés ---------- */
.market-reading-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px
}
.market-reading-strip article{
  display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:11px;align-items:center;
  min-height:86px;padding:15px 17px;border:1px solid #e0e7ef;border-radius:16px;background:#fff;
  box-shadow:0 6px 20px rgba(15,23,42,.03)
}
.market-reading-strip b{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf5ff;color:#1967d2;font-size:11px}
.market-reading-strip span{color:#718196;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.market-reading-strip strong{color:#203047;font-size:12px;line-height:1.3}

/* ---------- Actualités ---------- */
.news-intelligence-strip{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px
}
.news-intelligence-strip article{
  position:relative;min-height:112px;padding:18px 19px;border:1px solid #e0e7ef;border-radius:17px;background:#fff;
  box-shadow:0 6px 20px rgba(15,23,42,.03);overflow:hidden
}
.news-intelligence-strip article:after{content:"";position:absolute;right:-24px;top:-30px;width:76px;height:76px;border:1px solid rgba(25,103,210,.09);border-radius:999px}
.news-intelligence-strip span{display:block;color:#1967d2;font-size:9px;font-weight:900;letter-spacing:.12em}
.news-intelligence-strip strong{display:block;margin-top:7px;color:#17283e;font-size:14px;line-height:1.3}
.news-intelligence-strip small{display:block;margin-top:6px;color:#66778b;font-size:10.5px;line-height:1.5}

/* ---------- Méthode / Suivi ---------- */
.method-highlight{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;
  margin:0 0 22px;padding:16px 18px;border:1px solid #cfe0f4;border-radius:16px;
  background:linear-gradient(90deg,#eef6ff,#f8fbff);box-shadow:0 6px 18px rgba(25,103,210,.04)
}
.method-highlight strong{color:#1554ad;font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.method-highlight span{color:#4f6279;font-size:12px;line-height:1.55}
.method-highlight a{white-space:nowrap;color:#1967d2;font-size:10.5px;font-weight:850}
.follow-summary{display:inline-flex;align-items:center;min-height:34px;margin:0 0 14px;padding:0 12px;border:1px solid #d7e2ee;border-radius:999px;background:#fff;color:#52657b;font-size:10.5px;font-weight:850}

/* ---------- Moteur ---------- */
.decision-hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:stretch;
  margin:0 0 18px
}
.decision-hero-copy,.decision-hero-rule{
  border:1px solid #dfe7f0;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.045)
}
.decision-hero-copy{padding:30px;background:linear-gradient(135deg,#fff,#f7faff)}
.decision-hero-copy h1{margin:8px 0 12px;color:#102039;font-size:clamp(32px,3.2vw,45px);line-height:1.04;letter-spacing:-.045em}
.decision-hero-copy h1 span{color:#1967d2}
.decision-hero-copy>p{max-width:850px;margin:0;color:#5e7085;font-size:14px;line-height:1.7}
.decision-kicker{display:flex;align-items:center;gap:8px;color:#1967d2;font-size:10px;font-weight:900;letter-spacing:.13em}
.decision-hero-rule{display:flex;flex-direction:column;justify-content:center;padding:24px;background:linear-gradient(145deg,#10213a,#162c4b);border-color:#203a5e;color:#fff}
.decision-hero-rule strong{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8ebcff}
.decision-hero-rule span{display:block;margin-top:9px;color:#e6edf6;font-size:14px;line-height:1.55;font-weight:750}
.decision-hero-rule a{display:inline-flex;margin-top:14px;color:#a9ccff;font-size:10.5px;font-weight:850}

/* ---------- Performances ---------- */
.performance-hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:stretch;margin:0 0 16px
}
.performance-hero>div:first-child{
  padding:30px;border:1px solid #dfe7f0;border-radius:22px;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:0 12px 34px rgba(15,23,42,.045)
}
.performance-hero h1{margin:8px 0 12px;color:#102039;font-size:clamp(32px,3.2vw,45px);line-height:1.04;letter-spacing:-.045em}
.performance-hero h1 span{color:#1967d2}
.performance-hero>div:first-child>p{max-width:840px;margin:0;color:#5e7085;font-size:14px;line-height:1.7}
.performance-maturity-card{
  display:flex;flex-direction:column;justify-content:center;padding:23px;border:1px solid #d9e5f2;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.045)
}
.performance-maturity-card>span{color:#718299;font-size:9px;font-weight:900;letter-spacing:.12em}
.performance-maturity-card>strong{margin-top:7px;color:#14263e;font-size:20px}
.performance-maturity-card>p{margin:7px 0 10px;color:#617388;font-size:11px;line-height:1.5}
.performance-progress{height:8px;border-radius:999px;background:#eaf0f6;overflow:hidden}
.performance-progress i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#1967d2,#6aa5ef)}
.performance-maturity-card>small{margin-top:7px;color:#7b8b9e;font-size:9.5px}
.performance-kpis{gap:10px;margin-bottom:14px}
.performance-explainer{border-radius:16px}

/* ---------- Home ---------- */
.home-proof-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.home-proof-row span{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 10px;border:1px solid #d9e4ef;border-radius:999px;background:rgba(255,255,255,.82);color:#62758b;font-size:9.5px;font-weight:750}
.home-proof-row b{color:#1967d2;font-size:10px}
.section-step{display:inline-grid;place-items:center;min-width:25px;height:22px;margin-right:5px;border:1px solid #d2e1f2;border-radius:7px;background:#eef6ff;color:#1967d2;font-size:8px;font-weight:900;letter-spacing:0}
.home-priority-section{position:relative}

/* ---------- Crypto data block: intentionally duplicated here as a last-load safety net ---------- */
body .coin-seo-summary{
  position:relative;display:block;margin:18px 0 22px;padding:22px;overflow:hidden;
  border:1px solid #dbe5ef;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);
  box-shadow:0 12px 32px rgba(15,23,42,.05)
}
body .coin-seo-summary:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#1967d2,#5b8fe8 42%,rgba(91,143,232,0))}
body .coin-seo-summary h2{margin:0;color:#14253b;font-size:21px;line-height:1.25;letter-spacing:-.025em}
body .coin-seo-summary>p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  max-width:1180px;margin:9px 0 18px;color:#596b80;font-size:13px;line-height:1.65
}
body .coin-seo-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body .coin-seo-facts>div{position:relative;display:block;min-width:0;min-height:92px;padding:16px;border:1px solid #e0e8f1;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(15,23,42,.03)}
body .coin-seo-facts>div:after{content:"";position:absolute;left:16px;bottom:-1px;width:34px;height:3px;border-radius:999px;background:#1967d2;opacity:.55}
body .coin-seo-facts span{display:block;margin:0 0 8px;color:#7a8a9d;font-size:9px;font-weight:900;line-height:1.2;letter-spacing:.075em;text-transform:uppercase}
body .coin-seo-facts strong{display:block;overflow:hidden;color:#172a43;font-size:19px;font-weight:850;line-height:1.15;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
body .coin-seo-source{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px;padding-top:13px;border-top:1px solid #e7edf3;color:#75869a;font-size:10.5px;line-height:1.5}
body .coin-seo-source:before{content:"SOURCE";display:inline-flex;align-items:center;min-height:22px;margin-right:2px;padding:0 8px;border:1px solid #dce6ef;border-radius:999px;background:#f3f7fb;color:#5e7187;font-size:8px;font-weight:900;letter-spacing:.08em}
body .coin-seo-source a{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #d4e2f2;border-radius:999px;background:#f5f9ff;color:#1967d2;font-weight:850;text-decoration:none}
body .coin-seo-summary.tokenopsy-source-proof>p{display:block;-webkit-line-clamp:unset;overflow:visible}

/* ---------- Passport ---------- */
.passport-hero{padding:22px;border:1px solid #dfe7f0;border-radius:20px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 10px 30px rgba(15,23,42,.04)}
.passport-grid{margin-top:12px}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .page-shell{padding-top:22px}
  .page-intro{padding:22px 20px;border-radius:18px}
  .page-intro h1{font-size:30px}
  .watch-clarity-strip{grid-template-columns:1fr 42px 1fr}
  .watch-clarity-strip>div{padding:16px;min-height:112px}
  .market-reading-strip,.news-intelligence-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .decision-hero,.performance-hero{grid-template-columns:1fr}
  .decision-hero-copy,.performance-hero>div:first-child{padding:24px}
  .decision-hero-rule,.performance-maturity-card{min-height:auto}
}
@media(max-width:700px){
  .page-intro{margin-bottom:14px;padding:19px 17px}
  .page-intro h1{font-size:27px;line-height:1.1}
  .page-intro p{margin-top:10px;font-size:12.5px;line-height:1.6}
  .watch-clarity-strip{grid-template-columns:1fr;margin-bottom:16px}
  .watch-clarity-strip>i{width:34px;height:34px;transform:rotate(90deg)}
  .watch-clarity-strip>div{min-height:0;padding:16px 17px}
  .market-reading-strip,.news-intelligence-strip{grid-template-columns:1fr;gap:8px}
  .market-reading-strip article{min-height:72px}
  .news-intelligence-strip article{min-height:0;padding:15px 16px}
  .method-highlight{grid-template-columns:1fr;gap:7px;padding:15px 16px}
  .method-highlight a{white-space:normal}
  .decision-hero-copy,.performance-hero>div:first-child{padding:20px;border-radius:18px}
  .decision-hero-copy h1,.performance-hero h1{font-size:29px}
  .decision-hero-copy>p,.performance-hero>div:first-child>p{font-size:12.5px;line-height:1.6}
  .decision-hero-rule,.performance-maturity-card{padding:19px;border-radius:18px}
  .home-proof-row{gap:6px}
  .home-proof-row span{font-size:8.5px;min-height:29px;padding:0 8px}
  body .coin-seo-summary{margin:14px 0 18px;padding:18px 15px 15px;border-radius:18px}
  body .coin-seo-summary h2{font-size:18px}
  body .coin-seo-summary>p{-webkit-line-clamp:4;margin:8px 0 14px;font-size:11.5px;line-height:1.55}
  body .coin-seo-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body .coin-seo-facts>div{min-height:78px;padding:13px}
  body .coin-seo-facts>div:after{left:13px;width:27px}
  body .coin-seo-facts span{font-size:8px;margin-bottom:6px}
  body .coin-seo-facts strong{font-size:16px}
  body .coin-seo-source{font-size:9px;line-height:1.45}
  .passport-hero{padding:17px}
}

/* Specific spacing hook used by crypto pages. The visual rules live on .prediction-guide. */
.prediction-guide-brain{margin-top:14px}

/* =========================================================
   V5.6.12 — Final repair: Engine reading rail + Performance proof strip
   These two components exist in the deployed V5.3 page templates but their
   visual rules were lost from the later merged stylesheet.
   ========================================================= */

/* Moteur — 1 Contexte -> 2 Signal -> 3 Risque */
.engine-reading-rail{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin:0 0 16px;
  padding:11px 13px;
  border:1px solid #dce7f2;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,250,255,.98));
  box-shadow:0 9px 28px rgba(15,38,66,.045)
}
.engine-reading-rail article{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:62px;
  padding:9px 11px;
  border-radius:13px
}
.engine-reading-rail article>span{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid #d5e5f7;
  border-radius:11px;
  background:#eaf3ff;
  color:#1558aa;
  font-size:11px;
  font-weight:950;
  box-shadow:0 5px 14px rgba(25,103,210,.08)
}
.engine-reading-rail article>div{min-width:0}
.engine-reading-rail small{
  display:block;
  color:#6c8196;
  font-size:9px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.1em
}
.engine-reading-rail strong{
  display:block;
  margin-top:4px;
  color:#213b55;
  font-size:12px;
  line-height:1.35
}
.engine-reading-rail>i{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  color:#93a9bd;
  font-size:16px;
  font-style:normal
}

/* Performances — preuve en 3 étapes */
.performance-proof-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px
}
.performance-proof-strip article{
  position:relative;
  min-width:0;
  min-height:86px;
  padding:16px 16px 15px 54px;
  overflow:hidden;
  border:1px solid #dbe6f0;
  border-radius:16px;
  background:linear-gradient(145deg,#fff,#f9fbfe);
  box-shadow:0 8px 25px rgba(15,38,66,.04)
}
.performance-proof-strip article:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,#dceafb,#bdd9f8)
}
.performance-proof-strip span{
  position:absolute;
  left:14px;
  top:15px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #d5e5f7;
  border-radius:10px;
  background:#eaf4ff;
  color:#155ab0;
  font-size:9px;
  font-weight:950
}
.performance-proof-strip strong{
  display:block;
  color:#203a53;
  font-size:13px;
  line-height:1.3
}
.performance-proof-strip small{
  display:block;
  margin-top:5px;
  color:#60768c;
  font-size:10.5px;
  line-height:1.5
}

@media(max-width:1080px){
  .engine-reading-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .engine-reading-rail>i{display:none}
}
@media(max-width:820px){
  .engine-reading-rail{grid-template-columns:1fr;gap:5px;padding:9px;margin-bottom:12px}
  .engine-reading-rail article{min-height:0;padding:9px}
  .engine-reading-rail>i{display:none}
  .performance-proof-strip{grid-template-columns:1fr;gap:8px}
}
@media(max-width:520px){
  .engine-reading-rail{border-radius:16px}
  .engine-reading-rail article>span{width:31px;height:31px;flex-basis:31px}
  .engine-reading-rail strong{font-size:11.5px}
  .performance-proof-strip article{min-height:0;padding:14px 13px 14px 50px}
  .performance-proof-strip span{left:13px;top:13px;width:28px;height:28px}
  .performance-proof-strip strong{font-size:12.5px}
  .performance-proof-strip small{font-size:10px}
}
