@import url('./premium.css?v=light-1');

/* TomCrypto — Light Editorial. Shared geometry, a bright new palette. */
.seo-intro {padding:32px;background:white;border:1px solid var(--line);border-radius:16px}
.seo-intro>h2 {margin-bottom:24px}
.seo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.seo-grid h3 {margin:0 0 16px}
.seo-grid p {font-size:1rem;line-height:1.7}
@media(max-width:600px){.seo-grid{grid-template-columns:1fr;gap:24px}.seo-intro{padding:24px 20px}}
.exchange-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.exchange-card {display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:24px;background:white;border:1px solid var(--line);border-radius:16px}
.exchange-brand {display:inline-flex;align-items:center;gap:12px;min-height:44px}
.exchange-logo {display:block;object-fit:contain;flex-shrink:0}
.exchange-logo-binance {width:40px;height:40px}
.exchange-logo-okx {width:104px;height:40px}
.exchange-logo-lightnode {width:45px;height:40px}
.exchange-name {font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--ink)}
.exchange-label {font-size:.75rem;color:var(--muted)}
.exchange-visit {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;background:var(--raised);border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:.875rem;font-weight:500}
.exchange-visit:hover {background:#DCEBE8;color:var(--mint)}
.referral-note {font-size:.75rem;color:var(--muted);margin-top:16px}
.footer-exchanges {display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:24px}
.footer-exchange {display:inline-flex;align-items:center;gap:8px;min-height:44px}
.footer-exchange .exchange-logo-binance {width:24px;height:24px}
.footer-exchange .exchange-logo-okx {width:72px;height:24px}
.footer-exchange .exchange-logo-lightnode {width:27px;height:24px}
.footer-exchange .exchange-name {font-size:1rem}
@media(max-width:700px){.exchange-grid{grid-template-columns:1fr}.exchange-card{padding:20px}.exchange-section .section-top{flex-wrap:wrap}}
.cointelegraph-section {padding-bottom:48px;margin-bottom:48px;border-bottom:1px solid var(--line);scroll-margin-top:24px}
.cointelegraph-section .section-top h2 {margin-top:8px}
.feed-note {font-size:.875rem;color:var(--muted)}
.feed-note a {color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.feed-refresh {min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-size:.875rem;font-weight:500;flex-shrink:0}
.feed-refresh:hover {background:var(--raised)}
.feed-refresh:disabled {opacity:.65;cursor:wait}
.ct-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.ct-card {background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}
.ct-picture {display:block}
.ct-picture img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ct-copy {padding:24px}
.ct-copy h3 {margin:8px 0 16px}
.ct-copy p {font-size:1rem}
.ct-copy .read {display:inline-block;margin-top:16px}
.local-news-heading {margin-bottom:24px}
@media(max-width:600px){.ct-grid{grid-template-columns:1fr}.ct-copy{padding:20px}.cointelegraph-section .section-top{flex-wrap:wrap}.cointelegraph-section{padding-bottom:32px;margin-bottom:32px}}
:root {
  color-scheme:light;
  --bg:#F6F8FB; --surface:#FFFFFF; --raised:#EAF0F5;
  --ink:#142A3D; --muted:#586B7C; --line:#DCE5EB;
  --mint:#087F6D; --blue:#2466A8; --purple:#76599A;
  --positive:#087F50; --negative:#C93C47;
  --radius-card:16px;
}
body {background:var(--bg)}
.utility {background:#EEF3F8;color:var(--muted)}
.header {background:var(--surface)}
.header .wrap {padding-block:20px}
.brand {color:var(--ink)}
.brand-mark {background:#142A3D;padding:3px;border-radius:8px}
.nav a {padding:10px 12px;border-radius:8px}
.nav a.active {background:#E4F3EF;color:var(--mint)}
.nav a.active:after {display:none}
.nav a:hover {background:var(--raised)}
.header-search {background:#F6F8FB}
.header-search button:hover,.button-primary:hover {background:#07695B}
.social-link {background:white}
.ticker {background:white}
.brand-banner {min-height:244px;padding:40px;border-radius:16px;background:white;border-color:var(--line)}
.banner-art {inset:0 0 0 auto;width:44%;height:100%;object-position:right center;filter:saturate(.85) brightness(1.03)}
.brand-banner:after {background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 51%,rgba(255,255,255,.8) 58%,rgba(255,255,255,0) 72%)}
.banner-copy {max-width:58%}
.banner-copy h1 {color:var(--ink);font-size:2.75rem}
.banner-copy p {color:var(--muted)}
.banner-edition {color:var(--muted);background:rgba(255,255,255,.95);border:1px solid var(--line);bottom:16px;right:16px}
.top-grid {grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.top-lead,.top-side {border-radius:16px;background:white;box-shadow:0 4px 18px rgba(20,42,61,.035)}
.top-lead-image img {height:250px;filter:saturate(.9) brightness(1.08)}
.top-lead-copy {padding:28px 32px}
.top-lead h2 {font-size:1.875rem}
.top-lead-copy .eyebrow,.top-side .eyebrow {color:var(--blue)}
.top-side {grid-template-columns:38% minmax(0,1fr)}
.top-side-image img {filter:saturate(.9) brightness(1.08)}
.top-side>div {padding:24px}
.top-side h3 {font-size:1.25rem}
.news-row {grid-template-columns:152px minmax(0,1fr)}
.news-row-image {border:1px solid var(--line)}
.editor-sidebar {align-self:start;padding:24px;border:1px solid var(--line);border-radius:16px;background:white}
.editor-pick:first-of-type {border-top:0;padding-top:0}
.chart-panel {background:white;border-radius:16px;box-shadow:0 4px 18px rgba(20,42,61,.025)}
.badge {color:var(--muted);background:#F6F8FB}
.coin-tabs button,.filters button {background:white}
.coin-tabs button[aria-pressed=true],.filters button[aria-pressed=true] {color:white;background:var(--mint)}
.coin-tabs button:hover,.filters button:hover {background:var(--raised)}
.coin-tabs button[aria-pressed=true]:hover,.filters button[aria-pressed=true]:hover {background:#07695B}
.widget-note a,.widget-fallback a,.source-box a {color:var(--blue)}
.learn-banner {border:0;border-radius:16px;background:#EDF4F8;padding:32px}
.guide {background:white;border-radius:12px;box-shadow:none}
.guide:hover {border-color:#B5C8D5}
.prose .lead {color:var(--ink)}
.source-box {background:#EAF2F8;border-left-color:var(--blue)}
.share-x {background:white}
.contact-card {background:white;border-radius:16px}
.footer {background:#EEF3F8}
.footer-contact a {color:var(--mint)}

@media(max-width:1050px) {
  .header .wrap {gap:16px}
  .nav {gap:8px}
  .nav a {padding-inline:8px}
  .top-side>div {padding:20px}
  .top-lead-copy {padding:24px}
}
@media(max-width:800px) {
  .top-grid {grid-template-columns:1fr}
  .top-lead-image img {height:280px}
  .top-side {display:block}
  .banner-copy {max-width:60%}
  .brand-banner {padding:32px}
}
@media(max-width:600px) {
  .header .wrap {padding-block:16px}
  .nav {gap:4px;justify-content:space-between}
  .nav a {padding-inline:8px}
  .brand-banner {min-height:220px;padding:24px 20px 48px}
  .banner-art {width:100%;object-position:right center;opacity:.16;filter:saturate(.7)}
  .brand-banner:after {background:linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.95) 30%,rgba(255,255,255,.3))}
  .banner-copy {max-width:100%}
  .banner-copy h1 {font-size:1.875rem}
  .banner-edition {left:20px;right:auto}
  .top-lead-image img {height:auto}
  .top-lead-copy {padding:20px}
  .top-lead h2 {font-size:1.5rem}
  .top-side {display:grid;grid-template-columns:36% minmax(0,1fr)}
  .top-side>div {padding:16px}
  .news-row {grid-template-columns:96px minmax(0,1fr)}
  .learn-banner {padding:24px 20px}
}