/* User-supplied palette: navy #002C54, red #C5001A, pale pink #FDF6F6.
   Keep Ovenly's component shapes, typography and interactions. */
:root {
  --color--gray-1: #002C54;
  --color--gray-1-op6: #002c540f;
  --color--gray-1-op10: #002c541a;
  --color--gray-2: #C5001A;
  --color--gray-3: #3d536b;
  --color--gray-4: #f2dce1;
  --color--gray-5: #FDF6F6;
  --color--gray-5-op60: #fdf6f699;
  --color--gray-5-op10: #fdf6f61a;
  --color--white: #fffbfb;
  --color--white-op20: #fdf6f633;
  --color--white-op10: #fdf6f61a;
  --color--primary: #C5001A;
  --color--secondary: #C5001A;
  --color--secondary-op20: #c5001a1a;
  --_color---body-bg: var(--color--gray-5);
  --_color---body-text: var(--color--gray-3);
  --_color---heading: var(--color--gray-1);
  --_color---border-color: var(--color--gray-1-op10);
}
::selection { background: var(--color--primary); color: var(--color--gray-5); }
.button-primary { color: var(--color--gray-5); }
.button-primary:hover { background: var(--color--gray-1); border-color: var(--color--gray-1); color: var(--color--gray-5); }
.button-primary.w-variant-cf6edfef-b603-e4d6-7b6d-483d976691ef { color: var(--color--gray-1); }
.button-primary.w-variant-cf6edfef-b603-e4d6-7b6d-483d976691ef:hover { color: var(--color--gray-5); }
.button-primary.w-variant-bd010022-5ff0-ee84-b120-7b2045c34079:hover { background: var(--color--gray-5); color: var(--color--gray-1); }
.button-primary.w-variant-47d917f6-b79f-46f0-e2a8-d8ad7d768525 { color: var(--color--gray-1); }
.button-primary.w-variant-47d917f6-b79f-46f0-e2a8-d8ad7d768525:hover { color: var(--color--gray-5); }
.live-markets .search button, .live-markets .primary-button, .live-ui .detail-chart,
.prose button[type=submit], .skip { color: var(--color--gray-5); }
.live-ui .detail-chart:hover, .prose button[type=submit]:hover { background: var(--color--gray-1); }
.secondary:hover, .copy-button:hover, .pagination a:hover { background: var(--color--secondary-op20); color: var(--color--gray-1); }
.live-ui .detail-chart.copy-button:hover { background: var(--color--gray-1); color: var(--color--gray-5); }
.token-hero-panel { background: var(--color--gray-1); color: var(--color--gray-5); }
.token-hero-panel._02 { background: var(--color--gray-4); color: var(--color--gray-1); }
.token-hero-panel.hero-video { background: var(--color--primary); color: var(--color--gray-5); }
.platform-initial { background: var(--color--gray-1); color: var(--color--gray-5); }
.live-markets .dot, .positive { color: var(--color--gray-1); }
.live-markets .dot { background: var(--color--gray-1); }
.live-markets .dot.pending, .live-markets .dot.error, .live-markets .dot.stale { background: var(--color--primary); }
.negative { color: var(--color--secondary); }
dialog.live-ui::backdrop { background: #002c54b3; }
.hero-bg-linear { background-image: linear-gradient(180deg, transparent, #002C54); }
.marquee-text.text-primary, .footer .wordmark-dot { color: var(--color--gray-5); }
.menu-button.w-nav-button { color: var(--color--gray-5); }
.menu-button.w-nav-button:hover, .menu-button.w-nav-button.w--open { background: var(--color--gray-1); }

/* Market first: keep the first token rows visible on entry, including mobile. */
.market-first { padding-top: 118px; padding-bottom: 64px; }
.market-first .live-markets { scroll-margin-top: 112px; }
.market-first .live-markets .intro { margin-bottom: 20px; gap: 12px 24px; align-items: center; }
.market-first .live-markets .intro h1 { font-size: clamp(28px, 3vw, 40px); line-height: 1.2; margin: 8px 0; }
.market-first .live-markets .intro .pre-title { font-size: 11px; }
.market-first .live-markets .lede { font-size: 13px; line-height: 1.6; max-width: 560px; }
.market-first .live-markets .market-tools { padding: 16px 0; }
.market-first .live-markets .table-caption { padding-top: 20px; }
.home-story { padding-top: 72px; }
@media(max-width:991px) {
  .market-first .live-markets .header-actions { flex-basis: auto; margin-left: auto; }
  .market-first .live-markets .intro { gap: 12px 20px; }
  .market-first .live-markets .intro > div:first-child { flex-basis: 100%; }
  .market-first .live-markets .feed { max-width: none; }
  .market-first .live-markets .feed small { flex-basis: auto; padding-left: 0; }
}
@media(max-width:767px) {
  .market-first { padding-top: 94px; padding-bottom: 42px; }
  .market-first .live-markets { scroll-margin-top: 90px; }
  .market-first .live-markets .intro { margin-bottom: 14px; gap: 10px 14px; }
  .market-first .live-markets .intro h1 { font-size: 28px; margin: 6px 0; }
  .market-first .live-markets .lede { font-size: 12px; line-height: 1.5; }
  .market-first .live-markets .intro .feed { margin-top: 0; font-size: 11px; }
  .market-first .live-markets .header-actions { gap: 10px; }
  .market-first .live-markets .header-actions button { font-size: 11px; padding: 0; }
  .market-first .live-markets .market-tools { padding: 12px 0; }
  .market-first .live-markets .filters { gap: 8px; }
  .market-first .live-markets .table-caption { padding: 16px 0 10px; }
  .market-first .live-markets td { padding-top: 14px; padding-bottom: 14px; }
  .market-first .live-markets .bottom-notes { gap: 10px; }
  .home-story { padding-top: 48px; }
}

/* Original uploaded brand asset, including its transparent background. */
.navbar .brand-logo { display: block; width: 174px; height: auto; max-width: 100%; }
.footer-logo-link { display: inline-flex; align-self: flex-start; background: var(--color--gray-5); border-radius: 14px; padding: 8px 14px; }
.footer-logo-link .brand-logo { display: block; width: 224px; height: auto; }

/* This static service recommendation stays outside sortable/live token data. */
.live-markets .market-recommendation { display: flex; align-items: center; gap: 16px; margin: 0 0 12px; padding: 18px 20px; border: 1px solid var(--color--gray-1-op10); border-left: 3px solid var(--color--primary); border-radius: var(--border-radius--sm); background: var(--color--white); }
.recommendation-mark { width: 38px; height: 38px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--color--gray-1); color: var(--color--gray-5); font-family: var(--_typography---font-family--heading); font-size: 22px; }
.recommendation-copy { flex: 1; min-width: 0; }
.recommendation-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.recommendation-name { color: var(--color--gray-1); font-size: 17px; font-weight: 600; text-decoration: none; }
.recommendation-name:hover { color: var(--color--primary); }
.recommendation-label { background: var(--color--secondary-op20); color: var(--color--secondary); border-radius: var(--border-radius--lg); padding: 3px 9px; font-size: 10px; font-weight: 600; }
.recommendation-copy p { font-size: 12px; line-height: 1.5; margin: 5px 0 0; color: var(--color--gray-3); }
.recommendation-link { flex: none; color: var(--color--gray-1); font-size: 12px; text-decoration: none; border-bottom: 1px solid var(--color--gray-1-op10); padding: 5px 0; }
.recommendation-link:hover { color: var(--color--primary); border-color: currentColor; }
@media(max-width:767px) {
  .navbar .brand-logo { width: 142px; }
  .footer-logo-link .brand-logo { width: 200px; }
  .live-markets .market-recommendation { flex-wrap: wrap; gap: 10px 12px; padding: 14px 12px; }
  .recommendation-mark { width: 34px; height: 34px; font-size: 20px; }
  .recommendation-heading { gap: 7px; }
  .recommendation-name { font-size: 16px; }
  .recommendation-copy p { font-size: 11px; }
  .recommendation-link { margin-left: 46px; font-size: 11px; }
}