/* MERCADE brand adaptation: #0f0f16 canvas and the official purple–teal palette. */
@media screen {
  :root {
    --blue:#55e7d1;
    --blue-deep:#9af6e6;
    --ink:#f5f4fa;
    --muted:#b7b4c2;
    --line:#2b2a39;
    --pale:#191922;
    --navy:#111119;
    --canvas:#0f0f16;
    --surface:#16161f;
    --surface-raised:#20202c;
    --faint:#a4a0b5;
    --brand-gradient:linear-gradient(62deg,#6100ff 0%,#00ffd1 100%);
    color-scheme:dark;
    font-family:"Noto Sans SC",Arial,Helvetica,sans-serif;
    background:var(--canvas);
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
  }
  body {background:radial-gradient(ellipse 700px 380px at 100% 0,rgba(97,0,255,.065),transparent 85%),var(--canvas);color:var(--ink)}
  ::selection {background:#6544a0;color:#fff}
  a {color:var(--blue)}
  a:hover {color:var(--blue-deep)}
  .site-header {background:rgba(15,15,22,.96);border-bottom-color:var(--line)}
  .wordmark {display:inline-flex;align-items:center;color:#fff}
  .wordmark img {width:220px;height:44px;object-fit:contain}
  .footer-brand .wordmark img {width:190px;height:38px}
  .wordmark i {color:var(--blue)}
  .desktop-nav {gap:24px}
  .desktop-nav a {color:#c5c1d0;font-weight:500;text-transform:uppercase;font-size:12px;letter-spacing:.025em}
  .desktop-nav a:hover,.desktop-nav a[aria-current=page],.desktop-nav a.nav-section {color:var(--blue)}
  .desktop-nav a[aria-current=page]:after,.desktop-nav a.nav-section:after {background:var(--brand-gradient)}
  .button {background:linear-gradient(62deg,#6328d5 0%,#126e76 100%);color:#fff;border-color:#6353aa;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff14}
  .button:hover {background:linear-gradient(62deg,#753bea 0%,#157a82 100%);color:#fff;box-shadow:0 6px 22px #6100ff24}
  .button-secondary {background:var(--surface);color:var(--ink);border-color:#434052;box-shadow:none}
  .button-secondary:hover {background:var(--surface-raised);color:#fff;box-shadow:none}
  .skip-link,.menu-toggle {background:var(--surface);color:var(--ink)}
  .mobile-menu {background:#13131c;border-bottom-color:var(--line)}
  .mobile-menu a {color:#dedbe7}
  .mobile-menu a[aria-current=page],.mobile-menu a.nav-section {color:var(--blue)}
  .journal-intro h1,.article-heading h1 {font-weight:700;letter-spacing:-.045em;color:#fff}
  .journal-intro h1 span {color:#7ee7e2}
  @supports ((background-clip:text) or (-webkit-background-clip:text)){
    .journal-intro h1 span {background:linear-gradient(62deg,#ad8bff 0%,#00ffd1 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
  }
  .eyebrow {color:var(--blue)}
  .eyebrow:before {background:var(--brand-gradient)}
  .intro-note,.card-date {color:var(--faint)}
  .intro-note span {color:var(--blue)}
  .filter {background:var(--surface);color:#bcb8ca;border-color:var(--line)}
  .filter:hover {border-color:#6c528d;color:#fff;background:#211a2f}
  .filter[aria-pressed=true] {background:#243331;border-color:#4c8b7e;color:#a9f7e8}
  .search-box {background:var(--surface);color:#a6a0b8;border-color:var(--line)}
  .search-box input {color:#efedf7}
  .search-box input::placeholder {color:#aaa4b9;opacity:1}
  .search-box:focus-within {border-color:#69b7a9;box-shadow:0 0 0 2px #00ffd111}
  .card-media {background:#1e2130;border:1px solid #ffffff0b}
  .article-card h2 a {color:#f5f3fb}
  .article-card h2 a:hover {color:#8aedde}
  .card-kicker {color:#7fe8d4}
  .card-kicker .read-time {color:#b5afc4}
  .card-kicker .separator {background:#6d657f}
  .card-description {color:#bdb8ca}
  .article-card.featured {background:linear-gradient(125deg,#1c172a 0%,#141b22 100%);border-color:#353044}
  .featured .card-media {border:0;border-left:1px solid #ffffff0b}
  .empty-state {background:var(--surface)}
  .intro-to-markets {background:linear-gradient(110deg,#1b1628,#141d21);border-color:#343043}
  .intro-to-markets h2 {color:#fff}
  .reading-progress span {background:var(--brand-gradient)}
  .breadcrumbs {color:#afa7be}
  .breadcrumbs a {color:#bdb5ce}
  .breadcrumbs a:hover {color:var(--blue)}
  .article-dek {color:#beb8ca}
  .article-meta {color:#b1a9c0}
  .article-meta .author {color:#f2eef9}
  .article-meta .dot {color:#70677f}
  .share-button {color:#bdb5cb}
  .share-button:hover {color:var(--blue)}
  .hero-figure figcaption,.content-figure figcaption {color:#aba3ba}
  .hero-figure img,.content-figure img {border:1px solid #ffffff0c}
  .toc {border-top-color:#b9b0ca}
  .toc summary {color:#ece6f5}
  .toc a {color:#b1a7c2;border-left-color:#393044}
  .toc a:hover,.toc a.active {color:var(--blue);border-left-color:var(--blue)}
  .sidebar-link {color:#84dfce}
  .key-points {background:#181d24;border-left-color:#51d6be}
  .key-points h2 {color:#81e6d3}
  .key-points li {color:#d0cadb}
  .prose {color:#d0cbd9}
  .prose h2,.prose h3 {color:#f6f3fb}
  .prose strong {color:#f2edf9}
  .prose .table-scroll {border-color:#363041;background:#15151f}
  .prose th {background:#25202f;color:#f0eaf8;border-color:#3b3349}
  .prose td {border-color:#332d40}
  .prose tr:nth-child(even) td {background:#1b1824}
  .faq-item {border-color:#342d40}
  .faq-item summary {color:#eee8f5}
  .faq-item summary:after {color:#79e4cd}
  .risk-note {color:#bbb2ca;background:#191720;border-left-color:#665778}
  .article-links a {color:#e9e2f4}
  .article-links a:hover {color:var(--blue)}
  .site-footer {background:#0c0c13;border-top-color:#2a2534}
  .footer-links a {color:#b8afc8}
  .footer-links a:hover {color:var(--blue)}
  .footer-legal {color:#aaa1b9;border-top-color:#2a2434}
  .back-top {background:#1d1927;color:#9bf1df;border-color:#494055;box-shadow:0 4px 24px #0004}
  .back-top:hover {background:#282133}
  .toast {background:#ede7f7;color:#16111f;box-shadow:0 8px 32px #0005}
  a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {outline-color:#9d8be0}
}
@media screen and (min-width:801px) and (max-width:1100px) {
  .wordmark img {width:190px;height:38px}
  .desktop-nav {gap:15px}
  .desktop-nav a {font-size:11px}
  .header-inner {gap:20px}
  .header-cta {padding:12px 15px;font-size:12px}
}
@media screen and (max-width:800px) {
  .wordmark img {width:190px;height:38px}
  .toc {background:#15141e;border-color:#332b40}
  .featured .card-media {border-left:0;border-bottom:1px solid #ffffff0b}
}
@media screen and (max-width:520px) {
  .wordmark img {width:172px;height:34.4px}
  .footer-brand .wordmark img {width:172px;height:34.4px}
}
@media print {
  .wordmark img {display:none}
}