/* CryptoSnap — Cryptoast-inspired editorial (press kit: FE904C / FD6D6A / Montserrat) */
:root{
  --o:#FE904C;
  --o2:#FD6D6A;
  --o-soft:#FFF4EC;
  --ink:#0a0a0a;
  --ink2:#1a1a1a;
  --mut:#6B7280;
  --line:#E8E8E8;
  --bg:#FFFFFF;
  --soft:#F7F7F8;
  --green:#16A34A;
  --red:#DC2626;
  --max:1180px;
  --read:720px;
  --font:"Montserrat",Inter,system-ui,-apple-system,sans-serif;
  --radius:12px;
  --shadow:0 8px 28px rgba(17,24,39,.06);
}
*{box-sizing:border-box}
/* === Core Web Vitals: CLS Prevention === */
/* Reserve space for ads to prevent layout shift */
hype-banner{display:block;min-height:90px;width:100%;background:var(--soft);border-radius:8px;}
/* Reserve space for hero image — 16:9 aspect ratio prevents CLS */
.article-hero{aspect-ratio:16/9;overflow:hidden;border-radius:12px;margin:0 0 2rem;background:var(--soft);}
.article-hero-img{width:100%;height:100%;object-fit:cover;display:block;}
/* Home card media: reserved height for lazy images */
.home-card-media{aspect-ratio:16/9;overflow:hidden;background:var(--soft);}
.home-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--o);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block;height:auto}
.container{width:min(var(--max),94%);margin:0 auto}
.narrow{width:min(var(--read),94%);margin:0 auto}
/* Article left column + right rail (ads / formations) */
.article-layout{
  width:min(1100px,94%);margin:0 auto;padding-bottom:2.5rem;
  display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:1.75rem;align-items:start
}
.article-main{min-width:0;max-width:720px;justify-self:start}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.course-rail{display:none}}

/* —— Scrolling price tape (Cryptoast-style top) —— */
.tape{
  background:linear-gradient(90deg,#111 0%,#1a1a1a 50%,#111 100%);
  color:#fff;font-size:12px;overflow:hidden;border-bottom:2px solid var(--o);
  height:36px;display:flex;align-items:center;
}
.tape-track{
  display:flex;gap:2rem;white-space:nowrap;animation:tape 45s linear infinite;
  padding-left:100%;
}
.tape:hover .tape-track{animation-play-state:paused}
@keyframes tape{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.tape-item{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;letter-spacing:.01em}
.tape-item img{width:14px;height:14px;border-radius:50%}
.tape-item b{font-weight:700;font-variant-numeric:tabular-nums}
.tape-live{margin-left:auto;padding:0 .8rem;flex-shrink:0;display:flex;align-items:center;gap:.4rem;background:#111;height:100%;border-left:1px solid #333;z-index:2}

/* —— Header —— */
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.header-inner{display:flex;align-items:center;gap:1.25rem;padding:.75rem 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.5rem;color:var(--ink)!important;text-decoration:none!important}
.logo img{width:36px;height:36px;object-fit:contain}
.logo-text{font-weight:800;font-size:1.2rem;letter-spacing:-.03em;color:var(--ink)}
.logo-text span{color:var(--o)}
.nav{display:flex;gap:1.05rem;flex:1;flex-wrap:wrap}
.nav a{color:var(--ink2);font-weight:600;font-size:.88rem;text-decoration:none;position:relative;padding:.2rem 0}
.nav a:hover,.nav a.active{color:var(--o)}
.nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-.55rem;height:3px;background:var(--o);border-radius:2px 2px 0 0}
.search input{
  border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;background:var(--soft);
  min-width:160px;outline:none;font-family:inherit;font-size:.85rem
}
.search input:focus{border-color:var(--o);background:#fff}

/* —— Featured magazine —— */
.feat{display:grid;grid-template-columns:1.45fr 1fr;gap:1.15rem;padding:1.35rem 0 1rem}
@media(max-width:900px){.feat{grid-template-columns:1fr}}
.feat-main{
  position:relative;border-radius:var(--radius);overflow:hidden;min-height:380px;
  background:var(--soft);display:block;color:#fff!important;text-decoration:none!important;
  box-shadow:var(--shadow);
}
.feat-main img{width:100%;height:100%;object-fit:cover;min-height:380px}
.feat-main .ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.92));
  display:flex;flex-direction:column;justify-content:flex-end;padding:1.35rem;gap:.35rem
}
.feat-main h1{margin:0;font-size:clamp(1.35rem,2.6vw,1.85rem);line-height:1.2;font-weight:800;letter-spacing:-.02em}
.feat-side{display:flex;flex-direction:column;gap:.7rem}
.feat-side a{
  display:grid;grid-template-columns:108px 1fr;gap:.75rem;padding:.6rem;
  border:1px solid var(--line);border-radius:10px;text-decoration:none;color:inherit;background:#fff;
  transition:border-color .15s,box-shadow .15s
}
.feat-side a:hover{border-color:var(--o);box-shadow:var(--shadow);text-decoration:none}
.feat-side img,.feat-side .ph{width:108px;height:78px;object-fit:cover;border-radius:8px;background:var(--soft)}
.feat-side strong{display:block;font-size:.9rem;line-height:1.3;margin:.12rem 0;font-weight:700}
.kicker{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--o)}
.meta{color:var(--mut);font-size:.78rem}
.feat-fallback{min-height:380px;background:linear-gradient(135deg,#1a1208 0%,#0F1115 45%,#FE904C 140%)}

/* —— Home layout: news + markets rail —— */
.home-grid{display:grid;grid-template-columns:1fr 340px;gap:1.75rem;align-items:start;padding-bottom:2.5rem}
@media(max-width:980px){.home-grid{grid-template-columns:1fr}}

/* —— Live markets board (hero of redesign) —— */
.mkt-board{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);overflow:hidden;margin:0 0 1.5rem
}
.mkt-board-head{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1rem 1.15rem;background:linear-gradient(90deg,var(--o-soft),#fff);
  border-bottom:1px solid var(--line)
}
.mkt-board-head h2{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em}
.mkt-board-head .sub{margin:.15rem 0 0;font-size:.8rem;color:var(--mut)}
.mkt-hero{
  display:grid;grid-template-columns:1.1fr 1fr;gap:0;border-bottom:1px solid var(--line)
}
@media(max-width:800px){.mkt-hero{grid-template-columns:1fr}}
.mkt-hero-chart{padding:1rem 1.15rem 1.15rem;border-right:1px solid var(--line)}
@media(max-width:800px){.mkt-hero-chart{border-right:0;border-bottom:1px solid var(--line)}}
.mkt-hero-chart .chart-label{font-size:.75rem;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.55rem}
.mkt-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:1rem}
.mkt-stat{
  border:1px solid var(--line);border-radius:12px;padding:.75rem .85rem;
  text-decoration:none;color:inherit;background:var(--soft);transition:transform .12s,border-color .12s
}
.mkt-stat:hover{border-color:var(--o);transform:translateY(-1px);text-decoration:none;background:#fff}
.mkt-stat .row{display:flex;align-items:center;gap:.45rem;margin-bottom:.35rem}
.mkt-stat .sym{font-weight:800;font-size:.85rem}
.mkt-stat .px{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.mkt-stat .spark{height:32px;margin-top:.4rem}

/* Compact table inside board */
.mkt-table-wrap{overflow-x:auto}
.mkt-table{width:100%;border-collapse:collapse;font-size:.88rem}
.mkt-table th{
  text-align:left;padding:.7rem 1rem;background:var(--soft);
  font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);font-weight:700;
  border-bottom:1px solid var(--line)
}
.mkt-table td{padding:.65rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}
.mkt-table tr:last-child td{border-bottom:0}
.mkt-table tr:hover td{background:#FFFBF7}
.mkt-table .coin{display:flex;align-items:center;gap:.55rem}
.mkt-table .coin strong{display:block;font-size:.9rem;font-weight:700}
.mkt-table .coin .mut{font-size:.72rem}
.mkt-table .num{font-variant-numeric:tabular-nums;font-weight:600}
.mkt-table .rank{color:var(--mut);font-size:.8rem;width:2rem}
.mkt-table .price-cell{font-weight:800}
.mkt-foot{padding:.75rem 1.15rem;background:var(--soft);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--mut)}

/* Side rail markets (sticky) */
.rail{position:sticky;top:72px}
.rail-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:var(--shadow);margin-bottom:1rem
}
.rail-card h3{
  margin:0;padding:.85rem 1rem;font-size:.88rem;font-weight:800;
  border-bottom:1px solid var(--line);background:var(--soft)
}
.rail-row{
  display:flex;align-items:center;gap:.55rem;padding:.7rem 1rem;
  border-bottom:1px solid var(--line);text-decoration:none;color:inherit
}
.rail-row:last-child{border-bottom:0}
.rail-row:hover{background:var(--o-soft);text-decoration:none}
.rail-row .grow{flex:1;min-width:0}
.rail-row .sym{font-weight:800;font-size:.82rem}
.rail-row .px{font-weight:700;font-variant-numeric:tabular-nums;font-size:.88rem}
.rail-row .spark{width:64px;height:28px;flex-shrink:0}

/* Section heads */
.section-head{display:flex;justify-content:space-between;align-items:end;margin:1.25rem 0 .7rem;border-bottom:3px solid var(--ink);padding-bottom:.35rem}
.section-head h2{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:-.02em}

/* Article lists */
.list-articles{list-style:none;padding:0;margin:0 0 1.5rem}
.list-articles li{display:grid;grid-template-columns:148px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
@media(max-width:640px){.list-articles li{grid-template-columns:1fr}}
.list-articles .thumb{width:148px;height:96px;object-fit:cover;border-radius:10px;background:var(--soft)}
.list-articles .thumb.placeholder{display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:.75rem;border:1px dashed var(--line);width:148px;height:96px;border-radius:10px}
.list-articles h3{margin:0 0 .25rem;font-size:1.02rem;line-height:1.3;font-weight:700}
.list-articles h3 a{color:var(--ink);text-decoration:none}
.list-articles h3 a:hover{color:var(--o)}
.list-articles .excerpt{margin:0;color:var(--mut);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tag-inline{color:var(--o);font-weight:800;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}

/* Article page — Cryptoast-like bold black body */
.breadcrumb{font-size:.85rem;color:var(--mut);padding:1rem 0 .25rem}
.breadcrumb a{color:var(--mut)}
.article-page{padding-bottom:2.5rem}
.article-cat-pill{
  display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  padding:.28rem .7rem;border-radius:999px;border:1px solid;margin:.35rem 0 .5rem
}
.article-title,.article-full h1.article-title{
  font-size:clamp(1.75rem,3.4vw,2.45rem);line-height:1.15;margin:.35rem 0 .75rem;
  font-weight:900;letter-spacing:-.03em;color:var(--ink)
}
/* subtle category accent bar under title */
.article-title::after{
  content:"";display:block;width:56px;height:4px;margin-top:.65rem;border-radius:2px;
  background:var(--cat, var(--o))
}
.article-dek{
  font-size:1.12rem;color:var(--ink);font-weight:600;line-height:1.5;
  border-left:4px solid var(--o);padding-left:1rem;margin:0 0 1.15rem
}
.article-meta-row{
  display:flex;flex-wrap:wrap;gap:.75rem 1.2rem;color:var(--mut);font-size:.88rem;font-weight:600;
  padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:1rem
}
.article-hero{margin:0 0 1.5rem;border-radius:14px;overflow:hidden}
.article-hero-img{width:100%;border-radius:14px;margin:0;max-height:440px;object-fit:cover;background:var(--soft)}

/* Prose — bold black magazine body (Cryptoast press feel) */
.prose{font-size:1.0625rem;line-height:1.78;color:#0f0f0f;font-weight:500;text-align:left}
.prose h2,.prose h2.prose-h{font-size:1.35rem;margin:2rem 0 .65rem;font-weight:900;color:var(--o);letter-spacing:-.02em;line-height:1.25}
.prose h2.prose-h::after,.prose h3.prose-h::after{
  content:'';display:block;width:30px;height:4px;background:var(--o);margin-top:.4rem;border-radius:2px
}
.prose h3,.prose h3.prose-h{font-size:1.12rem;margin:1.5rem 0 .5rem;font-weight:800;color:var(--o)}
.prose p{margin:.9rem 0;color:var(--ink);font-weight:500;text-align:left}
.prose li{color:var(--ink);font-weight:500;margin:.35rem 0}
.prose ul,.prose ol{padding-left:1.35rem}
.prose a{color:var(--o);text-decoration:underline;font-weight:600}
.prose strong{font-weight:800;color:#000}
.prose strong.accent,.prose .accent{color:var(--o)!important;font-weight:800}
.prose .tweet-embed{margin:1.25rem 0;padding:.85rem 1rem;background:var(--o-soft);border-left:3px solid var(--o);border-radius:0 10px 10px 0}
.prose .tweet-embed a{font-weight:700;text-decoration:none}
.prose .tweet-embed a:hover{text-decoration:underline}
.source-note{margin-top:1.75rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--mut);font-weight:500}
.article-disclaimer{
  margin:1.75rem 0 0;padding:1rem 1.1rem;background:#FAFAFA;border:1px solid var(--line);
  border-radius:12px;font-size:.82rem;line-height:1.55;color:#4B5563;font-weight:500
}
.article-disclaimer p{margin:0}

/* Listen: gray circular play → stop (no separate stop btn) */
.listen-player-clean{
  display:inline-flex;align-items:center;gap:.65rem;
  margin:0 0 1.15rem;padding:.35rem .55rem .35rem .35rem;
  background:var(--soft);border:1px solid var(--line);border-radius:999px
}
.listen-play{
  width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;
  background:#6B7280;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.12);transition:background .15s,transform .12s;padding:0
}
.listen-play:hover{background:#4B5563}
.listen-play.is-playing{background:#374151}
.listen-play:disabled{opacity:.5;cursor:not-allowed}
.listen-ico{display:flex;align-items:center;justify-content:center;margin-left:2px}
.listen-play.is-playing .listen-ico{margin-left:0}
.listen-label{font-weight:700;font-size:.88rem;color:var(--ink2);min-width:3rem}
.listen-progress{width:100px}
.listen-bar-track{height:4px;background:#D1D5DB;border-radius:999px;overflow:hidden}
.listen-bar-fill{height:100%;width:0;background:#6B7280;border-radius:999px;transition:width .35s linear}
.btn-api-style {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem 1.3rem;
  border-radius: 8px;
  background: var(--o);
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: opacity .15s, transform .1s, box-shadow .15s;
  white-space: nowrap;
  box-shadow: 0 2px 14px rgba(254, 144, 76, .4);
  letter-spacing: .01em;
}
.btn-api-style:hover{opacity:.88;transform:translateY(-1px);color:#fff;text-decoration:none}
.btn-sm{padding:.35rem .7rem;font-size:.8rem}

/* Share — platform brand colors + logos */
.share-block,.newsletter-block{
  margin:1.75rem 0;padding:1.25rem 1.3rem;border:1px solid var(--line);
  border-radius:16px;background:var(--bg);box-shadow:var(--shadow)
}
.share-block h3,.newsletter-block h3{margin:0 0 .65rem;font-size:1.08rem;font-weight:900;color:var(--ink)}
.share-row{display:flex;flex-wrap:wrap;gap:.55rem}
.share-btn{
  display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;
  border:1px solid transparent;color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;
  cursor:pointer;font-family:inherit;transition:transform .12s,filter .12s
}
.share-btn:hover{filter:brightness(1.08);transform:translateY(-1px);text-decoration:none;color:#fff}
.share-btn span{line-height:1}
.share-x{background:#0f1419}
.share-tg{background:#2AABEE}
.share-wa{background:#25D366}
.share-li{background:#0A66C2}
.share-fb{background:#1877F2}
.share-red{background:#FF4500}
.share-copy{background:#fff;color:var(--ink)!important;border-color:var(--line)}
.share-copy:hover{border-color:var(--o);color:var(--o)!important;background:#FFF7F0}

/* Newsletter with logo + mandatory consent */
.nl-brand{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:.85rem}
.nl-brand img,.logo-nobg{width:48px;height:48px;border-radius:0;object-fit:contain;background:transparent!important;padding:0;box-shadow:none}
.nl-brand h3{margin:0 0 .2rem}
.nl-brand .muted{margin:0;font-size:.9rem}
.header-tools{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.gtranslate{min-height:28px;max-width:160px}
.gtranslate select,.gtranslate .goog-te-combo{
  font-family:inherit!important;font-size:.78rem!important;font-weight:600!important;
  border:1px solid var(--line)!important;border-radius:999px!important;padding:.3rem .55rem!important;
  background:var(--soft)!important;outline:none
}
/* hide Google top bar offset */
body{top:0!important}
.goog-te-banner-frame{display:none!important}
.skiptranslate iframe{visibility:hidden!important}
.goog-logo-link,.goog-te-gadget span{display:none!important}
.goog-te-gadget{font-size:0!important}
.goog-te-gadget .goog-te-combo{font-size:.78rem!important}

/* HypeLab / ad inventory slots */
.ad-slot{margin:1.25rem 0;width:100%}
.ad-inner{
  border:1px dashed #e8d5c4;border-radius:14px;background:linear-gradient(180deg,#FFFBF7,#fff);
  padding:.55rem .75rem .75rem;text-align:center
}
.ad-label{
  display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  color:var(--mut);margin-bottom:.4rem
}
.ad-frame{min-height:70px;display:flex;align-items:center;justify-content:center}
.ad-banner .ad-frame{min-height:90px}
.ad-inarticle .ad-frame{min-height:110px}
.ad-placeholder{
  display:flex;flex-direction:column;gap:.2rem;align-items:center;justify-content:center;
  text-decoration:none;color:var(--ink);padding:.6rem 1rem;max-width:420px
}
.ad-placeholder strong{font-size:.88rem;font-weight:800;color:var(--o)}
.ad-placeholder span{font-size:.75rem;color:var(--mut);font-weight:600}
.ad-placeholder:hover{text-decoration:none}

/* API docs */
.api-docs-page{padding:1.25rem 0 3rem}
.api-block{margin:1.5rem 0;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.api-block h2{margin:0 0 .55rem;font-size:1.1rem;font-weight:900}
.api-pre{
  background:#0f1115;color:#e8e8e8;padding:1rem 1.1rem;border-radius:12px;overflow-x:auto;
  font-size:.82rem;line-height:1.5;margin:.55rem 0 0
}
.api-pre code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.api-monetize ul{margin:.5rem 0 0;padding-left:1.2rem}
.api-monetize li{margin:.35rem 0;font-weight:500;color:var(--ink)}

.ca-home-clean{padding:1.35rem 0 4rem}
.ca-home-clean .home-section{
  margin:0 0 2.75rem;
  padding-bottom:.25rem
}
.ca-home-clean .ca-last-news{margin-bottom:2.25rem}
.ca-home-clean .home-trending{
  margin:0 0 3.25rem;
  padding:1.35rem 0 1.75rem;
  border-bottom:1px solid var(--line)
}
.ca-home-clean .home-trending .ca-section-title{margin-bottom:1.15rem}
.ca-home-clean .home-trending .trend-row{gap:1.15rem}
.ca-home-clean .home-brief{
  margin:0.5rem 0 3.25rem;
  padding:1.45rem 1.35rem 1.5rem
}
.ca-home-clean .ad-slot{
  margin:2rem 0 2.75rem
}
.ca-home-clean .ca-section-title{margin-bottom:1.05rem}
.ca-home-clean .home-feedback{margin-top:1rem;margin-bottom:1.5rem}
.ca-home-clean .brief-grid{gap:1rem;margin-bottom:1.25rem}
.ca-home-clean .brief-coins{gap:.85rem;margin-bottom:1rem}
.brief-pill-stat{align-items:flex-start!important;max-width:100%}
.brief-pill-stat span{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem;line-height:1.25}
.brief-pill-stat small{font-size:.68rem;font-weight:600;color:var(--mut)}

/* —— Dark theme (fixed selectors; covers full UI) —— */
html[data-theme="dark"],
html.theme-dark{
  --ink:#F3F4F6;
  --ink2:#E5E7EB;
  --mut:#9CA3AF;
  --line:#2E2E34;
  --bg:#0C0C0E;
  --soft:#16161A;
  --o-soft:#2A1A10;
  --shadow:0 8px 28px rgba(0,0,0,.45);
  color-scheme:dark;
}
html[data-theme="dark"] body,
html.theme-dark body{
  background:var(--bg)!important;
  color:var(--ink)!important;
}
html[data-theme="dark"] .site-header,
html.theme-dark .site-header{
  background:#111114!important;
  border-color:var(--line)!important;
}
html[data-theme="dark"] .site-footer,
html.theme-dark .site-footer{
  background:#0A0A0C!important;
  border-color:var(--line)!important;
  color:var(--mut);
}
html[data-theme="dark"] .logo-text,
html.theme-dark .logo-text,
html[data-theme="dark"] .nav a,
html.theme-dark .nav a,
html[data-theme="dark"] .page-title,
html.theme-dark .page-title,
html[data-theme="dark"] .article-title,
html.theme-dark .article-title,
html[data-theme="dark"] .ca-section-title,
html.theme-dark .ca-section-title,
html[data-theme="dark"] .ca-snd-title,
html.theme-dark .ca-snd-title,
html[data-theme="dark"] .home-card-title,
html.theme-dark .home-card-title,
html[data-theme="dark"] .list-articles h3 a,
html.theme-dark .list-articles h3 a{
  color:var(--ink)!important;
}
html[data-theme="dark"] .nav a:hover,
html.theme-dark .nav a:hover,
html[data-theme="dark"] .nav a.active,
html.theme-dark .nav a.active{color:var(--o)!important}
html[data-theme="dark"] .ca-snd,
html.theme-dark .ca-snd,
html[data-theme="dark"] .home-card,
html.theme-dark .home-card,
html[data-theme="dark"] .ov-card,
html.theme-dark .ov-card,
html[data-theme="dark"] .markets-table-wrap,
html.theme-dark .markets-table-wrap,
html[data-theme="dark"] .share-block,
html.theme-dark .share-block,
html[data-theme="dark"] .newsletter-block,
html.theme-dark .newsletter-block,
html[data-theme="dark"] .api-block,
html.theme-dark .api-block,
html[data-theme="dark"] .home-brief,
html.theme-dark .home-brief,
html[data-theme="dark"] .course-card,
html.theme-dark .course-card,
html[data-theme="dark"] .course-rail,
html.theme-dark .course-rail,
html[data-theme="dark"] .trend-card,
html.theme-dark .trend-card,
html[data-theme="dark"] .brief-stat,
html.theme-dark .brief-stat,
html[data-theme="dark"] .brief-trend,
html.theme-dark .brief-trend,
html[data-theme="dark"] .brief-coin,
html.theme-dark .brief-coin,
html[data-theme="dark"] .feedback-card,
html.theme-dark .feedback-card,
html[data-theme="dark"] .mkt-overview,
html.theme-dark .mkt-overview,
html[data-theme="dark"] .ca-mkt-strip,
html.theme-dark .ca-mkt-strip,
html[data-theme="dark"] .ca-guide,
html.theme-dark .ca-guide{
  background:#141418!important;
  border-color:var(--line)!important;
  color:var(--ink);
}
html[data-theme="dark"] .prose,
html.theme-dark .prose,
html[data-theme="dark"] .prose p,
html.theme-dark .prose p,
html[data-theme="dark"] .prose li,
html.theme-dark .prose li,
html[data-theme="dark"] .article-dek,
html.theme-dark .article-dek,
html[data-theme="dark"] .product-desc,
html.theme-dark .product-desc{
  color:#E8E8EA!important;
}
html[data-theme="dark"] .prose h2,
html.theme-dark .prose h2,
html[data-theme="dark"] .prose h3,
html.theme-dark .prose h3{color:var(--o)!important}
html[data-theme="dark"] .icon-btn,
html.theme-dark .icon-btn{color:#F3F4F6!important}
html[data-theme="dark"] .search-expand input,
html.theme-dark .search-expand input,
html[data-theme="dark"] .search-page-form input,
html.theme-dark .search-page-form input,
html[data-theme="dark"] .auth-form input,
html.theme-dark .auth-form input,
html[data-theme="dark"] .contact-form input,
html.theme-dark .contact-form input,
html[data-theme="dark"] .contact-form textarea,
html.theme-dark .contact-form textarea,
html[data-theme="dark"] .nl-form input,
html.theme-dark .nl-form input{
  background:#0C0C0E!important;
  color:#fff!important;
  border-color:#333!important;
}
html[data-theme="dark"] .ad-inner,
html.theme-dark .ad-inner{
  background:#16161A!important;
  border-color:#333!important;
}
html[data-theme="dark"] .modal-card,
html.theme-dark .modal-card{
  background:#16161A!important;
  color:#fff!important;
}
html[data-theme="dark"] .btn-google,
html.theme-dark .btn-google,
html[data-theme="dark"] .auth-tab,
html.theme-dark .auth-tab,
html[data-theme="dark"] .cat-chip,
html.theme-dark .cat-chip,
html[data-theme="dark"] .lang-chip,
html.theme-dark .lang-chip,
html[data-theme="dark"] .btn-refresh,
html.theme-dark .btn-refresh,
html[data-theme="dark"] .listen-player-clean,
html.theme-dark .listen-player-clean{
  background:#1A1A1F!important;
  color:var(--ink)!important;
  border-color:#333!important;
}
html[data-theme="dark"] .markets-table th,
html.theme-dark .markets-table th{background:#1A1A1F!important;color:var(--mut)}
html[data-theme="dark"] .markets-table td,
html.theme-dark .markets-table td{border-color:var(--line)!important;color:var(--ink)}
html[data-theme="dark"] .markets-table tr:hover td,
html.theme-dark .markets-table tr:hover td{background:#1C1C22!important}
/* Markets page: all text in dark mode */
html[data-theme="dark"] .brief-val,
html.theme-dark .brief-val,
html[data-theme="dark"] .brief-label,
html.theme-dark .brief-label,
html[data-theme="dark"] .brief-chg,
html.theme-dark .brief-chg,
html[data-theme="dark"] .brief-trend-list,
html.theme-dark .brief-trend-list,
html[data-theme="dark"] .mkt-overview *,
html.theme-dark .mkt-overview *,
html[data-theme="dark"] .markets-meta,
html.theme-dark .markets-meta,
html[data-theme="dark"] .ov-title,
html[data-theme="dark"] .ov-mcap-val,
html[data-theme="dark"] .ov-coin-txt strong,
html[data-theme="dark"] .cours-page h1,
html.theme-dark .cours-page h1,
html[data-theme="dark"] .cours-page p,
html.theme-dark .cours-page p,
html[data-theme="dark"] .cours-hero-simple,
html.theme-dark .cours-hero-simple,
html[data-theme="dark"] .live-line,
html.theme-dark .live-line,
html[data-theme="dark"] .markets-toolbar,
html.theme-dark .markets-toolbar{color:var(--ink)!important}
/* Market table coin names */
html[data-theme="dark"] .markets-table .coin strong,
html.theme-dark .markets-table .coin strong,
html[data-theme="dark"] .markets-table .num,
html.theme-dark .markets-table .num,
html[data-theme="dark"] .markets-table .rank,
html.theme-dark .markets-table .rank{color:var(--ink)!important}
html[data-theme="dark"] .markets-table .coin .mut,
html.theme-dark .markets-table .coin .mut{color:var(--mut)!important}
/* mkt-overview sub-elements */
html[data-theme="dark"] .ov-label,
html.theme-dark .ov-label,
html[data-theme="dark"] .ov-val,
html.theme-dark .ov-val,
html[data-theme="dark"] .ov-sub,
html.theme-dark .ov-sub,
html[data-theme="dark"] .gainers-title,
html.theme-dark .gainers-title,
html[data-theme="dark"] .gainer-name,
html.theme-dark .gainer-name,
html[data-theme="dark"] .gainer-sym,
html.theme-dark .gainer-sym{color:var(--ink)!important}
html[data-theme="dark"] .list-articles li,
html.theme-dark .list-articles li{border-color:var(--line)}
html[data-theme="dark"] .muted,
html.theme-dark .muted{color:var(--mut)!important}
html[data-theme="dark"] .course-rail-item strong,
html.theme-dark .course-rail-item strong,
html[data-theme="dark"] .trend-card strong,
html.theme-dark .trend-card strong{color:#fff!important}
html[data-theme="dark"] .tape,
html.theme-dark .tape{background:#000;border-color:var(--o)}
html[data-theme="dark"] .ca-home,
html.theme-dark .ca-home{background:var(--bg)!important}
html[data-theme="dark"] .auth-or span,
html.theme-dark .auth-or span{background:#16161A!important}
html[data-theme="dark"] .pg-btn,
html.theme-dark .pg-btn{background:#1A1A1F;color:var(--ink);border-color:#333}

/* Header icons */
.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:none;background:transparent;border-radius:999px;cursor:pointer;color:var(--ink);
  padding:0;transition:background .12s
}
.icon-btn:hover{background:var(--soft)}
.icon-profile.is-logged{background:var(--o);color:#fff}
.avatar-letter{font-weight:800;font-size:.95rem}
.search-wrap{position:relative;display:flex;align-items:center}
.search-expand{
  position:absolute;right:100%;top:50%;transform:translateY(-50%);
  width:0;overflow:hidden;opacity:0;transition:width .2s,opacity .2s;margin-right:.35rem
}
.search-wrap.open .search-expand{width:200px;opacity:1}
.search-expand input{
  width:100%;border:1px solid var(--line);border-radius:999px;padding:.45rem .85rem;
  font-family:inherit;font-size:.85rem;background:#fff
}
.btn-refresh{
  display:inline-flex;align-items:center;gap:.35rem;margin-left:.75rem;
  border:1px solid var(--line);background:#fff;border-radius:999px;padding:.35rem .75rem;
  font-family:inherit;font-weight:700;font-size:.8rem;cursor:pointer;color:var(--ink)
}
.btn-refresh:hover{border-color:var(--o);color:var(--o)}
.btn-refresh.spinning svg{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
html[data-theme=dark] .btn-refresh{background:#1A1A1F}

/* Auth modal */
.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}
.modal[hidden]{display:none!important}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px)}
.modal-card{
  position:relative;z-index:1;width:min(420px,100%);background:#fff;border-radius:18px;
  padding:1.35rem 1.4rem 1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.2)
}
.modal-x{position:absolute;right:.7rem;top:.5rem;border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:var(--mut);line-height:1}
.auth-head{text-align:center;margin-bottom:.85rem}
.auth-head h2{margin:.4rem 0 .2rem;font-size:1.2rem;font-weight:900}
.auth-tabs{display:flex;gap:.4rem;margin-bottom:.85rem}
.auth-tab{
  flex:1;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:.45rem;
  font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer
}
.auth-tab.active{background:linear-gradient(90deg,var(--o),var(--o2));color:#fff;border-color:transparent}
.btn-google{
  width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;
  border:1px solid var(--line);background:#fff;border-radius:12px;padding:.65rem;font-family:inherit;
  font-weight:700;cursor:pointer;margin-bottom:.65rem
}
.btn-google:hover{border-color:var(--o)}
.auth-or{text-align:center;font-size:.75rem;color:var(--mut);font-weight:700;margin:.35rem 0 .65rem;position:relative}
.auth-or span{background:#fff;padding:0 .5rem;position:relative;z-index:1}
html[data-theme=dark] .auth-or span{background:#16161A}
.auth-form{display:flex;flex-direction:column;gap:.5rem}
.auth-form input{
  border:1px solid var(--line);border-radius:12px;padding:.65rem .85rem;font-family:inherit;font-size:.95rem
}
.btn-block{width:100%;border:none;cursor:pointer;padding:.7rem;text-align:center}
body.modal-open{overflow:hidden}

/* Courses / formations — compact */
.guides-page{padding:1.25rem 0 3rem}
.guides-hero{margin-bottom:1.25rem}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}
.course-grid-sm{grid-template-columns:repeat(3,1fr);gap:.85rem}
@media(max-width:900px){.course-grid,.course-grid-sm{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.course-grid,.course-grid-sm{grid-template-columns:1fr}}
.course-card{
  border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:var(--shadow);display:flex;flex-direction:column
}
.course-card-sm .course-body{padding:.75rem .8rem .9rem}
.course-card-sm h2{font-size:.92rem!important}
.course-media{display:block;background:#fafafa;aspect-ratio:1;overflow:hidden;position:relative}
.course-media img{width:100%;height:100%;object-fit:cover}
.product-price-inline{font-size:.82rem;font-weight:700;color:var(--ink)}
.product-price-inline strong{color:var(--o);font-size:1rem}
.product-price{display:flex;align-items:baseline;gap:.75rem;margin:1rem 0}
.price-tag{font-size:2rem;font-weight:900;color:var(--o);letter-spacing:-.03em}
.product-desc{font-size:.95rem;line-height:1.55;color:#222;font-weight:500}
.product-langs{display:flex;flex-wrap:wrap;gap:.35rem;margin:.75rem 0}
.lang-chip.active{border-color:var(--o);background:var(--o-soft);color:var(--o)}
.btn-buy{border:none;cursor:pointer;padding:.75rem 1.4rem;font-size:1rem}
.product-media{position:relative}
.course-detail-cover{width:100%;max-width:360px;border-radius:16px;box-shadow:var(--shadow);background:#fff;display:block;aspect-ratio:1;object-fit:cover}
.course-rail-item img{object-fit:cover;background:#fff}

/* Tiny formations rail on articles */
.course-rail{
  border:1px solid var(--line);border-radius:14px;padding:.75rem;
  background:#fff;box-shadow:var(--shadow)
}
.course-rail-title{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--o);margin:0 0 .55rem}
.course-rail-item{
  display:flex;gap:.5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit
}
.course-rail-item:last-of-type{border-bottom:0}
.course-rail-item img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#fafafa}
.course-rail-item strong{display:block;font-size:.72rem;font-weight:800;line-height:1.25;color:var(--ink)}
.course-rail-item em{font-style:normal;font-size:.7rem;font-weight:800;color:var(--course,var(--o))}
.course-rail-all{display:block;margin-top:.55rem;font-size:.75rem;font-weight:800;color:var(--o);text-decoration:none}

/* Trending on home */
.trending-title{color:var(--o);font-weight:900}
.trend-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.15rem}
@media(max-width:900px){.trend-row{grid-template-columns:1fr 1fr;gap:1rem}}
@media(max-width:520px){.trend-row{grid-template-columns:1fr;gap:.9rem}}
.trend-card{
  display:flex;flex-direction:column;gap:.55rem;border:1px solid var(--line);border-radius:16px;
  overflow:hidden;background:#fff;text-decoration:none;color:inherit;box-shadow:0 2px 12px rgba(0,0,0,.04);
  transition:border-color .12s,box-shadow .12s,transform .12s
}
.trend-card:hover{border-color:var(--o);box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}
.trend-card img,.trend-ph{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--soft)}
.trend-card div{padding:.15rem .9rem 1rem;display:flex;flex-direction:column;gap:.3rem}
.trend-cat{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.trend-card strong{font-size:.88rem;font-weight:800;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.trend-card .muted{font-size:.72rem}

/* News category chips */
.cat-filter{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1.25rem}
.cat-chip{
  display:inline-flex;padding:.4rem .8rem;border-radius:999px;border:1px solid var(--line);
  background:#fff;font-size:.8rem;font-weight:700;text-decoration:none;color:var(--ink)
}
.cat-chip:hover{border-color:var(--o);color:var(--o);text-decoration:none}
.cat-chip.active{background:var(--o);color:#fff!important;border-color:transparent}
.search-page-form{display:flex;gap:.5rem;margin:0 0 1.25rem;max-width:520px}
.search-page-form input{flex:1;border:1px solid var(--line);border-radius:12px;padding:.65rem .9rem;font-family:inherit}
.search-sec{font-size:1rem;font-weight:900;margin:1.25rem 0 .5rem;color:var(--o)}
.auth-stack{display:flex;flex-direction:column;gap:.55rem}
.auth-tabs-vert{display:flex;flex-direction:column;gap:.35rem}
.auth-tabs-vert .auth-tab{width:100%}
.course-body{padding:1rem 1.05rem 1.15rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.course-level{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--course,var(--o))}
.course-body h2{margin:0;font-size:1.05rem;font-weight:900}
.course-body h2 a{color:inherit;text-decoration:none}
.course-body h2 a:hover{color:var(--o)}
.course-body p{margin:0;font-size:.88rem;color:var(--mut);font-weight:500;line-height:1.4}
.course-langs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}
.lang-chip{
  display:inline-flex;align-items:center;gap:.25rem;border:1px solid var(--line);background:var(--soft);
  border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:700;cursor:pointer;font-family:inherit
}
.lang-chip:hover{border-color:var(--o)}
.course-detail{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start;margin:1rem 0 2rem}
@media(max-width:700px){.course-detail{grid-template-columns:1fr}}
.course-detail-cover{width:100%;border-radius:16px;box-shadow:var(--shadow);background:#fafafa}
.course-topics{padding-left:1.2rem}
.course-topics li{margin:.35rem 0;font-weight:600}

/* Contact */
.contact-page{padding:1.25rem 0 3rem;max-width:640px}
.contact-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}
.contact-form label{display:flex;flex-direction:column;gap:.3rem;font-weight:700;font-size:.85rem}
.contact-form input,.contact-form textarea{
  border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-family:inherit;font-weight:500;font-size:.95rem
}
.badge-pro,.badge-free{
  display:inline-block;font-size:.65rem;font-weight:800;padding:.15rem .45rem;border-radius:999px;vertical-align:middle;margin-left:.35rem
}
.badge-pro{background:#111;color:#fff}
.badge-free{background:#DCFCE7;color:#166534}
.api-key-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:.65rem 0}
.twitter-tweet{margin:1.25rem auto!important}
.nl-form{display:flex;flex-direction:column;gap:.65rem;margin-top:.35rem}
.nl-form input[type=email]{
  width:100%;max-width:420px;padding:.7rem .95rem;border:1px solid var(--line);
  border-radius:12px;font-size:.95rem;font-family:inherit;font-weight:500
}
.nl-form input:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(254,144,76,.15)}
.nl-consent{
  display:flex;align-items:flex-start;gap:.55rem;font-size:.82rem;line-height:1.45;
  color:#374151;font-weight:500;max-width:520px;cursor:pointer
}
.nl-consent input{margin-top:.2rem;width:16px;height:16px;accent-color:var(--o);flex-shrink:0}
.nl-consent em{color:var(--o);font-style:normal;font-weight:700}
.nl-form .btn-o{align-self:flex-start;border:none;cursor:pointer;padding:.6rem 1.25rem;font-size:.9rem}
.nl-msg{margin:.5rem 0 0;font-weight:600}
.nl-msg.err{color:var(--red)}
/* Dialog popup — fixes browser default dialog styles */
dialog#popNewsModalClassic{border:none;padding:0;background:transparent;overflow:visible;max-width:440px;width:calc(100vw - 2rem)}
dialog#popNewsModalClassic::backdrop{background:rgba(0,0,0,.55)}
dialog#popNewsModalClassic .newsletter-block{margin:0;width:100%;box-sizing:border-box;background:var(--bg)}
.rail-markets-cta .btn-o{display:inline-block;margin-top:.25rem}
.home-grid-news{margin-top:1.5rem}

/* Clean home — less density (legacy) */
.home-clean{padding-bottom:2.5rem}
.feat-compact{margin:1.1rem 0 1.5rem}
.feat-compact .feat-main h1{font-size:clamp(1.25rem,2.6vw,1.75rem)}
.home-more{max-width:820px;margin:0 auto}
.home-more .section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}
.home-more .section-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.list-articles-air li{padding:1.15rem 0}
.list-articles-air .excerpt{-webkit-line-clamp:2}

/* —— Cryptoast-style home (cryptoast.fr layout clone, CryptoSnap brand) —— */
.ca-home{padding:1.1rem 0 3rem;background:#fff}
.ca-section-title{
  display:flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.05rem;
  letter-spacing:-.02em;margin:0 0 .85rem;color:var(--ink)
}
.ca-bar{width:4px;height:1.05em;border-radius:2px;background:linear-gradient(180deg,var(--o),var(--o2));flex-shrink:0}
.ca-last-news{margin-bottom:1.75rem}
.ca-last-news-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:1.15rem;align-items:stretch}
@media(max-width:960px){.ca-last-news-grid{grid-template-columns:1fr}}
.ca-lead{
  position:relative;border-radius:14px;overflow:hidden;min-height:420px;
  display:block;color:#fff!important;text-decoration:none!important;
  box-shadow:0 12px 36px rgba(17,24,39,.1);background:#111
}
.ca-lead img{width:100%;height:100%;object-fit:cover;min-height:420px}
.ca-lead-fallback{min-height:420px;background:linear-gradient(135deg,#1a1208,#111 40%,#FE904C 130%)}
.ca-lead-ov{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.88) 78%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:1.4rem 1.35rem 1.25rem;gap:.35rem
}
.ca-lead h1{margin:0;font-size:clamp(1.4rem,2.8vw,1.95rem);line-height:1.18;font-weight:800;letter-spacing:-.025em}
.ca-lead p{margin:0;opacity:.9;max-width:52ch;font-size:.95rem;line-height:1.45}
.ca-cat{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--o)}
.ca-cat-on{color:#FE904C}
.ca-date{font-size:.78rem;color:var(--mut)}
.ca-date-on{color:rgba(255,255,255,.75)}
.ca-snd-col{display:flex;flex-direction:column;gap:.65rem}
.ca-snd{
  display:grid;grid-template-columns:112px 1fr;gap:.75rem;padding:.55rem;
  border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit;text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.03);transition:border-color .15s,box-shadow .15s
}
.ca-snd:hover{border-color:var(--o);box-shadow:var(--shadow);text-decoration:none}
.ca-snd img,.ca-ph{width:112px;height:80px;object-fit:cover;border-radius:8px;background:var(--soft)}
.ca-ph{background:linear-gradient(135deg,var(--o-soft),#eee)}
.ca-snd-title{display:block;font-size:.9rem;line-height:1.3;font-weight:700;margin:.15rem 0;color:var(--ink)}
.ca-snd-body{min-width:0}
.ca-mkt-strip{
  margin:0 0 2rem;padding:1rem 1.1rem 1.1rem;border:1px solid var(--line);border-radius:14px;
  background:linear-gradient(180deg,#FFF9F4,#fff);box-shadow:var(--shadow)
}
.ca-mkt-row{display:flex;flex-wrap:wrap;gap:.55rem}
.ca-mkt-chip{
  display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border-radius:999px;
  border:1px solid var(--line);background:#fff;text-decoration:none;color:inherit;font-size:.82rem
}
.ca-mkt-chip:hover{border-color:var(--o);text-decoration:none}
.ca-mkt-chip .sym{font-weight:800}
.ca-mkt-chip .px{font-weight:700;font-variant-numeric:tabular-nums}
.ca-mkt-chip .chg.up{color:var(--green);font-weight:700}
.ca-mkt-chip .chg.down{color:var(--red);font-weight:700}
.ca-mkt-all{display:inline-block;margin-top:.75rem;font-weight:700;font-size:.85rem;color:var(--o)}
.ca-mkt-skel{color:var(--mut);font-size:.9rem;padding:.35rem 0}
.ca-guides{margin-bottom:2rem}
.ca-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}
@media(max-width:900px){.ca-guide-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ca-guide-grid{grid-template-columns:1fr}}
.ca-guide{
  display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;border:1px solid var(--line);
  border-radius:12px;background:#fff;text-decoration:none;color:inherit;
  box-shadow:0 2px 10px rgba(0,0,0,.03);min-height:140px;transition:border-color .15s,box-shadow .15s
}
.ca-guide:hover{border-color:var(--o);box-shadow:var(--shadow);text-decoration:none}
.ca-guide strong{font-size:.95rem;line-height:1.3;font-weight:800;color:var(--ink)}
.ca-guide p{margin:0;font-size:.82rem;color:var(--mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ca-guide-top{display:flex;justify-content:space-between;align-items:center}
.ca-diff{
  font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  background:var(--o-soft);color:var(--o);padding:.2rem .5rem;border-radius:999px
}
.ca-time{font-size:.75rem;color:var(--mut);font-weight:600}
.ca-more-row{margin-top:1rem;display:flex;gap:.6rem;flex-wrap:wrap}
.ca-more-news{max-width:860px}
.ca-section-title-row{justify-content:space-between;width:100%}
.ca-section-title-row>span{display:inline-flex;align-items:center;gap:.55rem}
.ca-link-all{font-size:.82rem;font-weight:700;color:var(--o);text-decoration:none;margin-left:auto}
.ca-link-all:hover{text-decoration:underline}

/* —— Home magazine sections (under hero) —— */
.home-section{margin:0 0 2.25rem}
.home-card-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1rem
}
.home-card-grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){.home-card-grid,.home-card-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.home-card-grid,.home-card-grid-3{grid-template-columns:1fr}}
.home-card{
  display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;
  overflow:hidden;background:#fff;text-decoration:none;color:inherit;
  box-shadow:0 2px 10px rgba(0,0,0,.03);transition:border-color .15s,box-shadow .15s,transform .15s
}
.home-card:hover{border-color:var(--o);box-shadow:var(--shadow);transform:translateY(-2px);text-decoration:none}
.home-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--soft)}
.home-card-media img{width:100%;height:100%;object-fit:cover}
.home-card-ph{width:100%;height:100%;min-height:120px}
.home-card-body{padding:.75rem .85rem .9rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.home-card-cat{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.home-card-title{
  margin:0;font-size:.92rem;font-weight:800;line-height:1.3;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.home-card-meta{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin-top:auto;padding-top:.35rem}
.hm-meta{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--mut)}
.hm-meta svg{opacity:.7}

.home-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:800px){.home-two-col{grid-template-columns:1fr}}
.home-stack{display:flex;flex-direction:column;gap:.75rem}
.home-stack .home-card{flex-direction:row;min-height:0}
.home-stack .home-card-media{width:120px;min-width:120px;aspect-ratio:auto;height:auto;align-self:stretch}
.home-stack .home-card-media img{min-height:100%;height:100%}
.home-stack .home-card-title{-webkit-line-clamp:2;font-size:.88rem}
.home-text-row{
  display:flex;align-items:flex-start;gap:.55rem;padding:.65rem 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;font-weight:700;font-size:.9rem
}
.home-text-row:hover{color:var(--o);text-decoration:none}
.home-text-dot{width:8px;height:8px;border-radius:50%;margin-top:.4rem;flex-shrink:0}
.home-list-card{
  border:1px solid var(--line);border-radius:14px;padding:1rem 1.15rem;background:#fff;box-shadow:var(--shadow)
}
.home-link-list{list-style:none;padding:0;margin:0}
.home-link-list li{border-bottom:1px solid var(--line)}
.home-link-list li:last-child{border-bottom:0}
.home-link-list a{
  display:block;padding:.55rem 0;color:var(--ink);font-weight:700;font-size:.9rem;text-decoration:none
}
.home-link-list a:hover{color:var(--o)}
.home-link-list a::before{content:"→ ";color:var(--o);font-weight:800}

/* Markets at a glance on home */
.home-brief{
  padding:1.15rem 1.2rem 1.25rem;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(180deg,#FFF9F4 0%,#fff 45%);box-shadow:var(--shadow)
}
.brief-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:.85rem;margin-bottom:1rem}
@media(max-width:800px){.brief-grid{grid-template-columns:1fr}}
.brief-stat,.brief-trend{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem
}
.brief-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin-bottom:.35rem}
.brief-val{font-size:1.45rem;font-weight:900;color:var(--ink);letter-spacing:-.02em}
.brief-chg{font-weight:800;font-size:.95rem;margin-top:.15rem}
.brief-chg.up{color:var(--green)}
.brief-chg.down{color:var(--red)}
.brief-trend-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.25rem}
.brief-pill{
  display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;
  border:1px solid var(--line);background:var(--soft);text-decoration:none;color:inherit;font-size:.8rem;font-weight:700
}
.brief-pill:hover{border-color:var(--o);text-decoration:none}
.brief-pill img{width:16px;height:16px;border-radius:50%}
.brief-coins{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:.75rem}
@media(max-width:800px){.brief-coins{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.brief-coins{grid-template-columns:1fr}}
.brief-coin{
  display:flex;align-items:center;gap:.55rem;padding:.7rem .8rem;border:1px solid var(--line);
  border-radius:12px;background:#fff;text-decoration:none;color:inherit;transition:border-color .12s
}
.brief-coin:hover{border-color:var(--o);text-decoration:none}
.brief-coin img,.ico-fallback{
  width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0
}
.ico-fallback{
  display:inline-flex;align-items:center;justify-content:center;background:var(--o);color:#fff;font-weight:800;font-size:.9rem
}
.bc-txt{flex:1;min-width:0}
.bc-txt strong{display:block;font-size:.85rem;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-txt span{font-size:.7rem;font-weight:600;color:var(--mut)}
.bc-px{text-align:right}
.bc-px b{display:block;font-size:.9rem;font-weight:900;font-variant-numeric:tabular-nums}
.bc-px .chg{font-size:.78rem}

.home-feedback{margin-bottom:1rem}
.feedback-card{
  display:grid;grid-template-columns:auto 1fr;gap:.85rem 1.15rem;align-items:start;
  padding:1.25rem 1.35rem;border:1px solid var(--line);border-radius:18px;
  background:linear-gradient(135deg,#FFF7F0,#fff 50%);box-shadow:var(--shadow)
}
.feedback-card img{border-radius:10px}
.feedback-title{margin:0 0 .25rem;font-size:1.15rem;font-weight:900;color:var(--ink)}
.feedback-form{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr auto;gap:.55rem;align-items:start}
@media(max-width:700px){.feedback-form{grid-template-columns:1fr}}
.feedback-form input,.feedback-form textarea{
  border:1px solid var(--line);border-radius:12px;padding:.65rem .85rem;font-family:inherit;font-size:.9rem;font-weight:500
}
.feedback-form input:focus,.feedback-form textarea:focus{outline:none;border-color:var(--o)}
.feedback-form .btn-o{border:none;cursor:pointer;height:fit-content;padding:.7rem 1.2rem}

.tape-ico{width:14px;height:14px;border-radius:50%;object-fit:cover}
.ov-ico{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}

/* Cryptoast-like orange nav active */
.nav a.active{color:var(--o)}
.color-orange-gradient,.nav a:hover{color:var(--o)}

/* Markets page full */
.page-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;margin:.4rem 0 .5rem;letter-spacing:-.02em;color:var(--ink)}
.cours-page{padding:1rem 0 3rem}
.cours-hero-simple{margin-bottom:1rem}
.cours-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:1.35rem;margin-bottom:1.35rem}
@media(max-width:900px){.cours-hero{grid-template-columns:1fr}}
.cours-btc-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}
.chart-box{width:100%;height:240px}
.chart-box.tall{height:300px}

/* Cryptoast-style market overview: mcap + gainers + losers + trending */
.mkt-overview{
  margin:0 0 1.5rem;padding:1.15rem 1.2rem 1.25rem;
  background:linear-gradient(180deg,#FFF9F4 0%,#fff 40%);
  border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)
}
.ov-head{margin-bottom:1rem}
.ov-title{
  display:flex;align-items:center;gap:.55rem;margin:0;font-size:1.15rem;font-weight:900;
  letter-spacing:-.02em;color:var(--ink)
}
.ov-sub{margin:.25rem 0 0;font-size:.85rem;color:var(--mut);font-weight:600}
.ov-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:.85rem}
@media(max-width:1000px){.ov-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ov-grid{grid-template-columns:1fr}}
.ov-card{
  background:#fff;border:1px solid var(--line);border-radius:14px;padding:.9rem .95rem;
  box-shadow:0 2px 10px rgba(0,0,0,.03)
}
.ov-card-label{
  font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;
  color:var(--mut);margin-bottom:.65rem
}
.ov-label-green{color:var(--green)}
.ov-label-red{color:var(--red)}
.ov-label-hot{color:var(--o)}
.ov-mcap-val{font-size:1.55rem;font-weight:900;letter-spacing:-.03em;color:var(--ink);line-height:1.15}
.ov-mcap-chg{font-size:1.05rem;font-weight:800;margin-top:.25rem}
.ov-mcap-chg.up,.ov-chg.up{color:var(--green)}
.ov-mcap-chg.down,.ov-chg.down{color:var(--red)}
.ov-dom{font-size:.75rem;margin-top:.45rem;font-weight:600}
.ov-list{display:flex;flex-direction:column;gap:.45rem}
.ov-coin{
  display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;
  padding:.35rem .25rem;border-radius:10px;transition:background .12s
}
.ov-coin:hover{background:var(--soft);text-decoration:none}
.ov-coin img,.ov-ico-ph{width:28px;height:28px;border-radius:50%;flex-shrink:0;object-fit:cover}
.ov-ico-ph{background:var(--soft);border:1px solid var(--line)}
.ov-coin-txt{flex:1;min-width:0}
.ov-coin-txt strong{display:block;font-size:.82rem;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ov-sym{font-size:.7rem;font-weight:700;color:var(--mut);text-transform:uppercase}
.ov-chg{font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums;flex-shrink:0}
.ov-fire{font-size:1rem;flex-shrink:0}

.markets-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 .65rem}
.markets-meta{margin:0;font-size:.85rem;font-weight:600;color:var(--mut)}
.markets-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--bg);box-shadow:var(--shadow)}
.markets-table{width:100%;border-collapse:collapse;font-size:.9rem;color:var(--ink)}
.markets-table th{text-align:left;padding:.85rem 1rem;background:var(--soft);border-bottom:1px solid var(--line);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-weight:800}
.markets-table td{padding:.75rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink)}
.markets-table tr:hover td{background:var(--soft)}
.markets-table .coin{display:flex;align-items:center;gap:.65rem}
.markets-table .coin strong{display:block;font-size:.95rem;font-weight:800;color:var(--ink)}
.markets-table .coin .mut{font-size:.75rem;color:var(--mut);font-weight:600}
.markets-table .num{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.markets-table .rank{color:var(--mut);font-size:.85rem;font-weight:700}
.markets-table .chg.up,.chg.up{color:var(--green)!important;font-weight:800}
.markets-table .chg.down,.chg.down{color:var(--red)!important;font-weight:800}
.chg.flat{color:var(--mut)}
.price-cell{font-weight:900;color:var(--ink)}
.row-up:hover td{background:#f0fdf4!important}
.row-down:hover td{background:#fef2f2!important}

/* Pagination */
.markets-pager{
  display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center;
  margin:1.15rem 0 0;padding:.5rem 0
}
.pg-btn{
  min-width:2.4rem;height:2.4rem;padding:0 .65rem;border-radius:10px;
  border:1px solid var(--line);background:#fff;font-family:inherit;font-weight:700;
  font-size:.85rem;cursor:pointer;color:var(--ink);transition:border-color .12s,background .12s
}
.pg-btn:hover:not(:disabled){border-color:var(--o);color:var(--o)}
.pg-btn.active{background:linear-gradient(90deg,var(--o),var(--o2));color:#fff;border-color:transparent}
.pg-btn:disabled{opacity:.4;cursor:not-allowed}
.pg-ellipsis{color:var(--mut);padding:0 .25rem;font-weight:700}
.ca-mkt-chip .chip-ico{width:16px;height:16px;border-radius:50%;margin-right:2px;vertical-align:middle}
.ca-mkt-chip .sym{display:inline-flex;align-items:center;gap:.3rem}

/* Pills / buttons */
.live-dot{display:inline-flex;align-items:center;gap:.3rem;background:var(--green);color:#fff;font-size:.62rem;font-weight:800;padding:.18rem .5rem;border-radius:999px;letter-spacing:.04em}
.live-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.live-line{margin:.4rem 0 0;font-size:.85rem}
.btn-ghost{
  display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.4rem .95rem;
  color:var(--ink)!important;font-size:.82rem;text-decoration:none!important;font-weight:700;background:#fff
}
.btn-ghost:hover{border-color:var(--o);color:var(--o)!important}
.btn-o{
  display:inline-block;background:linear-gradient(90deg,var(--o),var(--o2));color:#fff!important;
  border-radius:999px;padding:.45rem 1rem;font-size:.82rem;font-weight:700;text-decoration:none!important
}
.btn-o:hover{filter:brightness(1.05);text-decoration:none}

/* Footer */
.site-footer{border-top:1px solid var(--line);padding:2.2rem 0 1.5rem;margin-top:1rem;background:#FAFAFA;color:var(--mut);font-size:.88rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr}}
.site-footer h4{color:var(--ink);margin:0 0 .45rem;font-size:.88rem;font-weight:800}
.site-footer a{color:var(--mut)}
.footer-bottom{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.78rem}

.muted{color:var(--mut)}
.empty{padding:3rem;text-align:center;color:var(--mut)}
.ico{width:24px;height:24px;border-radius:50%}
.ico-xs{width:14px;height:14px;border-radius:50%;vertical-align:middle}
.thumb.broken{object-fit:contain;background:#f5f5f5}
.spark-row{width:100px;height:34px}
.tt-item{margin-right:.85rem}
.tt-item b{font-weight:700}

/* Legacy tickers (kept if used) */
.tickers{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}
.ticker{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.7rem;text-decoration:none;color:inherit;display:block}
.ticker:hover{box-shadow:var(--shadow);text-decoration:none;border-color:var(--o)}
.ticker .sym{font-weight:800;font-size:.85rem}
.ticker .px{font-size:1rem;margin-top:.1rem;font-weight:700}
.ticker-h{display:flex;align-items:center;gap:.4rem}
.t-up{border-color:rgba(22,163,74,.22)!important}
.t-down{border-color:rgba(220,38,38,.18)!important}
.name-sm{font-size:.68rem;color:var(--mut);font-weight:500}
.market-bar{display:none} /* old block replaced by mkt-board */