:root {
  color-scheme: dark;
  --sr-bg: #020719;
  --sr-bg-elevated: #071027;
  --sr-panel: #0d1528;
  --sr-panel-strong: #121d33;
  --sr-panel-soft: rgba(15, 24, 43, 0.72);
  --sr-line: rgba(148, 163, 184, 0.2);
  --sr-line-strong: rgba(148, 163, 184, 0.34);
  --sr-text: #f8fafc;
  --sr-text-soft: #d8e1ee;
  --sr-muted: #9aa9bd;
  --sr-cyan: #2196f3;
  --sr-cyan-light: #52c7ff;
  --sr-pink: #ff4081;
  --sr-green: #3ee88f;
  --sr-amber: #ffb020;
  --sr-red: #fb7185;
  --sr-radius-sm: 0.75rem;
  --sr-radius: 1rem;
  --sr-radius-lg: 1.5rem;
  --sr-shadow: 0 22px 60px rgba(0, 0, 0, 0.32);
  --sr-content: 78rem;
  --sr-reading: 48rem;
  --sr-header-height: 4.75rem;
  --sr-transition: 180ms ease;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 20rem;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--sr-header-height) + 1rem);
}

body {
  min-height: 100vh;
  margin: 0;
  overflow-wrap: break-word;
  background:
    radial-gradient(circle at 82% 6%, rgba(255, 64, 129, 0.11), transparent 27rem),
    radial-gradient(circle at 10% 18%, rgba(33, 150, 243, 0.15), transparent 32rem),
    var(--sr-bg);
  color: var(--sr-text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 3.25rem 3.25rem;
  content: "";
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 72%);
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

img,
svg {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
select {
  cursor: pointer;
}

button:disabled,
select:disabled,
input:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

a {
  color: var(--sr-cyan-light);
  text-underline-offset: 0.2em;
}

a:hover {
  color: #8ad9ff;
}

h1,
h2,
h3,
h4,
p {
  margin-block-start: 0;
}

h1,
h2,
h3,
h4 {
  line-height: 1.14;
  text-wrap: balance;
}

[hidden] {
  display: none !important;
}

:focus-visible {
  outline: 3px solid var(--sr-cyan-light);
  outline-offset: 3px;
}

::selection {
  background: var(--sr-cyan);
  color: #fff;
}

.sr-skip-link {
  position: fixed;
  z-index: 999;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.7rem 1rem;
  border-radius: 0.65rem;
  background: #fff;
  color: #020719;
  font-weight: 800;
  transform: translateY(-200%);
  transition: transform var(--sr-transition);
}

.sr-skip-link:focus {
  color: #020719;
  transform: translateY(0);
}

.sr-visually-hidden,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  margin: -1px !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.sr-container,
.listings-container {
  width: min(calc(100% - 2rem), var(--sr-content));
  margin-inline: auto;
}

.sr-header,
.site-header {
  position: relative;
  z-index: 50;
  min-height: var(--sr-header-height);
  border-bottom: 1px solid rgba(148, 163, 184, 0.13);
  background: rgba(2, 7, 25, 0.86);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.sr-header__inner,
.site-header__inner {
  display: flex;
  min-height: var(--sr-header-height);
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.sr-brand,
.site-brand {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--sr-text);
  font-size: 1.22rem;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-decoration: none;
}

.sr-brand:hover,
.site-brand:hover {
  color: var(--sr-text);
}

.sr-brand__snipe,
.brand-snipe {
  color: var(--sr-cyan-light);
}

.sr-brand__radar,
.brand-radar {
  color: var(--sr-pink);
}

.sr-nav-toggle,
[data-nav-toggle],
[data-mobile-nav-toggle] {
  display: inline-grid;
  width: 2.9rem;
  height: 2.9rem;
  place-items: center;
  padding: 0;
  border: 1px solid var(--sr-line-strong);
  border-radius: 0.8rem;
  background: rgba(15, 24, 43, 0.9);
}

.sr-nav-toggle:hover,
[data-nav-toggle]:hover,
[data-mobile-nav-toggle]:hover {
  border-color: rgba(82, 199, 255, 0.7);
  background: var(--sr-panel-strong);
}

.sr-nav-toggle__icon,
.sr-nav-toggle__icon::before,
.sr-nav-toggle__icon::after {
  display: block;
  width: 1.35rem;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.sr-nav-toggle__icon {
  position: relative;
}

.sr-nav-toggle__icon::before,
.sr-nav-toggle__icon::after {
  position: absolute;
  left: 0;
  content: "";
}

.sr-nav-toggle__icon::before {
  top: -0.42rem;
}

.sr-nav-toggle__icon::after {
  top: 0.42rem;
}

.sr-nav,
.site-nav {
  position: absolute;
  top: calc(100% + 1px);
  right: 1rem;
  left: 1rem;
  padding: 0.6rem;
  border: 1px solid var(--sr-line);
  border-radius: 1rem;
  background: rgba(7, 16, 39, 0.98);
  box-shadow: var(--sr-shadow);
}

.sr-nav__list,
.site-nav__list {
  display: grid;
  gap: 0.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sr-nav a,
.site-nav a {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  padding: 0.55rem 0.8rem;
  border-radius: 0.65rem;
  color: var(--sr-text-soft);
  font-weight: 650;
  text-decoration: none;
}

.sr-nav a:hover,
.site-nav a:hover,
.sr-nav a[aria-current="page"],
.site-nav a[aria-current="page"] {
  background: rgba(33, 150, 243, 0.12);
  color: #fff;
}

.sr-button,
.button,
.listing-action {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.68rem 1rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(115deg, var(--sr-cyan), #1479d1);
  box-shadow: 0 9px 24px rgba(33, 150, 243, 0.2);
  color: #fff;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: border-color var(--sr-transition), box-shadow var(--sr-transition), transform var(--sr-transition);
}

.sr-button:hover,
.button:hover,
.listing-action:hover {
  box-shadow: 0 12px 30px rgba(33, 150, 243, 0.34);
  color: #fff;
  transform: translateY(-1px);
}

.sr-button--secondary,
.button--secondary,
.listing-action--secondary {
  border-color: var(--sr-line-strong);
  background: rgba(15, 24, 43, 0.8);
  box-shadow: none;
  color: var(--sr-text-soft);
}

.sr-button--secondary:hover,
.button--secondary:hover,
.listing-action--secondary:hover {
  border-color: rgba(82, 199, 255, 0.65);
  background: var(--sr-panel-strong);
  box-shadow: none;
}

.sr-button--pink {
  background: linear-gradient(115deg, var(--sr-pink), #d7286f);
  box-shadow: 0 9px 24px rgba(255, 64, 129, 0.18);
}

.sr-button--small,
.button--small {
  min-height: 2.5rem;
  padding-inline: 0.85rem;
  font-size: 0.875rem;
}

.sr-breadcrumbs,
.breadcrumbs {
  padding: 1.2rem 0 0;
  color: var(--sr-muted);
  font-size: 0.84rem;
}

.sr-breadcrumbs ol,
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sr-breadcrumbs li:not(:last-child)::after,
.breadcrumbs li:not(:last-child)::after {
  margin-left: 0.4rem;
  color: #607089;
  content: "/";
}

.sr-breadcrumbs a,
.breadcrumbs a {
  color: var(--sr-text-soft);
}

.sr-hero,
.listings-hero,
.event-hero,
.exchange-hero {
  padding: clamp(2.2rem, 7vw, 5rem) 0 clamp(1.7rem, 5vw, 3.4rem);
}

.sr-eyebrow,
.eyebrow {
  margin-bottom: 0.65rem;
  color: var(--sr-cyan-light);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.sr-hero h1,
.listings-hero h1,
.event-hero h1,
.exchange-hero h1 {
  max-width: 19ch;
  margin-bottom: 1rem;
  font-size: clamp(2rem, 8vw, 4.25rem);
  letter-spacing: -0.052em;
}

.sr-hero__lead,
.hero-lead {
  max-width: 47rem;
  margin-bottom: 1rem;
  color: var(--sr-text-soft);
  font-size: clamp(1rem, 2.2vw, 1.2rem);
}

.sr-hero__meta,
.hero-meta,
.updated-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
  margin-bottom: 1.5rem;
  color: var(--sr-muted);
  font-size: 0.86rem;
}

.sr-hero__actions,
.hero-actions,
.listing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.sr-layout,
.listings-layout {
  display: grid;
  gap: 1.5rem;
  padding-bottom: 4rem;
}

.sr-main-column,
.listings-main {
  min-width: 0;
}

.sr-filters,
.listings-filters,
[data-listing-filters] {
  display: grid;
  gap: 0.9rem;
  padding: 1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius-lg);
  margin-bottom: 1.5rem;
  background: rgba(7, 16, 39, 0.88);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
}

.sr-filters__grid,
.filters-grid {
  display: grid;
  gap: 0.75rem;
}

.sr-field,
.filter-field {
  display: grid;
  min-width: 0;
  gap: 0.35rem;
}

.sr-field label,
.filter-field label,
.sr-field__label {
  color: var(--sr-text-soft);
  font-size: 0.78rem;
  font-weight: 750;
}

.sr-input,
.sr-select,
.listings-filters input,
.listings-filters select,
[data-listing-filters] input,
[data-listing-filters] select {
  width: 100%;
  min-height: 2.9rem;
  padding: 0.65rem 0.78rem;
  border: 1px solid var(--sr-line-strong);
  border-radius: 0.75rem;
  background-color: #091127;
  color: #fff;
  line-height: 1.25;
}

.sr-input::placeholder,
.listings-filters input::placeholder,
[data-listing-filters] input::placeholder {
  color: #7f8ea4;
}

.sr-input:hover,
.sr-select:hover,
.listings-filters input:hover,
.listings-filters select:hover,
[data-listing-filters] input:hover,
[data-listing-filters] select:hover {
  border-color: rgba(82, 199, 255, 0.55);
}

.sr-market-tabs,
.market-tabs,
[data-market-tabs] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.2rem;
  padding: 0.22rem;
  border: 1px solid var(--sr-line);
  border-radius: 0.8rem;
  background: #070d1d;
}

.sr-market-tabs button,
.market-tabs button,
[data-filter-market] {
  min-height: 2.5rem;
  padding: 0.45rem 0.6rem;
  border: 0;
  border-radius: 0.62rem;
  background: transparent;
  color: var(--sr-muted);
  font-size: 0.84rem;
  font-weight: 800;
}

.sr-market-tabs button:hover,
.market-tabs button:hover,
[data-filter-market]:hover {
  color: #fff;
}

.sr-market-tabs button[aria-selected="true"],
.sr-market-tabs button.is-active,
.market-tabs button[aria-selected="true"],
.market-tabs button.is-active,
[data-filter-market][aria-pressed="true"],
[data-filter-market][aria-selected="true"],
[data-filter-market].is-active {
  background: linear-gradient(115deg, rgba(33, 150, 243, 0.9), rgba(85, 75, 214, 0.9));
  color: #fff;
  box-shadow: 0 5px 16px rgba(33, 150, 243, 0.2);
}

.sr-filters__footer,
.filters-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.sr-results-count,
[data-results-count] {
  min-height: 1.6rem;
  margin: 0;
  color: var(--sr-text-soft);
  font-size: 0.87rem;
  font-weight: 700;
}

.sr-reset,
[data-filter-reset] {
  min-height: 2.75rem;
  padding: 0.45rem 0.7rem;
  border: 0;
  background: transparent;
  color: var(--sr-cyan-light);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.sr-date-section,
.listing-date-section,
[data-listing-section] {
  margin-bottom: 2rem;
}

.sr-date-heading,
.listing-date-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--sr-line);
  margin-bottom: 0.85rem;
}

.sr-date-heading h2,
.listing-date-heading h2 {
  margin: 0;
  font-size: clamp(1.1rem, 4vw, 1.42rem);
  letter-spacing: -0.025em;
}

.sr-date-heading__count,
.date-event-count {
  color: var(--sr-muted);
  font-size: 0.8rem;
}

.sr-listing-stack,
.listing-stack {
  display: grid;
  gap: 0.85rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sr-listing-card,
.listing-card,
.listing-group,
[data-listing-card] {
  position: relative;
  overflow: clip;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius);
  background:
    linear-gradient(125deg, rgba(33, 150, 243, 0.055), transparent 42%),
    var(--sr-panel-soft);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.17);
}

.sr-listing-card::before,
.listing-card::before,
.listing-group::before,
[data-listing-card]::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: linear-gradient(to bottom, var(--sr-cyan-light), var(--sr-pink));
  content: "";
}

.sr-listing-card:hover,
.listing-card:hover,
.listing-group:hover,
[data-listing-card]:hover {
  border-color: rgba(82, 199, 255, 0.36);
}

.sr-listing-toggle,
.listing-group__toggle,
[data-accordion-trigger] {
  display: grid;
  width: 100%;
  min-height: 4.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.sr-listing-toggle:hover,
.listing-group__toggle:hover,
[data-accordion-trigger]:hover {
  background: rgba(33, 150, 243, 0.055);
}

.sr-listing-toggle__content,
.listing-group__summary {
  display: grid;
  min-width: 0;
  gap: 0.32rem;
}

.sr-listing-toggle__top,
.listing-group__title-row {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}

.sr-pair,
.listing-pair {
  color: #fff;
  font-size: clamp(1rem, 4vw, 1.15rem);
  font-weight: 900;
  letter-spacing: -0.025em;
}

.sr-listing-toggle__meta,
.listing-group__meta {
  color: var(--sr-muted);
  font-size: 0.8rem;
}

.sr-exchange-list,
.listing-group__exchanges {
  overflow: hidden;
  color: #b9c6d7;
  font-size: 0.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sr-chevron,
.listing-group__chevron {
  display: grid;
  width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  border: 1px solid var(--sr-line);
  border-radius: 999px;
  color: var(--sr-cyan-light);
  transition: transform var(--sr-transition), background var(--sr-transition);
}

[aria-expanded="true"] .sr-chevron,
[aria-expanded="true"] .listing-group__chevron {
  background: rgba(33, 150, 243, 0.1);
  transform: rotate(180deg);
}

.sr-accordion-panel,
.listing-group__panel,
[data-accordion-panel] {
  border-top: 1px solid var(--sr-line);
  background: rgba(2, 7, 25, 0.34);
}

.sr-exchange-row,
.exchange-row,
.listing-event-row {
  display: grid;
  gap: 0.8rem;
  padding: 1rem;
}

.sr-exchange-row + .sr-exchange-row,
.exchange-row + .exchange-row,
.listing-event-row + .listing-event-row {
  border-top: 1px solid var(--sr-line);
}

.sr-exchange-row__main,
.exchange-row__main {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.sr-exchange-name,
.exchange-name {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  font-weight: 850;
}

.sr-exchange-icon,
.exchange-icon {
  display: grid;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid var(--sr-line);
  border-radius: 0.6rem;
  background: #070d1d;
  color: var(--sr-cyan-light);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.sr-exchange-time,
.exchange-time {
  color: var(--sr-text-soft);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.sr-exchange-row__facts,
.exchange-row__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.sr-badge,
.badge,
.market-badge,
.action-badge {
  display: inline-flex;
  min-height: 1.7rem;
  align-items: center;
  gap: 0.3rem;
  padding: 0.22rem 0.55rem;
  border: 1px solid var(--sr-line);
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.08);
  color: var(--sr-text-soft);
  font-size: 0.7rem;
  font-weight: 850;
  line-height: 1.15;
}

.sr-badge--spot,
.market-badge--spot {
  border-color: rgba(82, 199, 255, 0.35);
  background: rgba(33, 150, 243, 0.11);
  color: #8ad9ff;
}

.sr-badge--futures,
.market-badge--futures {
  border-color: rgba(255, 64, 129, 0.35);
  background: rgba(255, 64, 129, 0.11);
  color: #ff8ab2;
}

.sr-badge--risk,
.risk-badge,
.liquidity-risk {
  border-color: rgba(255, 176, 32, 0.45);
  background: rgba(255, 176, 32, 0.1);
  color: #ffc75c;
}

.sr-score,
.radar-score {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
  color: var(--sr-text-soft);
  font-size: 0.74rem;
  font-weight: 750;
}

.sr-score strong,
.radar-score strong {
  color: #fff;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}

.sr-exchange-row__actions,
.exchange-row__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.sr-empty,
.no-results,
[data-no-results] {
  padding: 2.2rem 1rem;
  border: 1px dashed var(--sr-line-strong);
  border-radius: var(--sr-radius);
  background: rgba(7, 16, 39, 0.58);
  color: var(--sr-text-soft);
  text-align: center;
}

.sr-empty h2,
.no-results h2,
[data-no-results] h2 {
  margin-bottom: 0.5rem;
  color: #fff;
  font-size: 1.2rem;
}

.sr-sidebar,
.listings-sidebar {
  min-width: 0;
}

.sr-cta-card,
.app-cta-card {
  position: relative;
  overflow: hidden;
  padding: 1.3rem;
  border: 1px solid rgba(82, 199, 255, 0.26);
  border-radius: var(--sr-radius-lg);
  background:
    radial-gradient(circle at 95% 0, rgba(255, 64, 129, 0.19), transparent 12rem),
    linear-gradient(145deg, #101c38, #090f20);
  box-shadow: var(--sr-shadow);
}

.sr-cta-card::after,
.app-cta-card::after {
  position: absolute;
  width: 9rem;
  height: 9rem;
  right: -5rem;
  bottom: -5rem;
  border: 1px solid rgba(82, 199, 255, 0.25);
  border-radius: 50%;
  box-shadow: 0 0 0 1.3rem rgba(33, 150, 243, 0.04), 0 0 0 2.6rem rgba(255, 64, 129, 0.03);
  content: "";
  pointer-events: none;
}

.sr-cta-card h2,
.app-cta-card h2 {
  margin-bottom: 0.65rem;
  font-size: 1.42rem;
  letter-spacing: -0.035em;
}

.sr-cta-card p,
.app-cta-card p {
  color: var(--sr-text-soft);
}

.sr-cta-card ul,
.app-cta-card ul {
  display: grid;
  gap: 0.55rem;
  padding: 0;
  margin: 1rem 0 1.25rem;
  list-style: none;
}

.sr-cta-card li,
.app-cta-card li {
  display: flex;
  gap: 0.55rem;
  color: var(--sr-text-soft);
  font-size: 0.87rem;
}

.sr-cta-card li::before,
.app-cta-card li::before {
  color: var(--sr-green);
  content: "✓";
  font-weight: 900;
}

.sr-explainer,
.sidebar-explainer {
  padding: 1.1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius);
  margin-top: 1rem;
  background: rgba(7, 16, 39, 0.68);
}

.sr-explainer h2,
.sidebar-explainer h2 {
  margin-bottom: 0.45rem;
  font-size: 1rem;
}

.sr-explainer p,
.sidebar-explainer p {
  margin-bottom: 0;
  color: var(--sr-muted);
  font-size: 0.82rem;
}

.sr-content-section,
.content-section,
.event-section,
.exchange-section {
  padding: 1.35rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius-lg);
  margin-bottom: 1.25rem;
  background: rgba(7, 16, 39, 0.72);
}

.sr-content-section h2,
.content-section h2,
.event-section h2,
.exchange-section h2 {
  margin-bottom: 0.9rem;
  font-size: clamp(1.2rem, 4vw, 1.65rem);
  letter-spacing: -0.03em;
}

.sr-fact-grid,
.fact-grid,
.event-facts {
  display: grid;
  gap: 0.75rem;
  padding: 0;
  margin: 0;
}

.sr-fact,
.fact-grid > div,
.event-fact {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--sr-line);
  border-radius: 0.8rem;
  background: rgba(15, 24, 43, 0.78);
}

.sr-fact dt,
.fact-grid dt,
.event-fact dt {
  margin-bottom: 0.18rem;
  color: var(--sr-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.sr-fact dd,
.fact-grid dd,
.event-fact dd {
  margin: 0;
  color: #fff;
  font-weight: 800;
}

.sr-score-panel,
.score-panel {
  display: grid;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid rgba(82, 199, 255, 0.27);
  border-radius: var(--sr-radius);
  background: linear-gradient(125deg, rgba(33, 150, 243, 0.11), rgba(255, 64, 129, 0.055));
}

.sr-score-panel__value,
.score-panel__value {
  color: #fff;
  font-size: clamp(2.1rem, 8vw, 3.3rem);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.055em;
  line-height: 1;
}

.sr-score-panel__label,
.score-panel__label {
  color: var(--sr-pink);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.sr-reading,
.prose {
  max-width: var(--sr-reading);
  color: var(--sr-text-soft);
}

.sr-reading :where(a),
.prose :where(a) {
  font-weight: 700;
}

.sr-related-grid,
.related-listings,
.exchange-listings-grid {
  display: grid;
  gap: 0.8rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sr-related-card,
.related-listing,
.exchange-listing-card {
  display: grid;
  gap: 0.4rem;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius);
  background: rgba(15, 24, 43, 0.72);
  color: var(--sr-text-soft);
  text-decoration: none;
}

.sr-related-card:hover,
.related-listing:hover,
.exchange-listing-card:hover {
  border-color: rgba(82, 199, 255, 0.48);
  color: #fff;
}

.sr-related-card strong,
.related-listing strong,
.exchange-listing-card strong {
  color: #fff;
}

.sr-disclaimer,
.disclaimer {
  padding: 1rem;
  border-left: 3px solid var(--sr-amber);
  border-radius: 0 var(--sr-radius-sm) var(--sr-radius-sm) 0;
  margin: 1.25rem 0;
  background: rgba(255, 176, 32, 0.07);
  color: var(--sr-text-soft);
  font-size: 0.82rem;
}

.sr-pagination,
.pagination,
.day-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.7rem;
  margin: 1.5rem 0;
}

.sr-footer,
.site-footer {
  padding: 2.6rem 0;
  border-top: 1px solid var(--sr-line);
  color: var(--sr-muted);
}

.sr-footer__grid,
.site-footer__grid {
  display: grid;
  gap: 1.5rem;
}

.sr-footer__links,
.site-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.sr-footer a,
.site-footer a {
  color: var(--sr-text-soft);
}

/* Aliases used by the generated listing templates. */
.site-shell {
  width: min(calc(100% - 2rem), var(--sr-content));
  margin-inline: auto;
}

.site-header .site-shell {
  display: flex;
  min-height: var(--sr-header-height);
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.nav-toggle {
  display: inline-grid;
  width: 2.9rem;
  height: 2.9rem;
  place-items: center;
  padding: 0;
  border: 1px solid var(--sr-line-strong);
  border-radius: 0.8rem;
  background: rgba(15, 24, 43, 0.9);
}

.nav-links {
  display: grid;
  gap: 0.25rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.nav-links a {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  padding: 0.55rem 0.8rem;
  border-radius: 0.65rem;
  color: var(--sr-text-soft);
  font-weight: 650;
  text-decoration: none;
}

.nav-links a:hover,
.nav-links a[aria-current="page"] {
  background: rgba(33, 150, 243, 0.12);
  color: #fff;
}

.hero {
  padding: clamp(2.2rem, 7vw, 5rem) 0 clamp(1.7rem, 5vw, 3.4rem);
}

.hero h1 {
  max-width: 19ch;
  margin-bottom: 1rem;
  font-size: clamp(2rem, 8vw, 4.25rem);
  letter-spacing: -0.052em;
}

.hero > p:not(.eyebrow):not(.hero-meta) {
  max-width: 47rem;
  color: var(--sr-text-soft);
}

.calendar-layout {
  display: grid;
  gap: 1.5rem;
  padding-bottom: 4rem;
}

.filter-panel {
  padding: 1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius-lg);
  margin-bottom: 1.5rem;
  background: rgba(7, 16, 39, 0.88);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
}

#listing-filters {
  display: grid;
  gap: 0.9rem;
}

#listing-search,
#exchange-filter,
#date-filter,
#action-filter {
  width: 100%;
  min-height: 2.9rem;
  padding: 0.65rem 0.78rem;
  border: 1px solid var(--sr-line-strong);
  border-radius: 0.75rem;
  background-color: #091127;
  color: #fff;
  line-height: 1.25;
}

#listing-search::placeholder {
  color: #7f8ea4;
}

#listing-search:hover,
#exchange-filter:hover,
#date-filter:hover,
#action-filter:hover {
  border-color: rgba(82, 199, 255, 0.55);
}

[data-market-filter] {
  min-height: 2.5rem;
  padding: 0.45rem 0.6rem;
  border: 0;
  border-radius: 0.62rem;
  background: transparent;
  color: var(--sr-muted);
  font-size: 0.84rem;
  font-weight: 800;
}

[data-market-filter]:hover {
  color: #fff;
}

[data-market-filter][aria-selected="true"],
[data-market-filter][aria-pressed="true"],
[data-market-filter].is-active {
  background: linear-gradient(115deg, rgba(33, 150, 243, 0.9), rgba(85, 75, 214, 0.9));
  color: #fff;
  box-shadow: 0 5px 16px rgba(33, 150, 243, 0.2);
}

#filter-reset {
  min-height: 2.75rem;
  padding: 0.45rem 0.7rem;
  border: 0;
  background: transparent;
  color: var(--sr-cyan-light);
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

#results-count {
  min-height: 1.6rem;
  margin: 0;
  color: var(--sr-text-soft);
  font-size: 0.87rem;
  font-weight: 700;
}

.date-section {
  margin-bottom: 2rem;
}

#listing-results {
  min-width: 0;
}

.listing-group-toggle {
  display: grid;
  width: 100%;
  min-height: 4.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  list-style: none;
}

.listing-group-toggle::-webkit-details-marker {
  display: none;
}

.listing-group-toggle:hover {
  background: rgba(33, 150, 243, 0.055);
}

.listing-group-details {
  border-top: 1px solid var(--sr-line);
  background: rgba(2, 7, 25, 0.34);
}

.exchange-event {
  display: grid;
  gap: 0.8rem;
  padding: 1rem;
}

.exchange-event + .exchange-event {
  border-top: 1px solid var(--sr-line);
}

.score-ring {
  display: inline-grid;
  width: 3.15rem;
  height: 3.15rem;
  flex: 0 0 auto;
  place-items: center;
  border: 3px solid var(--sr-cyan-light);
  border-radius: 50%;
  background: #071027;
  box-shadow: 0 0 16px rgba(33, 150, 243, 0.16);
  color: #fff;
  font-size: 0.9rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}

.button-primary {
  background: linear-gradient(115deg, var(--sr-cyan), #1479d1);
  box-shadow: 0 9px 24px rgba(33, 150, 243, 0.2);
  color: #fff;
}

.button-secondary {
  border-color: var(--sr-line-strong);
  background: rgba(15, 24, 43, 0.8);
  box-shadow: none;
  color: var(--sr-text-soft);
}

.button-secondary:hover {
  border-color: rgba(82, 199, 255, 0.65);
  background: var(--sr-panel-strong);
  box-shadow: none;
}

.app-cta {
  position: relative;
  overflow: hidden;
  padding: 1.3rem;
  border: 1px solid rgba(82, 199, 255, 0.26);
  border-radius: var(--sr-radius-lg);
  background:
    radial-gradient(circle at 95% 0, rgba(255, 64, 129, 0.19), transparent 12rem),
    linear-gradient(145deg, #101c38, #090f20);
  box-shadow: var(--sr-shadow);
}

.app-cta h2 {
  margin-bottom: 0.65rem;
  font-size: 1.42rem;
  letter-spacing: -0.035em;
}

.app-cta p {
  color: var(--sr-text-soft);
}

.fact-card {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--sr-line);
  border-radius: 0.8rem;
  background: rgba(15, 24, 43, 0.78);
}

.fact-card dt {
  margin-bottom: 0.18rem;
  color: var(--sr-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.fact-card dd {
  margin: 0;
  color: #fff;
  font-weight: 800;
}

.related-grid {
  display: grid;
  gap: 0.8rem;
  padding: 0;
  margin: 0;
  list-style: none;
}

.empty-state {
  padding: 2.2rem 1rem;
  border: 1px dashed var(--sr-line-strong);
  border-radius: var(--sr-radius);
  background: rgba(7, 16, 39, 0.58);
  color: var(--sr-text-soft);
  text-align: center;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius);
  margin-top: 1rem;
  background: rgba(7, 16, 39, 0.72);
}

.pagination > span {
  color: var(--sr-muted);
  font-size: 0.85rem;
  font-weight: 800;
}

.skip-link {
  position: fixed;
  z-index: 999;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.7rem 1rem;
  border-radius: 0.65rem;
  background: #fff;
  color: #020719;
  font-weight: 800;
  transform: translateY(-200%);
  transition: transform var(--sr-transition);
}

.skip-link:focus {
  color: #020719;
  transform: translateY(0);
}

.site-background {
  position: fixed;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(circle at 78% 14%, rgba(255, 64, 129, 0.08), transparent 24rem),
    radial-gradient(circle at 14% 25%, rgba(33, 150, 243, 0.08), transparent 28rem);
  pointer-events: none;
}

.site-header > .site-nav {
  position: static;
  display: flex;
  width: min(calc(100% - 2rem), var(--sr-content));
  min-height: var(--sr-header-height);
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin-inline: auto;
  background: transparent;
  box-shadow: none;
}

.site-nav .brand {
  padding: 0;
  border-radius: 0;
}

.site-nav .brand:hover {
  background: transparent;
}

.brand {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  color: var(--sr-text);
  font-size: 1.22rem;
  font-weight: 900;
  letter-spacing: -0.055em;
  text-decoration: none;
}

.brand:hover {
  color: var(--sr-text);
}

.brand span {
  color: var(--sr-cyan-light);
}

.brand strong {
  color: var(--sr-pink);
}

.site-nav > .nav-links,
.site-nav > .nav-cta {
  display: none;
}

.mobile-nav {
  position: absolute;
  top: calc(100% + 1px);
  right: 1rem;
  left: 1rem;
  z-index: 60;
  padding: 0.65rem;
  border: 1px solid var(--sr-line);
  border-radius: 1rem;
  background: rgba(7, 16, 39, 0.98);
  box-shadow: var(--sr-shadow);
}

.mobile-nav a {
  display: flex;
  min-height: 2.75rem;
  align-items: center;
  padding: 0.55rem 0.8rem;
  border-radius: 0.65rem;
  color: var(--sr-text-soft);
  font-weight: 700;
  text-decoration: none;
}

.mobile-nav a:hover,
.mobile-nav a[aria-current="page"] {
  background: rgba(33, 150, 243, 0.12);
  color: #fff;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 1.1rem;
  color: var(--sr-muted);
  font-size: 0.82rem;
}

.breadcrumbs i {
  color: #607089;
  font-style: normal;
}

.breadcrumbs a {
  color: var(--sr-text-soft);
}

.hero-copy,
.section-copy,
.muted-copy {
  max-width: 47rem;
  color: var(--sr-text-soft);
}

.filter-panel label {
  display: grid;
  min-width: 0;
  gap: 0.35rem;
  color: var(--sr-text-soft);
  font-size: 0.78rem;
  font-weight: 750;
}

.market-filter {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.2rem;
  min-width: 0;
  padding: 1.5rem 0.22rem 0.22rem;
  border: 1px solid var(--sr-line);
  border-radius: 0.8rem;
  margin: 0;
  background: #070d1d;
}

.market-filter legend {
  position: absolute;
  padding-inline: 0.35rem;
  color: var(--sr-text-soft);
  font-size: 0.75rem;
  font-weight: 750;
}

.button-quiet {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: var(--sr-cyan-light);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.button-quiet:hover {
  box-shadow: none;
}

.results-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.25rem 1rem;
  margin-bottom: 1rem;
}

.results-toolbar p {
  margin: 0;
  color: var(--sr-muted);
  font-size: 0.8rem;
}

.results-toolbar #results-count {
  color: var(--sr-text-soft);
}

.date-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 0.5rem 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--sr-line);
  margin-bottom: 0.85rem;
}

.date-heading p,
.date-heading h2 {
  margin: 0;
}

.date-heading p {
  color: var(--sr-muted);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.date-heading h2 {
  font-size: clamp(1.1rem, 4vw, 1.42rem);
  letter-spacing: -0.025em;
}

.date-heading a {
  color: var(--sr-text-soft);
  font-size: 0.8rem;
}

.listing-group + .listing-group {
  margin-top: 0.85rem;
}

.listing-group-toggle {
  grid-template-areas:
    "pair icon"
    "badges icon"
    "summary icon";
}

.group-pair {
  grid-area: pair;
  color: #fff;
  font-size: clamp(1rem, 4vw, 1.15rem);
  font-weight: 900;
  letter-spacing: -0.025em;
}

.group-badges {
  display: flex;
  grid-area: badges;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.group-summary {
  display: grid;
  min-width: 0;
  grid-area: summary;
  gap: 0.1rem;
  color: var(--sr-muted);
  font-size: 0.8rem;
}

.group-summary strong {
  color: var(--sr-text-soft);
}

.toggle-icon {
  display: grid;
  width: 2.4rem;
  height: 2.4rem;
  grid-area: icon;
  place-items: center;
  align-self: center;
  border: 1px solid var(--sr-line);
  border-radius: 50%;
  color: var(--sr-cyan-light);
  font-size: 1.25rem;
  transition: transform var(--sr-transition), background var(--sr-transition);
}

.listing-group-toggle[aria-expanded="true"] .toggle-icon {
  background: rgba(33, 150, 243, 0.1);
  transform: rotate(180deg);
}

.listing-group[open] .toggle-icon {
  background: rgba(33, 150, 243, 0.1);
  transform: rotate(180deg);
}

.group-caveat {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid var(--sr-line);
  margin: 0;
  color: var(--sr-muted);
  font-size: 0.76rem;
}

.exchange-event-main {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.7rem;
}

.exchange-event-main time {
  color: var(--sr-text-soft);
  font-size: 0.82rem;
  font-variant-numeric: tabular-nums;
}

.exchange-event-score {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--sr-muted);
  font-size: 0.72rem;
  font-weight: 800;
}

.event-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.event-actions .button {
  flex: 1 1 9rem;
}

.calendar-aside {
  display: grid;
  gap: 1rem;
}

.sticky-card {
  padding: 1.2rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius-lg);
  background: rgba(7, 16, 39, 0.78);
}

.sticky-card h2 {
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  letter-spacing: -0.025em;
}

.sticky-card p {
  color: var(--sr-text-soft);
  font-size: 0.86rem;
}

.sticky-card.app-cta {
  border-color: rgba(82, 199, 255, 0.26);
  background:
    radial-gradient(circle at 95% 0, rgba(255, 64, 129, 0.19), transparent 12rem),
    linear-gradient(145deg, #101c38, #090f20);
  box-shadow: var(--sr-shadow);
}

.price-note {
  margin: 0.75rem 0 0;
  color: var(--sr-muted) !important;
  font-size: 0.75rem !important;
}

.definition-list {
  display: grid;
  gap: 0.8rem;
  margin: 0;
}

.definition-list div + div {
  padding-top: 0.8rem;
  border-top: 1px solid var(--sr-line);
}

.definition-list dt {
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
}

.definition-list dd {
  margin: 0.15rem 0 0;
  color: var(--sr-muted);
  font-size: 0.78rem;
}

.explainer-section,
.faq-section,
.related-section {
  padding-block: clamp(2rem, 6vw, 4rem);
}

.explainer-section > h2,
.faq-section > h2,
.related-section > h2 {
  margin-bottom: 1rem;
  font-size: clamp(1.4rem, 5vw, 2.15rem);
  letter-spacing: -0.035em;
}

.faq-section details {
  padding: 0.95rem 1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius);
  background: rgba(7, 16, 39, 0.72);
}

.faq-section details + details {
  margin-top: 0.65rem;
}

.faq-section summary {
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.faq-section details p {
  margin: 0.7rem 0 0;
  color: var(--sr-text-soft);
}

.single-column {
  max-width: 58rem;
  padding-bottom: 2rem;
}

.detail-layout,
.exchange-layout {
  display: grid;
  gap: 1.5rem;
  padding-bottom: 2rem;
}

.detail-main,
.archive-list {
  display: grid;
  min-width: 0;
  gap: 1rem;
}

.detail-card {
  padding: 1.25rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius-lg);
  background: rgba(7, 16, 39, 0.72);
}

.detail-card h2 {
  margin-bottom: 0.85rem;
  font-size: clamp(1.2rem, 4vw, 1.65rem);
}

.detail-card > p:not(.eyebrow),
.fact-card p {
  color: var(--sr-text-soft);
}

.fact-card > span:not(.risk-badge) {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--sr-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.risk-card {
  border-color: rgba(255, 176, 32, 0.4);
  background: rgba(255, 176, 32, 0.07);
}

.related-card,
.exchange-card {
  display: grid;
  min-height: 100%;
  gap: 0.4rem;
  padding: 1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius);
  background: rgba(15, 24, 43, 0.72);
  color: var(--sr-text-soft);
  text-decoration: none;
}

.related-card:hover,
.exchange-card:hover {
  border-color: rgba(82, 199, 255, 0.48);
  color: #fff;
  transform: translateY(-1px);
}

.related-card strong,
.exchange-card strong,
.exchange-card h2 {
  color: #fff;
}

.related-card time,
.exchange-card span,
.exchange-card p {
  color: var(--sr-muted);
  font-size: 0.78rem;
}

.exchange-grid {
  display: grid;
  gap: 0.8rem;
  padding-bottom: 4rem;
}

.archive-row {
  display: grid;
  gap: 0.8rem;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius);
  background: rgba(7, 16, 39, 0.72);
}

.archive-row h2 {
  margin: 0.45rem 0 0.1rem;
  font-size: 1.1rem;
}

.archive-row time,
.archive-score span {
  color: var(--sr-muted);
  font-size: 0.78rem;
}

.archive-score {
  display: flex;
  align-items: baseline;
  gap: 0.4rem;
}

.archive-score strong {
  color: #fff;
  font-size: 1.25rem;
}

.disclaimer {
  margin-block: 1.25rem 3rem;
}

.footer-inner {
  display: grid;
  width: min(calc(100% - 2rem), var(--sr-content));
  gap: 1.25rem;
  margin-inline: auto;
}

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 1rem;
}

.footer-inner p {
  margin: 0;
  font-size: 0.78rem;
}

.site-body {
  isolation: isolate;
}

.calendar-main {
  min-width: 0;
}

.hero-compact {
  padding-top: clamp(1.8rem, 5vw, 3.3rem);
}

.hero-calendar {
  padding-bottom: clamp(1.8rem, 5vw, 3rem);
}

@media (min-width: 38rem) {
  #listing-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
  }

  .search-field,
  .market-filter {
    grid-column: 1 / -1;
  }

  .exchange-event {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .event-actions {
    grid-column: 1 / -1;
  }

  .exchange-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .archive-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .sr-filters__grid,
  .filters-grid {
    grid-template-columns: minmax(12rem, 2fr) repeat(2, minmax(9rem, 1fr));
  }

  .sr-field--wide,
  .filter-field--wide {
    grid-column: 1 / -1;
  }

  .sr-exchange-row,
  .exchange-row,
  .listing-event-row {
    grid-template-columns: minmax(9rem, 1fr) minmax(10rem, auto);
    align-items: center;
  }

  .sr-exchange-row__actions,
  .exchange-row__actions {
    grid-column: 1 / -1;
  }

  .sr-fact-grid,
  .fact-grid,
  .event-facts,
  .sr-related-grid,
  .related-listings,
  .exchange-listings-grid,
  .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sr-score-panel,
  .score-panel {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
  }
}

@media (min-width: 48rem) {
  :root {
    --sr-header-height: 5.25rem;
  }

  .sr-container,
  .listings-container {
    width: min(calc(100% - 3rem), var(--sr-content));
  }

  .site-shell {
    width: min(calc(100% - 3rem), var(--sr-content));
  }

  .site-header > .site-nav {
    display: flex !important;
    width: min(calc(100% - 3rem), var(--sr-content));
  }

  .sr-nav-toggle,
  [data-nav-toggle],
  [data-mobile-nav-toggle] {
    display: none;
  }

  .nav-toggle {
    display: none;
  }

  .mobile-nav {
    display: none !important;
  }

  .sr-nav,
  .site-nav {
    position: static;
    display: block !important;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .sr-nav__list,
  .site-nav__list {
    display: flex;
    align-items: center;
    gap: 0.3rem;
  }

  .nav-links {
    display: flex;
    align-items: center;
    gap: 0.3rem;
  }

  .site-nav > .nav-links {
    display: flex;
  }

  .site-nav > .nav-cta {
    display: inline-flex;
  }

  .sr-nav a,
  .site-nav a {
    padding-inline: 0.65rem;
    font-size: 0.87rem;
  }

  .nav-links a {
    padding-inline: 0.65rem;
    font-size: 0.87rem;
  }

  .site-nav .brand {
    padding: 0;
  }

  #listing-filters {
    grid-template-columns: minmax(13rem, 2fr) repeat(2, minmax(9rem, 1fr)) auto;
  }

  .search-field {
    grid-column: auto;
  }

  .market-filter {
    grid-column: 1 / 4;
  }

  #filter-reset {
    align-self: end;
  }

  .listing-group-toggle {
    grid-template-columns: minmax(8rem, auto) auto minmax(10rem, 1fr) auto;
    grid-template-areas: "pair badges summary icon";
  }

  .group-summary {
    justify-self: end;
    text-align: right;
  }

  .exchange-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .footer-inner {
    width: min(calc(100% - 3rem), var(--sr-content));
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
  }

  .footer-links {
    justify-content: center;
  }

  .sr-filters,
  .listings-filters,
  [data-listing-filters] {
    padding: 1.15rem;
  }

  .sr-filters__grid,
  .filters-grid {
    grid-template-columns: minmax(13rem, 2fr) repeat(2, minmax(9rem, 1fr));
  }

  .sr-field--wide,
  .filter-field--wide {
    grid-column: auto;
  }

  .sr-exchange-row,
  .exchange-row,
  .listing-event-row {
    grid-template-columns: minmax(9rem, 1fr) minmax(10rem, auto) auto;
  }

  .sr-exchange-row__actions,
  .exchange-row__actions {
    grid-column: auto;
    justify-content: flex-end;
  }

  .sr-fact-grid,
  .fact-grid,
  .event-facts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sr-related-grid,
  .related-listings,
  .exchange-listings-grid,
  .related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sr-footer__grid,
  .site-footer__grid {
    grid-template-columns: minmax(14rem, 1fr) auto;
    align-items: start;
  }
}

@media (min-width: 62rem) {
  .sr-header,
  .site-header {
    position: sticky;
    top: 0;
  }

  .sr-layout,
  .listings-layout {
    grid-template-columns: minmax(0, 2fr) minmax(17rem, 0.82fr);
    align-items: start;
    gap: 2rem;
  }

  .calendar-layout {
    grid-template-columns: minmax(0, 2fr) minmax(17rem, 0.82fr);
    align-items: start;
    gap: 2rem;
  }

  .detail-layout,
  .exchange-layout {
    grid-template-columns: minmax(0, 2fr) minmax(17rem, 0.82fr);
    align-items: start;
    gap: 2rem;
  }

  .exchange-event {
    grid-template-columns: minmax(0, 1fr) auto auto;
  }

  .event-actions {
    grid-column: auto;
    justify-content: flex-end;
  }

  .event-actions .button {
    flex: 0 1 auto;
  }

  .sr-filters,
  .listings-filters,
  [data-listing-filters] {
    position: sticky;
    z-index: 20;
    top: calc(var(--sr-header-height) + 0.75rem);
  }

  .filter-panel {
    position: sticky;
    z-index: 20;
    top: calc(var(--sr-header-height) + 0.75rem);
  }

  .sr-sidebar__sticky,
  .listings-sidebar__sticky {
    position: sticky;
    top: calc(var(--sr-header-height) + 0.75rem);
  }

  .calendar-aside {
    position: sticky;
    top: calc(var(--sr-header-height) + 0.75rem);
  }
}

/* Listing calendar application */
.noscript-nav {
  display: flex;
  width: min(100%, var(--sr-content));
  flex-wrap: wrap;
  gap: 0.55rem 1rem;
  padding: 0.75rem 1rem;
  margin: 0 auto;
  background: #080b12;
  color: #dbe4f1;
  font-size: 0.85rem;
}

.noscript-nav a {
  color: inherit;
}

.nojs-filter-note {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--sr-line);
  margin: 0;
  background: rgba(33, 150, 243, 0.08);
  color: var(--sr-text-soft);
  font-size: 0.82rem;
}

.calendar-app {
  overflow: clip;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 1.15rem;
  margin-bottom: 2rem;
  background: #010205;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

.calendar-app #listing-filters {
  position: static;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}

.calendar-topbar {
  display: flex;
  min-height: 5.4rem;
  align-items: center;
  gap: 0.75rem 1.1rem;
  padding: 1rem 1.35rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.13);
  background: #030508;
}

.calendar-topbar > div:first-child {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.9rem;
}

.calendar-topbar h2,
.calendar-topbar h3 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.15rem, 2.2vw, 1.45rem);
  font-weight: 850;
  letter-spacing: -0.035em;
}

.calendar-topbar p,
.calendar-warning {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  color: #8e98aa;
  font-size: 0.83rem;
  font-weight: 600;
}

.calendar-warning::before {
  display: inline-grid;
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--sr-amber);
  color: #1a1200;
  content: "!";
  font-size: 0.72rem;
  font-weight: 950;
}

.calendar-title-row p > span[aria-hidden="true"] {
  display: inline-grid;
  width: 1.1rem;
  height: 1.1rem;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 50%;
  background: var(--sr-amber);
  color: #1a1200;
  font-size: 0.72rem;
  font-weight: 950;
}

.calendar-search {
  position: relative;
  display: block;
  width: min(100%, 18rem);
  flex: 0 1 18rem;
  margin-left: auto;
}

.calendar-search > span {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  margin: -1px !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.calendar-search::before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0.92rem;
  width: 0.72rem;
  height: 0.72rem;
  border: 2px solid #697589;
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: translateY(-58%);
}

.calendar-search::after {
  position: absolute;
  z-index: 1;
  top: calc(50% + 0.28rem);
  left: 1.58rem;
  width: 0.42rem;
  height: 2px;
  border-radius: 999px;
  background: #697589;
  content: "";
  pointer-events: none;
  transform: rotate(45deg);
  transform-origin: left center;
}

.calendar-app #listing-search {
  min-height: 3rem;
  padding: 0.66rem 0.9rem 0.66rem 2.65rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 0.72rem;
  background: #181b23;
  box-shadow: none;
  color: #fff;
}

.calendar-app #listing-search::placeholder {
  color: #7d899e;
}

.calendar-app #listing-search:focus {
  border-color: rgba(82, 199, 255, 0.72);
  background: #1b202a;
}

.date-navigation {
  display: flex;
  min-width: 0;
  align-items: stretch;
  gap: 0.35rem;
  padding: 0.65rem 0.85rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.13);
  background: #1a1e27;
}

.date-strip {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
  grid-auto-flow: column;
  grid-auto-columns: minmax(5.5rem, 1fr);
  gap: 0.12rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-color: #3d4656 transparent;
  scrollbar-width: thin;
  scroll-snap-type: inline mandatory;
}

.date-tab {
  display: grid;
  min-width: 0;
  min-height: 4.45rem;
  place-content: center;
  gap: 0.05rem;
  padding: 0.45rem 0.65rem;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  background: transparent;
  color: #8e98a9;
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
  scroll-snap-align: center;
  text-align: center;
  text-decoration: none;
  transition: border-color var(--sr-transition), background var(--sr-transition), color var(--sr-transition);
}

.date-tab:hover {
  border-color: rgba(148, 163, 184, 0.2);
  background: rgba(255, 255, 255, 0.035);
  color: #d7deea;
}

.date-tab > strong,
.date-tab > span:first-child,
.date-tab-date {
  color: inherit;
  font-size: 1rem;
  font-weight: 800;
}

.date-tab > span:last-child,
.date-tab-weekday {
  color: inherit;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.date-tab[aria-selected="true"],
.date-tab.is-active {
  border-color: rgba(33, 150, 243, 0.22);
  background: rgba(33, 150, 243, 0.08);
  color: #2d8fff;
}

.date-tab[aria-selected="true"] > strong,
.date-tab[aria-selected="true"] > span:first-child,
.date-tab.is-active > strong,
.date-tab.is-active > span:first-child {
  color: #2d8fff;
}

.date-arrow {
  display: inline-grid;
  width: 2.85rem;
  min-width: 2.85rem;
  height: 2.85rem;
  place-items: center;
  align-self: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: #272d38;
  color: #8d98aa;
  font-size: 1.25rem;
}

.date-arrow:hover:not(:disabled) {
  border-color: rgba(82, 199, 255, 0.4);
  color: #fff;
}

.other-dates {
  display: grid;
  min-width: 8.2rem;
  align-content: center;
  gap: 0.15rem;
  padding-left: 0.8rem;
  border-left: 1px solid rgba(148, 163, 184, 0.16);
  color: #8e98aa;
  font-size: 0.68rem;
  font-weight: 750;
  text-align: center;
}

.calendar-app .other-dates #date-filter {
  width: 100%;
  min-height: 2.25rem;
  padding: 0.3rem 1.8rem 0.3rem 0.55rem;
  border: 0;
  border-radius: 0.5rem;
  background-color: transparent;
  color: #d8dee8;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
}

.compact-filter-row {
  display: flex;
  min-height: 3.9rem;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem 0.8rem;
  padding: 0.65rem 1.1rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.13);
  background: #0b0e13;
}

.compact-filter-row label {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: #7f8a9d;
  font-size: 0.7rem;
  font-weight: 750;
}

.compact-filter-row #exchange-filter,
.compact-filter-row #action-filter {
  width: auto;
  min-width: 9.5rem;
  min-height: 2.35rem;
  padding: 0.35rem 2rem 0.35rem 0.65rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.6rem;
  background-color: #171b23;
  color: #dfe5ef;
  font-size: 0.75rem;
}

.calendar-app .market-filter {
  display: flex;
  min-width: 0;
  grid-template-columns: none;
  align-items: center;
  gap: 0.18rem;
  padding: 0.18rem;
  border-color: rgba(148, 163, 184, 0.18);
  border-radius: 0.62rem;
  background: #171b23;
}

.calendar-app .market-filter legend {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  margin: -1px !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.calendar-app [data-market-filter] {
  min-height: 2rem;
  padding: 0.35rem 0.65rem;
  border-radius: 0.45rem;
  font-size: 0.72rem;
}

.calendar-app [data-market-filter][aria-selected="true"],
.calendar-app [data-market-filter][aria-pressed="true"],
.calendar-app [data-market-filter].is-active {
  background: #2d7fe8;
  box-shadow: none;
}

.calendar-app #filter-reset {
  min-height: 2.25rem;
  margin-left: 0.1rem;
  font-size: 0.75rem;
}

.compact-filter-row #results-count {
  min-height: auto;
  margin: 0 0 0 auto;
  color: #8995a7;
  font-size: 0.75rem;
}

.listing-stage {
  min-height: 26rem;
  padding: clamp(1rem, 2.5vw, 2rem);
  background: #010205;
}

.listing-stage > .results-toolbar {
  margin-bottom: 1.2rem;
  color: #788396;
}

.calendar-app #listing-results {
  min-width: 0;
}

.calendar-app .date-section {
  margin: 0;
}

.calendar-app.is-calendar-enhanced .date-section > .date-heading {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  margin: -1px !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.listing-card-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}

.calendar-app .listing-card {
  position: relative;
  min-width: 0;
  overflow: clip;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 0.92rem;
  margin: 0;
  background: #171a21;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.3);
  transition: border-color var(--sr-transition), box-shadow var(--sr-transition), transform var(--sr-transition);
}

.calendar-app .listing-card + .listing-card {
  margin-top: 0;
}

.calendar-app .listing-card::before {
  display: none;
}

.calendar-app .listing-card:hover {
  border-color: rgba(82, 199, 255, 0.4);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.4);
  transform: translateY(-2px);
}

.calendar-app .listing-card[open] {
  border-color: rgba(82, 199, 255, 0.38);
}

.calendar-app .listing-card:focus-within {
  border-color: rgba(82, 199, 255, 0.82);
  box-shadow: 0 0 0 3px rgba(82, 199, 255, 0.2), 0 18px 42px rgba(0, 0, 0, 0.4);
}

.listing-card-summary {
  position: relative;
  display: grid;
  min-height: 16rem;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: none;
  align-content: start;
  align-items: stretch;
  gap: 0.9rem;
  padding: 1.3rem;
  color: inherit;
  cursor: pointer;
  list-style: none;
}

.listing-card-summary::-webkit-details-marker {
  display: none;
}

.listing-card-summary:focus-visible {
  border-radius: 0.86rem;
  outline-color: var(--sr-cyan-light);
  outline-offset: -4px;
}

.listing-card-summary:hover {
  background: rgba(255, 255, 255, 0.018);
}

.card-head {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
}

.token-monogram {
  display: inline-grid;
  width: 3.65rem;
  height: 3.65rem;
  place-items: center;
  border: 1px solid rgba(82, 199, 255, 0.36);
  border-radius: 50%;
  background:
    radial-gradient(circle at 68% 28%, rgba(255, 64, 129, 0.45), transparent 36%),
    linear-gradient(145deg, rgba(33, 150, 243, 0.86), rgba(15, 34, 61, 0.9));
  box-shadow: inset 0 0 0 4px rgba(2, 7, 25, 0.25), 0 8px 22px rgba(33, 150, 243, 0.15);
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.token-identity {
  display: grid;
  min-width: 0;
  gap: 0.08rem;
}

.token-identity small {
  overflow: hidden;
  color: #828da0;
  font-size: 0.76rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listing-card-summary .group-pair {
  min-width: 0;
  overflow: hidden;
  font-size: 1.08rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-divider {
  display: block;
  height: 1px;
  background: rgba(148, 163, 184, 0.16);
}

.card-facts {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.55rem;
}

.card-fact {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 0.18rem;
}

.card-fact small,
.card-exchange-preview small {
  color: #7f899a;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.card-fact strong {
  overflow: hidden;
  color: #e7ebf2;
  font-size: 0.75rem;
  font-weight: 760;
  text-overflow: ellipsis;
}

.card-fact .score-value {
  color: var(--sr-cyan-light);
}

.card-exchange-preview {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
  color: #8d98aa;
  font-size: 0.78rem;
  font-weight: 650;
}

.card-exchange-preview strong {
  overflow: hidden;
  color: #e1e6ee;
  font-size: 0.78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card-status {
  display: inline-flex;
  min-height: 1.55rem;
  align-items: center;
  padding: 0.18rem 0.5rem;
  border: 1px solid rgba(82, 199, 255, 0.24);
  border-radius: 999px;
  background: rgba(27, 91, 175, 0.5);
  color: #8dc1ff;
  font-size: 0.66rem;
  font-weight: 800;
}

.card-risk {
  display: inline-flex;
  min-height: 1.7rem;
  align-items: center;
  gap: 0.3rem;
  justify-self: start;
  padding: 0.24rem 0.55rem;
  border: 1px solid rgba(255, 176, 32, 0.45);
  border-radius: 999px;
  margin: 0;
  font-size: 0.68rem;
  font-weight: 800;
}

.card-open {
  display: flex;
  min-height: 2.8rem;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  align-self: end;
  padding: 0.55rem 0.85rem;
  border-radius: 999px;
  margin-top: auto;
  background: #232732;
  color: #dce3ee;
  font-size: 0.76rem;
  font-weight: 800;
}

.listing-card-summary .card-open .toggle-icon {
  display: inline-grid;
  width: 1.35rem;
  height: 1.35rem;
  border: 0;
  margin: 0;
  background: transparent;
  color: #dce3ee;
  font-size: 1rem;
}

.listing-card[open] > .listing-card-summary .card-open {
  background: #29303d;
}

.calendar-app .listing-card .listing-group-details {
  border-color: rgba(148, 163, 184, 0.14);
  background: #11141a;
}

.calendar-app .listing-card .group-caveat {
  color: #7f8999;
  font-size: 0.69rem;
}

.calendar-app .listing-card .exchange-event {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
  padding: 1rem;
}

.calendar-app .listing-card .exchange-event-score {
  align-self: start;
}

.calendar-app .listing-card .event-actions {
  grid-column: 1 / -1;
}

.calendar-app .listing-card .event-actions .button {
  min-height: 2.45rem;
  padding: 0.55rem 0.75rem;
  font-size: 0.74rem;
}

.calendar-app .empty-state {
  display: grid;
  min-height: 14rem;
  place-content: center;
  border-color: rgba(148, 163, 184, 0.2);
  background: #0e1117;
}

.empty-day-state {
  display: grid;
  min-height: 16rem;
  place-content: center;
  padding: 2rem 1rem;
  border: 1px dashed rgba(148, 163, 184, 0.2);
  border-radius: 0.9rem;
  background: #0e1117;
  color: #8d98aa;
  text-align: center;
}

.empty-day-state h3 {
  margin-bottom: 0.45rem;
  color: #e4e9f1;
  font-size: 1rem;
}

.empty-day-state p {
  max-width: 34rem;
  margin: 0;
  font-size: 0.8rem;
}

.calendar-page-shell {
  padding-bottom: 3rem;
}

.calendar-support-grid {
  display: grid;
  gap: 1rem;
}

@media (min-width: 42rem) {
  .listing-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .calendar-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 70rem) {
  .calendar-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .calendar-aside {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .listing-card-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 47.99rem) {
  .calendar-app {
    border-radius: 0.9rem;
  }

  .calendar-topbar {
    align-items: stretch;
    flex-direction: column;
    padding: 1rem;
  }

  .calendar-search {
    width: 100%;
    flex-basis: auto;
    margin-left: 0;
  }

  .date-navigation {
    padding-inline: 0.55rem;
  }

  .date-strip {
    grid-auto-columns: minmax(4.7rem, 1fr);
  }

  .date-arrow {
    width: 2.4rem;
    min-width: 2.4rem;
    height: 2.4rem;
  }

  .other-dates {
    min-width: 6.4rem;
    padding-left: 0.45rem;
  }

  .other-dates > span {
    font-size: 0.62rem;
  }

  .compact-filter-row {
    align-items: stretch;
    padding-inline: 0.85rem;
  }

  .compact-filter-row label {
    flex: 1 1 9rem;
    align-items: stretch;
    flex-direction: column;
  }

  .compact-filter-row #exchange-filter,
  .compact-filter-row #action-filter {
    width: 100%;
  }

  .calendar-app .market-filter {
    flex: 1 1 100%;
    justify-content: stretch;
  }

  .calendar-app [data-market-filter] {
    flex: 1 1 0;
  }

  .compact-filter-row #results-count {
    width: 100%;
    margin-left: 0;
  }

  .listing-stage {
    padding: 0.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Visual alignment with the main SnipeRadar landing page (generator v4). */
body {
  background: #020719;
}

body::before {
  background-color: #020719;
  background-image:
    radial-gradient(circle at 72% 22%, rgba(33, 150, 243, 0.1), transparent 34%),
    linear-gradient(to right, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: auto, 50px 50px, 50px 50px;
  -webkit-mask-image: linear-gradient(to bottom, #000 20%, transparent 90%);
  mask-image: linear-gradient(to bottom, #000 20%, transparent 90%);
}

.site-background {
  background:
    radial-gradient(circle at -5% -8%, rgba(33, 150, 243, 0.12), transparent 27rem),
    radial-gradient(circle at 104% 88%, rgba(255, 64, 129, 0.055), transparent 24rem);
}

.site-header {
  background: rgba(2, 7, 25, 0.9);
}

.site-footer {
  background: #030405;
}

.site-header > .site-nav {
  width: min(calc(100% - 2rem), 92rem);
}

.nav-actions {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.65rem;
}

.download-dropdown {
  position: relative;
}

.download-dropdown > summary {
  min-width: 7.2rem;
  justify-content: center;
  list-style: none;
  cursor: pointer;
}

.download-dropdown > summary::-webkit-details-marker {
  display: none;
}

.download-dropdown[open] > summary {
  border-color: rgba(82, 199, 255, 0.45);
  background: #20293b;
}

.download-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 0.65rem);
  right: 0;
  display: grid;
  width: 13.5rem;
  overflow: hidden;
  border: 1px solid var(--sr-line);
  border-radius: 0.9rem;
  background: #0f1218;
  box-shadow: var(--sr-shadow);
}

.download-menu > a,
.download-menu > span {
  display: grid;
  min-height: 3.8rem;
  align-content: center;
  gap: 0.05rem;
  padding: 0.7rem 1rem;
  color: var(--sr-text-soft);
  text-decoration: none;
}

.download-menu > * + * {
  border-top: 1px solid var(--sr-line);
}

.download-menu > a:hover {
  background: #151921;
  color: #fff;
}

.download-menu > a:focus-visible {
  outline-offset: -4px;
}

.download-menu strong {
  color: #fff;
  font-size: 0.85rem;
}

.download-menu span span,
.download-soon span {
  color: var(--sr-muted);
  font-size: 0.7rem;
}

.mobile-nav-actions {
  display: grid;
  gap: 0.25rem;
  padding-top: 0.55rem;
  border-top: 1px solid var(--sr-line);
  margin-top: 0.45rem;
}

.mobile-nav-actions > span {
  padding: 0.55rem 0.8rem;
  color: var(--sr-muted);
  font-size: 0.8rem;
  font-weight: 700;
}

.exchange-logo {
  display: inline-grid;
  width: 2.75rem;
  height: 2.75rem;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
  padding: 0.38rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.78rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.28);
}

.exchange-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.exchange-logo-fallback {
  background: linear-gradient(145deg, rgba(33, 150, 243, 0.92), rgba(15, 34, 61, 0.96));
  color: #fff;
  font-size: 0.74rem;
  font-weight: 900;
}

.exchange-logo-stack {
  display: inline-flex;
  min-width: max-content;
  align-items: center;
  padding-left: 0.15rem;
}

.exchange-logo-stack .exchange-logo-stack-item {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
}

.exchange-logo-stack .exchange-logo-stack-item + .exchange-logo-stack-item,
.exchange-logo-more {
  margin-left: -0.65rem;
}

.exchange-logo-more {
  display: inline-grid;
  width: 2.7rem;
  height: 2.7rem;
  place-items: center;
  border: 2px solid #171a21;
  border-radius: 50%;
  background: #253044;
  color: #dbe7f7;
  font-size: 0.68rem;
  font-weight: 900;
}

.exchange-logo-small {
  width: 2rem;
  height: 2rem;
  padding: 0.27rem;
  border-radius: 0.58rem;
}

.exchange-logo-hero {
  width: 4.5rem;
  height: 4.5rem;
  padding: 0.62rem;
  border-radius: 1.15rem;
}

.exchange-logo-card,
.exchange-logo-archive {
  width: 3.25rem;
  height: 3.25rem;
  padding: 0.45rem;
  border-radius: 0.9rem;
}

.exchange-event-exchange,
.related-exchange,
.fact-exchange,
.event-hero-exchange,
.exchange-hero-title,
.exchange-card-head {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 0.7rem;
}

.event-hero-exchange {
  margin-bottom: 0.75rem;
}

.event-hero-exchange .eyebrow,
.exchange-hero-title .eyebrow,
.exchange-hero-title h1 {
  margin: 0;
}

.exchange-hero-title {
  align-items: flex-start;
  margin-bottom: 1rem;
}

.exchange-card-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.exchange-card-head small {
  color: var(--sr-muted);
  font-size: 0.72rem;
}

.calendar-app,
.calendar-app #listing-filters,
.listing-stage {
  background: #050814;
}

.calendar-topbar {
  background: #070b16;
}

.date-navigation {
  background: #151b2a;
}

.compact-filter-row {
  background: #090e1a;
}

.listing-card-grid {
  gap: 1.15rem;
}

.calendar-app .listing-card {
  background:
    linear-gradient(135deg, rgba(33, 150, 243, 0.045), transparent 44%),
    #121824;
}

.listing-card-summary {
  min-height: 14.5rem;
  gap: 1rem;
  padding: 1.25rem;
}

.card-head {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.9rem;
}

.token-identity {
  gap: 0.18rem;
}

.token-identity small {
  color: #7f8da3;
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.listing-card-summary .group-pair {
  font-size: 1.05rem;
}

.card-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}

.card-fact {
  min-height: 3.85rem;
  align-content: center;
  padding: 0.7rem 0.8rem;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 0.72rem;
  background: rgba(255, 255, 255, 0.028);
}

.card-fact strong {
  font-size: 0.82rem;
}

.card-exchange-preview {
  gap: 0.25rem;
  padding: 0.75rem 0.85rem;
  border-left: 3px solid rgba(82, 199, 255, 0.72);
  border-radius: 0.2rem 0.7rem 0.7rem 0.2rem;
  background: rgba(33, 150, 243, 0.055);
}

.card-exchange-preview strong {
  white-space: normal;
}

.calendar-app .listing-card .listing-group-details {
  background: #0c111c;
}

.calendar-app .listing-card .exchange-event {
  grid-template-columns: minmax(0, 1fr) auto;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  background: rgba(255, 255, 255, 0.018);
}

.calendar-app .listing-card .exchange-event-main {
  align-items: center;
}

.archive-row {
  border-color: rgba(148, 163, 184, 0.22);
  background: rgba(10, 17, 33, 0.86);
}

@media (min-width: 42rem) {
  .listing-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48rem) {
  .site-header > .site-nav {
    width: min(calc(100% - 3rem), 92rem);
  }

  .site-nav > .nav-links,
  .site-nav > .nav-actions {
    display: none;
  }

  .nav-toggle {
    display: inline-grid;
  }

  .mobile-nav:not([hidden]) {
    display: block !important;
  }
}

@media (min-width: 80rem) {
  .site-nav > .nav-links {
    display: flex;
    gap: 0.08rem;
  }

  .site-nav > .nav-actions {
    display: flex;
  }

  .nav-toggle {
    display: none;
  }

  .mobile-nav {
    display: none !important;
  }

  .nav-links a {
    padding-inline: 0.43rem;
    font-size: 0.76rem;
  }

  .nav-actions .button {
    min-height: 2.55rem;
    padding: 0.52rem 0.9rem;
    font-size: 0.78rem;
  }
}

/* Stable semantic hooks retained for generator regression tests; v31 uses
   higher-specificity responsive rules above for the rendered layout. */
.card-head {
  min-block-size: 8.15rem;
  max-block-size: 8.15rem;
}

.card-main-facts {
  min-block-size: 7rem;
  max-block-size: 7rem;
  grid-template-areas:
    "time score"
    "lead score";
}

.card-time {
  grid-area: time;
}

.card-lead {
  grid-area: lead;
}

.radar-score-block {
  grid-area: score;
}

.card-lead strong {
  min-block-size: 1.35rem;
  max-block-size: 1.35rem;
}

.card-exchange-preview {
  min-block-size: 4.35rem;
  max-block-size: 4.35rem;
}

.card-risk-slot {
  min-block-size: 2.1rem;
  max-block-size: 2.1rem;
}

.card-open {
  min-block-size: 3.35rem;
  max-block-size: 3.35rem;
}

@media (min-width: 70rem) {
  .listing-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Calendar refinement v34: five initial results with an expandable remainder. */
.listing-results-reveal {
  display: flex;
  justify-content: center;
  padding: 1.1rem 1rem 1.35rem;
  border-top: 1px solid #26313e;
  background: #080d15;
}

.listing-results-reveal[hidden] {
  display: none;
}

.listing-results-reveal-button {
  min-width: 13.5rem;
  min-height: 2.65rem;
  padding: 0.55rem 1.25rem;
  border: 1px solid #465166;
  border-radius: 0.65rem;
  background: #111827;
  color: #e5eaf1;
  box-shadow: none;
  font-size: 0.76rem;
  font-weight: 760;
}

.listing-results-reveal-button:hover,
.listing-results-reveal-button:focus-visible {
  border-color: #64748b;
  background: #182231;
  color: #ffffff;
  box-shadow: none;
}

@media (max-width: 47.99rem) {
  .listing-results-reveal {
    padding: 0.9rem 0.7rem 1.1rem;
  }

  .listing-results-reveal-button {
    width: min(100%, 18rem);
  }
}

@media (max-width: 31rem) {
  .card-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .exchange-logo-stack {
    grid-column: 1 / -1;
  }

  .token-identity .group-pair {
    width: auto;
    max-width: 100%;
    grid-area: auto;
  }
}

/* Generator v11: larger type, flatter listing cards and clearer archive pages. */
html {
  /* Every rem-based size grows proportionally from the browser's usual 16px baseline. */
  font-size: 17px;
}

.calendar-hero-grid {
  display: grid;
  min-width: 0;
  align-items: stretch;
  gap: 1.25rem;
}

.calendar-hero-grid > * {
  min-width: 0;
}

.weekly-detection-stat {
  position: relative;
  display: grid;
  min-height: 11.5rem;
  align-content: center;
  gap: 0.2rem;
  overflow: hidden;
  padding: clamp(1.35rem, 3vw, 2rem);
  border: 1px solid rgba(82, 199, 255, 0.34);
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 64, 129, 0.2), transparent 10rem),
    linear-gradient(140deg, rgba(33, 150, 243, 0.16), rgba(8, 15, 33, 0.94) 62%);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.weekly-detection-stat::after {
  position: absolute;
  right: -3.25rem;
  bottom: -3.25rem;
  width: 8.5rem;
  height: 8.5rem;
  border: 1px solid rgba(82, 199, 255, 0.2);
  border-radius: 50%;
  box-shadow: 0 0 0 1.15rem rgba(33, 150, 243, 0.035), 0 0 0 2.3rem rgba(255, 64, 129, 0.025);
  content: "";
  pointer-events: none;
}

.weekly-detection-number {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: clamp(3.8rem, 8vw, 6rem);
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.07em;
  line-height: 0.95;
}

.weekly-detection-stat p,
.weekly-detection-stat span:not(.weekly-detection-number) {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--sr-text-soft);
  font-size: 1rem;
  font-weight: 750;
}

.historical-notice {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem 1.25rem;
  padding: 1rem 1.15rem;
  border: 1px solid rgba(82, 199, 255, 0.24);
  border-left: 4px solid var(--sr-cyan-light);
  border-radius: 0.3rem 0.9rem 0.9rem 0.3rem;
  background: rgba(33, 150, 243, 0.07);
}

.historical-notice p {
  max-width: 53rem;
  margin: 0;
  color: var(--sr-text-soft);
}

.historical-notice > div {
  min-width: 0;
  flex: 1 1 30rem;
}

.historical-notice strong {
  color: #fff;
}

.cta-download-dropdown {
  position: relative;
  z-index: 12;
}

.cta-download-dropdown > summary {
  list-style: none;
  cursor: pointer;
}

.cta-download-dropdown > summary::-webkit-details-marker {
  display: none;
}

.cta-download-dropdown[open] > summary {
  border-color: rgba(82, 199, 255, 0.62);
  box-shadow: 0 12px 30px rgba(33, 150, 243, 0.28);
}

.hero .cta-download-dropdown .download-menu,
.historical-notice .cta-download-dropdown .download-menu {
  right: auto;
  left: 0;
}

/* Flat information hierarchy inside each result card. */
.card-main-facts,
.card-facts {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem 1.5rem;
  padding: 0.15rem 0;
}

.card-time,
.card-score,
.card-fact {
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.card-time,
.card-fact {
  display: grid;
  align-content: center;
  gap: 0.18rem;
}

.card-score {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.card-time small,
.card-score small,
.card-fact small,
.card-exchange-preview small {
  color: #8d98aa;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.card-time strong,
.card-fact strong {
  color: #f2f5f9;
  font-size: 0.94rem;
  font-weight: 820;
  font-variant-numeric: tabular-nums;
}

.card-exchange-preview {
  gap: 0.22rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.card-exchange-preview strong {
  font-size: 0.9rem;
  white-space: normal;
}

.radar-score-block {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: 0.7rem;
  text-align: right;
}

.radar-score-copy {
  display: grid;
  gap: 0.05rem;
}

.radar-score-copy small,
.radar-score-block > small {
  color: #8d98aa;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}

.radar-score-ring {
  --score-color: var(--radar-color, var(--sr-red));
  --score-progress: var(--radar-progress, 0%);
  position: relative;
  isolation: isolate;
  display: inline-grid;
  width: 4rem;
  height: 4rem;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  place-items: center;
  align-content: center;
  gap: 0;
  border: 1px solid color-mix(in srgb, var(--score-color) var(--radar-border-strength, 48%), transparent);
  border-radius: 50%;
  background: conic-gradient(from -90deg, var(--score-color) 0deg var(--score-progress), rgba(148, 163, 184, 0.17) var(--score-progress) 360deg);
  box-shadow: 0 0 var(--radar-glow-size, 18px) color-mix(in srgb, var(--score-color) var(--radar-glow-strength, 17%), transparent);
  color: #fff;
  font-size: 1rem;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.025em;
  line-height: 1;
}

.radar-score-ring::before {
  position: absolute;
  z-index: -1;
  inset: 0.34rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: inherit;
  background: #121824;
  content: "";
}

.radar-score-ring[data-score-color="red"] {
  --score-color: #fb5e6f;
}

.radar-score-ring[data-score-color="orange"] {
  --score-color: #ffad32;
}

.radar-score-ring[data-score-color="green"] {
  --score-color: #3ee88f;
}

.radar-score-ring strong,
.radar-score-ring small {
  position: relative;
  z-index: 1;
}

.radar-score-ring strong {
  font-size: 1rem;
  line-height: 1;
}

.radar-score-ring small {
  margin-top: 0.08rem;
  color: #9ba7b9;
  font-size: 0.48rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}

.radar-score-ring-compact {
  width: 3.35rem;
  height: 3.35rem;
}

.market-badge.card-status {
  min-height: 1.85rem;
  padding-inline: 0.65rem;
  border-color: rgba(82, 199, 255, 0.38);
  background: rgba(27, 91, 175, 0.45);
  color: #9bc9ff;
  font-size: 0.75rem;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.calendar-app .listing-card {
  background:
    linear-gradient(135deg, rgba(33, 150, 243, 0.045), transparent 44%),
    #121824;
}

.calendar-app .listing-card .listing-group-details {
  --score-center: #0c111c;
}

.listing-card-summary {
  min-height: 15rem;
}

/* The exchange index title uses the available width instead of stacking word-by-word. */
.exchange-index-hero .site-shell {
  display: grid;
  justify-items: center;
  text-align: center;
}

.exchange-index-hero h1 {
  width: min(100%, 17ch);
  max-width: 17ch;
  margin-inline: auto;
}

.exchange-index-hero .hero-copy {
  margin-inline: auto;
}

.exchange-index-hero .hero-actions {
  justify-content: center;
}

.exchange-grid {
  gap: 1rem;
}

.exchange-card {
  gap: 0.7rem;
  padding: 1.2rem;
}

.exchange-card-copy h2 {
  margin: 0;
  font-size: 1.15rem;
}

.exchange-card-head small,
.exchange-card p,
.exchange-card span {
  font-size: 0.86rem;
}

.exchange-hero-title {
  align-items: center;
  gap: 1.1rem;
}

.exchange-hero-title h1 {
  max-width: 24ch;
  margin-bottom: 0;
}

/* The archive description now spans the content width instead of becoming a narrow sidebar. */
.exchange-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}

.archive-about {
  display: grid;
  min-width: 0;
  gap: 0.45rem 1.5rem;
  padding: 1.25rem 1.4rem;
  border: 1px solid var(--sr-line);
  border-left: 4px solid rgba(82, 199, 255, 0.72);
  border-radius: 0.3rem 1rem 1rem 0.3rem;
  background: rgba(33, 150, 243, 0.055);
}

.archive-about h2,
.archive-about p {
  margin: 0;
}

.archive-about h2 {
  font-size: 1.15rem;
}

.archive-about p {
  color: var(--sr-text-soft);
}

.archive-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  padding: 1.15rem;
}

.archive-row > .button {
  justify-self: start;
}

.archive-row-identity,
.archive-row-meta,
.archive-row-score {
  min-width: 0;
}

.archive-row-identity {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

.archive-row-identity > div,
.archive-row-meta,
.archive-row-score {
  display: grid;
  gap: 0.2rem;
}

.archive-row-identity h2 {
  margin: 0.3rem 0 0;
}

.archive-row-meta > small,
.archive-row-score > small {
  color: var(--sr-muted);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.archive-row-meta time {
  color: var(--sr-text-soft);
  font-weight: 700;
  line-height: 1.35;
}

.archive-row-score {
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: start;
  gap: 0.6rem;
}

.archive-row-score > small {
  max-width: 5rem;
}

.archive-row h2 {
  font-size: 1.18rem;
}

.archive-row time,
.archive-score span {
  font-size: 0.86rem;
}

.company-credit {
  padding: 0;
  border: 0;
  color: var(--sr-muted);
  font-size: 0.84rem;
  line-height: 1.55;
}

.company-credit strong {
  color: var(--sr-text-soft);
}

.company-credit address {
  margin-top: 0.15rem;
  font-style: normal;
}

.footer-legal {
  display: grid;
  gap: 0.2rem;
}

.footer-legal p {
  margin: 0;
}

@media (min-width: 42rem) {
  .calendar-hero-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(15rem, 0.65fr);
    align-items: center;
  }

  .calendar-hero-grid .historical-notice {
    grid-column: 1 / -1;
  }

  .archive-row {
    grid-template-columns: minmax(14rem, 1.2fr) minmax(13rem, 1fr);
    align-items: center;
  }

  .archive-row > .button {
    justify-self: end;
  }

  .archive-about {
    grid-template-columns: minmax(10rem, 0.28fr) minmax(0, 1fr);
    align-items: start;
  }
}

@media (min-width: 68rem) {
  .archive-row {
    grid-template-columns: minmax(15rem, 1.25fr) minmax(14rem, 1fr) auto auto;
  }
}

@media (min-width: 48rem) {
  .footer-legal {
    text-align: right;
  }
}

@media (max-width: 31rem) {
  .card-main-facts,
  .card-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .card-score,
  .radar-score-block {
    justify-content: flex-start;
    text-align: left;
  }

  .radar-score-copy {
    order: 2;
  }

  .weekly-detection-stat {
    min-height: 9.5rem;
  }
}

/* Generator v12: score-qualified weekly proof, larger listing cards and wide details. */
.download-menu > a > span,
.download-menu > .download-soon > span {
  color: var(--sr-muted);
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.4;
}

.weekly-detection-ratio {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 0.65rem;
  font-variant-numeric: tabular-nums;
}

.weekly-detection-total {
  color: #9db0c9 !important;
  font-size: clamp(1.75rem, 4vw, 3rem) !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em;
  line-height: 1;
}

.calendar-app .listing-card {
  border-color: rgba(125, 155, 196, 0.28);
  border-radius: 1.15rem;
  background:
    linear-gradient(145deg, rgba(33, 150, 243, 0.055), transparent 48%),
    #121a28;
}

.listing-card-summary {
  min-height: 18.75rem;
  gap: 1.15rem;
  padding: clamp(1.25rem, 2.2vw, 1.65rem);
}

.card-head {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 1.15rem;
}

.exchange-logo-stack .exchange-logo-stack-item,
.exchange-logo-more {
  width: 4rem;
  height: 4rem;
  border-width: 2px;
}

.exchange-logo-stack .exchange-logo-stack-item {
  padding: 0.5rem;
}

.exchange-logo-stack .exchange-logo-stack-item + .exchange-logo-stack-item,
.exchange-logo-more {
  margin-left: -0.9rem;
}

.token-identity {
  gap: 0.24rem;
  text-align: center;
}

.token-identity small {
  font-size: 0.82rem;
  letter-spacing: 0.08em;
}

.listing-card-summary .group-pair {
  grid-area: auto;
  color: #fff;
  font-size: clamp(1.4rem, 2.2vw, 1.8rem);
  font-weight: 900;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.market-badge.card-status {
  min-height: 2.25rem;
  padding-inline: 0.9rem;
  font-size: 0.86rem;
}

.card-divider {
  background: rgba(148, 163, 184, 0.23);
}

.card-main-facts {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.5rem;
}

.card-time small,
.card-exchange-preview small,
.radar-score-block > small {
  font-size: 0.82rem;
  letter-spacing: 0.075em;
}

.card-time strong {
  font-size: clamp(1.12rem, 1.8vw, 1.4rem);
  line-height: 1.2;
}

.radar-score-block {
  gap: 0.9rem;
}

.radar-score-ring:not(.radar-score-ring-compact) {
  width: 5.65rem;
  height: 5.65rem;
}

.radar-score-ring:not(.radar-score-ring-compact)::before {
  inset: 0.48rem;
}

.radar-score-ring:not(.radar-score-ring-compact) strong {
  font-size: 1.42rem;
}

.radar-score-ring:not(.radar-score-ring-compact) small {
  font-size: 0.58rem;
}

.card-exchange-preview {
  gap: 0.35rem;
}

.card-exchange-preview strong {
  color: #f1f5fb;
  font-size: 1.06rem;
  line-height: 1.35;
}

.card-open {
  min-height: 3.35rem;
  font-size: 0.9rem;
}

.detail-layout.detail-layout-wide {
  display: block;
  width: min(calc(100% - 2rem), var(--sr-content));
  padding-bottom: clamp(2.25rem, 6vw, 4.5rem);
}

.detail-layout-wide .detail-main {
  width: 100%;
  gap: 1.25rem;
}

.detail-layout-wide .detail-card {
  padding: clamp(1.35rem, 3vw, 2.25rem);
}

.detail-layout-wide .detail-card h2 {
  margin-bottom: 1rem;
  font-size: clamp(1.65rem, 3vw, 2.15rem);
  line-height: 1.12;
}

.detail-layout-wide .detail-card > p:not(.eyebrow),
.detail-layout-wide .fact-card p {
  font-size: 1.04rem;
  line-height: 1.65;
}

.detail-fact-grid {
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  gap: 0.9rem;
}

.detail-fact-grid .fact-card {
  display: grid;
  min-height: 8rem;
  align-content: center;
  gap: 0.55rem;
  padding: 1.2rem;
}

.detail-fact-grid .fact-card > span:not(.risk-badge) {
  margin: 0;
  font-size: 0.85rem;
  letter-spacing: 0.075em;
}

.detail-fact-grid .fact-card > strong {
  color: #fff;
  font-size: 1.14rem;
  line-height: 1.4;
}

.detail-fact-grid .fact-card-time {
  grid-column: span 2;
}

.detail-fact-grid .fact-exchange {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.detail-fact-grid .radar-score-ring-compact {
  width: 4.35rem;
  height: 4.35rem;
}

.detail-fact-grid .fact-card > .radar-score-ring {
  display: inline-grid;
  margin: 0;
  color: #fff;
}

.detail-app-cta {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.25rem 2rem;
  overflow: visible;
}

.detail-app-cta > div {
  min-width: 0;
}

.detail-app-cta h2,
.detail-app-cta p {
  margin-inline: 0;
}

.detail-app-cta .cta-download-dropdown {
  justify-self: end;
}

.detail-app-cta .download-menu {
  right: 0;
  left: auto;
}

.event-detail-hero .hero-copy,
.event-detail-hero .hero-actions {
  max-width: 66rem;
}

@media (max-width: 47.99rem) {
  .listing-card-summary {
    min-height: 17rem;
  }

  .exchange-logo-stack .exchange-logo-stack-item,
  .exchange-logo-more {
    width: 3.35rem;
    height: 3.35rem;
  }

  .card-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .card-head .exchange-logo-stack {
    grid-column: 1 / -1;
  }

  .token-identity {
    text-align: left;
  }

  .listing-card-summary .group-pair {
    font-size: 1.32rem;
  }

  .radar-score-ring:not(.radar-score-ring-compact) {
    width: 4.8rem;
    height: 4.8rem;
  }

  .detail-app-cta {
    grid-template-columns: minmax(0, 1fr);
  }

  .detail-app-cta .cta-download-dropdown {
    justify-self: start;
  }

  .detail-app-cta .download-menu {
    right: auto;
    left: 0;
  }
}

@media (min-width: 42rem) and (max-width: 63.99rem) {
  .listing-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 31rem) {
  .card-main-facts {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .radar-score-block {
    justify-content: flex-end;
    text-align: right;
  }

  .radar-score-block > small {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .detail-fact-grid .fact-card-time {
    grid-column: auto;
  }
}

/* Generator v15: score filtering, score-first ordering and market identity. */
.high-radar-filter {
  position: relative;
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  padding: 0.4rem 0.78rem;
  border: 1px solid rgba(255, 176, 32, 0.36);
  border-radius: 0.62rem;
  background: rgba(255, 176, 32, 0.07);
  color: #d9e1ed;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 820;
  line-height: 1.2;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  user-select: none;
}

.high-radar-filter input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.high-radar-filter small {
  color: #ffcb69;
  font-size: 0.68rem;
  font-weight: 900;
}

.high-radar-filter:hover {
  border-color: rgba(255, 176, 32, 0.68);
  background: rgba(255, 176, 32, 0.12);
  color: #fff;
}

.high-radar-filter:focus-within {
  outline: 3px solid rgba(82, 199, 255, 0.72);
  outline-offset: 2px;
}

.high-radar-filter.is-active,
.high-radar-filter:has(input:checked) {
  border-color: rgba(255, 176, 32, 0.88);
  background: linear-gradient(135deg, rgba(255, 176, 32, 0.28), rgba(255, 93, 143, 0.18));
  box-shadow: 0 0 1rem rgba(255, 176, 32, 0.13);
  color: #fff;
}

.market-badge.market-badge--spot,
.market-badge.card-status.market-badge--spot {
  border-color: rgba(53, 208, 127, 0.72);
  background: rgba(25, 132, 82, 0.28);
  color: #7af0ae;
}

.market-badge.market-badge--futures,
.market-badge.card-status.market-badge--futures {
  border-color: rgba(166, 112, 255, 0.76);
  background: rgba(103, 62, 190, 0.3);
  color: #cfb4ff;
}

.calendar-app [data-market-filter="spot"][aria-pressed="true"],
.calendar-app [data-market-filter="spot"].is-active {
  background: #198452;
  color: #effff6;
}

.calendar-app [data-market-filter="futures"][aria-pressed="true"],
.calendar-app [data-market-filter="futures"].is-active {
  background: #673ebe;
  color: #fbf8ff;
}

@media print {
  :root {
    color-scheme: light;
  }

  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html,
  body {
    min-width: 0;
    background: #fff !important;
    color: #111827 !important;
    font-size: 10.5pt;
  }

  body::before,
  .sr-header,
  .site-header,
  .sr-filters,
  .listings-filters,
  [data-listing-filters],
  .filter-panel,
  .sr-sidebar,
  .listings-sidebar,
  .calendar-aside,
  .sr-hero__actions,
  .hero-actions,
  .sr-footer,
  .site-footer,
  .sr-exchange-row__actions,
  .exchange-row__actions,
  .sr-pagination,
  .pagination,
  .day-navigation,
  .sr-skip-link {
    display: none !important;
  }

  .sr-container,
  .listings-container {
    width: 100%;
  }

  .site-shell,
  .footer-inner {
    width: 100%;
  }

  .sr-layout,
  .listings-layout {
    display: block;
  }

  .calendar-layout,
  .detail-layout,
  .exchange-layout {
    display: block;
  }

  .sr-hero,
  .listings-hero,
  .event-hero,
  .exchange-hero {
    padding: 1rem 0;
  }

  a {
    color: #111827 !important;
    text-decoration: underline;
  }

  .sr-listing-card,
  .listing-card,
  .listing-group,
  [data-listing-card],
  .sr-content-section,
  .content-section,
  .event-section,
  .exchange-section,
  .detail-card,
  .archive-row,
  .exchange-card,
  .related-card,
  .fact-card,
  .sr-fact,
  .fact-grid > div,
  .event-fact {
    break-inside: avoid;
    border-color: #cbd5e1 !important;
    background: #fff !important;
    color: #111827 !important;
  }

  .sr-accordion-panel,
  .listing-group__panel,
  [data-accordion-panel],
  .listing-group-details {
    display: block !important;
    border-color: #cbd5e1 !important;
    background: #fff !important;
  }

  .sr-listing-toggle,
  .listing-group__toggle,
  [data-accordion-trigger],
  .listing-group-toggle {
    color: #111827 !important;
  }

  .sr-chevron,
  .listing-group__chevron {
    display: none;
  }

  .toggle-icon {
    display: none;
  }

  :where(.sr-exchange-name, .exchange-name, .sr-pair, .listing-pair, .sr-fact dd, .fact-grid dd, .event-fact dd) {
    color: #111827 !important;
  }

  :where(.group-pair, .group-summary strong, .archive-row h2, .archive-score strong, .detail-card h2, .fact-card strong) {
    color: #111827 !important;
  }

  :where(.sr-listing-toggle__meta, .listing-group__meta, .sr-exchange-time, .exchange-time, .sr-reading, .prose, .disclaimer) {
    color: #334155 !important;
  }

  @page {
    margin: 1.5cm;
  }
}

/* Search landing pages: useful public context without exposing Premium data. */
.seo-landing-hero {
  padding-bottom: clamp(2.5rem, 6vw, 4.5rem);
}

.seo-hero-grid {
  display: grid;
  gap: 1.4rem;
  align-items: stretch;
  margin-top: 1.25rem;
}

.seo-hero-grid > div,
.seo-hero-card,
.seo-content-card,
.seo-step-grid article,
.seo-feature-grid article {
  min-width: 0;
}

.seo-hero-grid > div {
  align-content: center;
  padding-block: clamp(0.75rem, 3vw, 2rem);
}

.seo-hero-card {
  padding: clamp(1.25rem, 4vw, 2rem);
  border: 1px solid rgba(82, 199, 255, 0.32);
  border-radius: var(--sr-radius-lg);
  background:
    radial-gradient(circle at 100% 0, rgba(255, 64, 129, 0.18), transparent 14rem),
    linear-gradient(145deg, rgba(16, 28, 56, 0.96), rgba(9, 15, 32, 0.96));
  box-shadow: var(--sr-shadow);
}

.seo-hero-card h2 {
  margin-bottom: 0.8rem;
  font-size: clamp(1.45rem, 4vw, 2rem);
  letter-spacing: -0.035em;
}

.seo-hero-card > p:not(.eyebrow) {
  color: var(--sr-text-soft);
}

.seo-check-list {
  display: grid;
  gap: 0.7rem;
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
}

.seo-check-list li {
  position: relative;
  padding-left: 1.65rem;
  color: var(--sr-text-soft);
  font-weight: 650;
}

.seo-check-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--sr-cyan-light);
  content: "✓";
  font-weight: 900;
}

.video-showcase {
  display: grid;
  gap: clamp(1.75rem, 6vw, 4rem);
  align-items: center;
  padding-block: clamp(2.5rem, 7vw, 5rem);
}

.video-showcase-copy {
  min-width: 0;
}

.video-showcase-copy h2 {
  max-width: 18ch;
  margin-bottom: 1rem;
  font-size: clamp(1.8rem, 5vw, 3rem);
  letter-spacing: -0.045em;
}

.video-showcase-copy > p:not(.eyebrow) {
  max-width: 42rem;
  color: var(--sr-text-soft);
}

.video-disclaimer {
  padding-left: 0.9rem;
  border-left: 3px solid rgba(255, 176, 32, 0.72);
  margin-top: 1.35rem;
  font-size: 0.82rem;
  line-height: 1.55;
}

.video-facade {
  position: relative;
  width: min(100%, 22.5rem);
  aspect-ratio: 9 / 16;
  justify-self: center;
  overflow: hidden;
  border: 1px solid rgba(82, 199, 255, 0.38);
  border-radius: clamp(1.35rem, 4vw, 2rem);
  background: #000;
  box-shadow:
    0 2rem 5rem rgba(0, 0, 0, 0.52),
    0 0 3rem rgba(33, 150, 243, 0.12);
}

.video-facade-button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: #000;
  color: #fff;
  cursor: pointer;
}

.video-facade-button img,
.video-embed {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.video-facade-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 48%, rgba(33, 150, 243, 0.08), transparent 35%),
    linear-gradient(to top, rgba(2, 7, 25, 0.9), transparent 42%);
  transition: background 180ms ease;
}

.video-youtube-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.75rem;
  height: auto;
  filter: drop-shadow(0 0 1.45rem rgba(255, 0, 51, 0.5));
  transform: translate(-50%, -50%);
  transition: transform 180ms ease;
}

.video-poster-label {
  position: absolute;
  right: 1.1rem;
  bottom: 1.1rem;
  left: 1.1rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(2, 7, 25, 0.78);
  backdrop-filter: blur(0.7rem);
  font-size: 0.83rem;
  font-weight: 850;
  letter-spacing: 0.02em;
  text-align: center;
}

.video-facade-button:hover .video-youtube-icon {
  transform: translate(-50%, -50%) scale(1.08);
}

.video-facade-button:hover .video-facade-overlay {
  background:
    radial-gradient(circle at 50% 48%, rgba(33, 150, 243, 0.16), transparent 38%),
    linear-gradient(to top, rgba(2, 7, 25, 0.88), transparent 44%);
}

.video-facade-button:focus-visible {
  outline: 3px solid var(--sr-cyan-light);
  outline-offset: -5px;
}

.video-facade noscript p {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  padding: 0.75rem;
  border-radius: 0.8rem;
  background: rgba(2, 7, 25, 0.92);
  text-align: center;
}

.seo-disclosure {
  display: grid;
  gap: 1rem 2rem;
  align-items: center;
  padding: clamp(1.25rem, 4vw, 2rem);
  border: 1px solid rgba(255, 176, 32, 0.3);
  border-left: 4px solid var(--sr-amber);
  border-radius: 0.35rem var(--sr-radius-lg) var(--sr-radius-lg) 0.35rem;
  background: rgba(255, 176, 32, 0.055);
}

.seo-disclosure h2,
.seo-disclosure p {
  margin: 0;
}

.seo-disclosure h2 {
  font-size: clamp(1.3rem, 4vw, 1.8rem);
}

.seo-disclosure > p {
  color: var(--sr-text-soft);
}

.seo-step-grid,
.seo-feature-grid,
.seo-split-section {
  display: grid;
  gap: 1rem;
}

.seo-step-grid article,
.seo-feature-grid article,
.seo-content-card {
  padding: clamp(1.1rem, 3vw, 1.5rem);
  border: 1px solid var(--sr-line);
  border-radius: var(--sr-radius-lg);
  background: rgba(7, 16, 39, 0.76);
}

.seo-step-grid article > span {
  display: inline-grid;
  min-width: 2.35rem;
  min-height: 2.35rem;
  place-items: center;
  border: 1px solid rgba(82, 199, 255, 0.42);
  border-radius: 999px;
  margin-bottom: 0.8rem;
  background: rgba(33, 150, 243, 0.1);
  color: var(--sr-cyan-light);
  font-weight: 900;
}

.seo-step-grid h3,
.seo-feature-grid h3,
.seo-content-card h2 {
  margin-bottom: 0.45rem;
}

.seo-step-grid p,
.seo-feature-grid p,
.seo-content-card p {
  margin-bottom: 0;
  color: var(--sr-text-soft);
}

.seo-content-card a,
.seo-hero-card .text-link {
  display: inline-block;
  margin-top: 1rem;
  font-weight: 800;
}

.seo-split-section {
  padding-block: clamp(2rem, 6vw, 4rem);
}

@media (min-width: 48rem) {
  .video-showcase {
    grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
  }

  .seo-hero-grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(18rem, 0.82fr);
    gap: clamp(1.5rem, 5vw, 4rem);
  }

  .seo-disclosure {
    grid-template-columns: minmax(16rem, 0.8fr) minmax(0, 1.2fr);
  }

  .seo-step-grid,
  .seo-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .seo-split-section {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Generator v17: API v2 maximum-score and signed alert-lead facts. */
.card-main-facts {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
}

.card-lead {
  display: grid;
  min-width: 0;
  align-content: center;
  gap: 0.18rem;
}

.card-lead small,
.exchange-event-lead small {
  color: #8d98aa;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.card-lead strong,
.exchange-event-lead strong {
  color: #f2f5f9;
  font-size: 0.94rem;
  font-weight: 820;
  font-variant-numeric: tabular-nums;
}

.exchange-event-lead {
  display: inline-grid;
  gap: 0.1rem;
}

@media (max-width: 31rem) {
  .card-main-facts {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .card-time,
  .card-lead {
    grid-column: 1;
  }

  .radar-score-block {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

/* Generator v21: equal collapsed cards and minute-rounded alert timing. */
.listing-card-summary {
  min-height: 0;
  grid-auto-rows: max-content;
}

.card-head {
  min-block-size: 4rem;
  max-block-size: 4rem;
  overflow: hidden;
}

.card-main-facts {
  min-block-size: 7.75rem;
  max-block-size: 7.75rem;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "time score"
    "lead score";
  grid-template-rows: repeat(2, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: 0.35rem;
  overflow: hidden;
}

.card-time {
  grid-area: time;
  overflow: hidden;
}

.card-lead {
  grid-area: lead;
  overflow: hidden;
}

.card-lead strong {
  display: -webkit-box;
  min-block-size: 2.4em;
  max-block-size: 2.4em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  line-height: 1.2;
}

.radar-score-block {
  grid-area: score;
  align-self: center;
}

.card-exchange-preview {
  min-block-size: 4.35rem;
  max-block-size: 4.35rem;
  overflow: hidden;
}

.card-exchange-preview strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.card-risk-slot {
  display: flex;
  min-block-size: 2.1rem;
  max-block-size: 2.1rem;
  align-items: center;
  overflow: hidden;
}

.card-risk--placeholder {
  visibility: hidden;
}

.card-open {
  min-block-size: 3.35rem;
  max-block-size: 3.35rem;
}

.alert-lead--timely strong {
  color: var(--sr-green);
}

.alert-lead--late strong {
  color: var(--sr-amber);
}

.alert-lead--unavailable strong {
  color: var(--sr-muted);
}

@media (max-width: 47.99rem) {
  .card-head {
    min-block-size: 8.15rem;
    max-block-size: 8.15rem;
  }
}

/* Generator v24: compact exchange rows with one aligned Radar Score column. */
.calendar-app .listing-card .exchange-event {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7rem;
  padding: 1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(255, 255, 255, 0.018);
}

.calendar-app .listing-card .exchange-event:first-of-type {
  border-top: 0;
}

.calendar-app .listing-card .exchange-event-main {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 7.75rem;
  grid-template-areas:
    "identity score"
    "lead score";
  align-items: center;
  gap: 0.65rem 0.9rem;
}

.exchange-event-identity {
  display: flex;
  min-width: 0;
  grid-area: identity;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.65rem;
}

.exchange-event-identity .exchange-event-exchange {
  min-width: 0;
}

.exchange-event-identity .exchange-name {
  overflow: hidden;
  color: #f3f6fb;
  font-size: 0.9rem;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exchange-event-time {
  min-width: 0;
  color: var(--sr-text-soft);
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
}

.exchange-event-identity .market-badge {
  flex: 0 0 auto;
}

.calendar-app .listing-card .exchange-event-lead {
  display: grid;
  min-width: 0;
  grid-area: lead;
  align-content: center;
  gap: 0.22rem;
}

.exchange-event-lead small,
.exchange-event-score-column > small {
  color: #8d98aa;
  font-size: 0.67rem;
  font-weight: 800;
  letter-spacing: 0.075em;
  line-height: 1.2;
  text-transform: uppercase;
}

.exchange-event-lead strong {
  overflow: hidden;
  font-size: 0.82rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exchange-event-score-column {
  display: grid;
  min-width: 0;
  grid-area: score;
  justify-items: center;
  align-content: center;
  gap: 0.35rem;
  text-align: center;
}

.exchange-event-score-column .radar-score-ring-compact {
  margin-inline: auto;
}

.exchange-event-risk-slot {
  display: flex;
  min-width: 0;
  min-height: 1.65rem;
  align-items: center;
  justify-content: center;
}

.exchange-event-risk-slot .risk-badge {
  max-width: 100%;
  padding: 0.22rem 0.38rem;
  font-size: 0.58rem;
  line-height: 1.1;
  text-align: center;
  white-space: nowrap;
}

.exchange-event-risk--placeholder {
  visibility: hidden;
}

.calendar-app .listing-card .event-actions {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.calendar-app .listing-card .event-actions--1 {
  grid-template-columns: minmax(0, 1fr);
}

.calendar-app .listing-card .event-actions .button {
  display: inline-flex;
  min-width: 0;
  min-height: 2.45rem;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.7rem;
  font-size: 0.72rem;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 31.99rem) {
  .calendar-app .listing-card .exchange-event {
    padding: 0.85rem;
  }

  .calendar-app .listing-card .exchange-event-main {
    grid-template-columns: minmax(0, 1fr) 6.6rem;
    column-gap: 0.65rem;
  }

  .exchange-event-identity {
    gap: 0.38rem 0.5rem;
  }

  .exchange-event-time {
    flex-basis: 100%;
    font-size: 0.74rem;
  }

  .calendar-app .listing-card .event-actions,
  .calendar-app .listing-card .event-actions--1 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Generator v31: institutional listing table on desktop, compact records on mobile. */
.calendar-app {
  overflow: hidden;
  border: 1px solid #27313e;
  border-radius: 1.05rem;
  background: #070b12;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.calendar-app #listing-filters,
.calendar-topbar,
.date-navigation,
.compact-filter-row,
.listing-stage {
  background: #070b12;
}

.calendar-topbar,
.date-navigation,
.compact-filter-row,
.results-toolbar {
  border-color: #242d39;
}

.calendar-topbar {
  padding: 1.15rem 1.35rem;
}

.calendar-title-row h2 {
  letter-spacing: -0.035em;
}

.calendar-app #listing-search,
.compact-filter-row #exchange-filter,
.calendar-app .market-filter,
.high-radar-filter,
.calendar-app #filter-reset,
.date-arrow,
.other-dates {
  border-color: #303a48;
  background: #0d131d;
  box-shadow: none;
}

.calendar-app #listing-search:focus,
.compact-filter-row #exchange-filter:focus,
.calendar-app #date-filter:focus {
  border-color: rgba(34, 211, 238, 0.72);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.12);
}

.date-navigation {
  padding-block: 0.9rem;
}

.date-tab {
  min-height: 3.9rem;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  background: transparent;
}

.date-tab:hover {
  border-color: #303a48;
  background: #0d131d;
}

.date-tab.is-active {
  border-color: rgba(34, 211, 238, 0.75);
  background: rgba(34, 211, 238, 0.055);
  box-shadow: none;
}

.date-tab.is-active strong,
.date-tab.is-active span {
  color: var(--sr-cyan-light);
}

.compact-filter-row {
  padding: 0.85rem 1.35rem;
}

.calendar-app [data-market-filter][aria-pressed="true"],
.calendar-app [data-market-filter].is-active {
  background: transparent;
  color: var(--sr-cyan-light);
  box-shadow: inset 0 0 0 1px var(--sr-cyan-light);
}

.high-radar-filter:has(input:checked) {
  border-color: rgba(255, 176, 32, 0.58);
  background: rgba(255, 176, 32, 0.06);
}

.listing-stage {
  padding: 0;
}

.results-toolbar {
  padding: 0.85rem 1.35rem;
  border-bottom: 1px solid #242d39;
}

.listing-table-head {
  display: none;
}

.calendar-app .listing-card-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
}

.calendar-app .date-section {
  padding: 0.85rem;
}

.calendar-app .listing-card {
  overflow: hidden;
  border: 1px solid #2b3543;
  border-radius: 0.9rem;
  background: #0b111a;
  box-shadow: none;
  transform: none;
}

.calendar-app .listing-card:hover {
  border-color: #3b4a5d;
  background: #0e1621;
  box-shadow: none;
  transform: none;
}

.calendar-app .listing-card[open] > .calendar-app .listing-card-summary {
  border-bottom-color: #2b3543;
  background: #0e1621;
}

.calendar-app .listing-card-summary {
  display: grid;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "asset score"
    "market score"
    "time lead"
    "exchanges exchanges"
    "risk open";
  align-items: center;
  gap: 0.8rem 1rem;
  padding: 1rem;
  border-bottom: 1px solid transparent;
}

.calendar-app .listing-card-summary .card-head,
.calendar-app .listing-card-summary .card-main-facts {
  display: contents;
}

.calendar-app .card-asset {
  display: flex;
  min-width: 0;
  grid-area: asset;
  align-items: center;
  gap: 0.7rem;
}

.calendar-app .card-asset .exchange-logo-stack {
  flex: 0 0 auto;
}

.calendar-app .card-asset .exchange-logo-stack .exchange-logo-stack-item,
.calendar-app .card-asset .exchange-logo-more {
  width: 2.15rem;
  height: 2.15rem;
  padding: 0.3rem;
  border-width: 1px;
}

.calendar-app .card-asset .exchange-logo-stack .exchange-logo-stack-item + .exchange-logo-stack-item,
.calendar-app .card-asset .exchange-logo-more {
  margin-left: -0.55rem;
}

.calendar-app .card-asset .exchange-logo-more {
  background: #1b2533;
  font-size: 0.6rem;
}

.calendar-app .listing-card-summary .token-identity small {
  color: #7e8999;
  font-size: 0.62rem;
  letter-spacing: 0.065em;
}

.calendar-app .listing-card-summary .group-pair {
  color: #f5f7fa;
  font-size: 1rem;
  font-weight: 850;
  letter-spacing: -0.025em;
}

.calendar-app .listing-card-summary .card-status {
  grid-area: market;
  justify-self: start;
}

.calendar-app .listing-card-summary .card-time {
  grid-area: time;
}

.calendar-app .listing-card-summary .card-lead {
  grid-area: lead;
}

.calendar-app .listing-card-summary .card-exchange-preview {
  display: grid;
  min-block-size: 0;
  max-block-size: none;
  grid-area: exchanges;
  gap: 0.2rem;
  padding-top: 0.75rem;
  border-top: 1px solid #252f3c;
}

.calendar-app .listing-card-summary .card-exchange-preview strong {
  display: block;
  overflow: hidden;
  color: #aeb7c4;
  font-size: 0.78rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendar-app .listing-card-summary .radar-score-block {
  display: flex;
  min-width: 4.4rem;
  grid-area: score;
  justify-content: flex-end;
}

.calendar-app .listing-card-summary .radar-score-block > small {
  display: none;
}

.calendar-app .listing-card-summary .radar-score-ring {
  width: 3.35rem;
  height: 3.35rem;
  box-shadow: none;
}

.calendar-app .listing-card-summary .radar-score-ring::before {
  background: #0b111a;
}

.calendar-app .listing-card-summary .card-risk-slot {
  display: flex;
  min-block-size: 2rem;
  max-block-size: none;
  grid-area: risk;
  align-items: center;
}

.calendar-app .listing-card-summary .card-risk {
  min-height: 1.85rem;
  padding: 0.32rem 0.6rem;
  border-color: rgba(255, 176, 32, 0.48);
  background: rgba(255, 176, 32, 0.04);
  color: #ffbd4a;
  font-size: 0.65rem;
}

.calendar-app .listing-card-summary .card-open {
  display: inline-flex;
  min-block-size: 2.25rem;
  max-block-size: none;
  grid-area: open;
  justify-self: end;
  align-self: center;
  margin: 0;
  padding: 0.35rem 0.55rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--sr-cyan-light);
  font-size: 0.68rem;
}

.calendar-app .listing-card-summary .card-open:hover {
  background: rgba(34, 211, 238, 0.07);
}

.calendar-app .listing-card .listing-group-details {
  border-top: 0;
  background: #080d15;
}

.calendar-app .listing-card .group-caveat {
  padding: 0.75rem 1rem;
  border-bottom: 1px solid #222b37;
  margin: 0;
  background: rgba(34, 211, 238, 0.025);
}

@media (max-width: 47.99rem) {
  .calendar-page-shell {
    width: 100%;
    padding-inline: 0.75rem;
  }

  .calendar-app {
    border-radius: 0.9rem;
  }

  .calendar-topbar {
    gap: 0.9rem;
    padding: 1rem;
  }

  .calendar-title-row {
    align-items: center;
  }

  .calendar-title-row p {
    font-size: 0;
  }

  .calendar-title-row p > span[aria-hidden="true"] {
    margin: 0;
    font-size: 0.75rem;
  }

  .calendar-search {
    min-height: 3.15rem;
  }

  .calendar-app #listing-search {
    min-height: 3.15rem;
    font-size: 0.92rem;
  }

  .date-navigation {
    display: grid;
    grid-template-columns: 2.55rem minmax(0, 1fr) 2.55rem auto;
    gap: 0.45rem;
    padding: 0.75rem;
  }

  .date-strip {
    display: flex;
    min-width: 0;
    gap: 0.35rem;
    overflow-x: auto;
    padding: 0 0 0.35rem;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
  }

  .date-tab {
    min-width: 4.9rem;
    flex: 0 0 4.9rem;
    scroll-snap-align: center;
  }

  .other-dates {
    min-width: 3rem;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .other-dates > span {
    display: none;
  }

  .calendar-app .other-dates #date-filter {
    width: 3rem;
    min-height: 2.55rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid #303a48;
    border-radius: 0.65rem;
    background: #0d131d;
    color: transparent;
  }

  .compact-filter-row {
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    padding: 0.8rem;
  }

  .compact-filter-row label {
    flex: 0 0 auto;
  }

  .compact-filter-row label:first-child {
    width: 9.7rem;
  }

  .compact-filter-row label:first-child > span {
    display: none;
  }

  .compact-filter-row #exchange-filter {
    width: 100%;
    min-height: 2.75rem;
  }

  .calendar-app .market-filter {
    min-height: 2.75rem;
    flex: 1 1 11.5rem;
  }

  .high-radar-filter {
    min-height: 2.75rem;
    flex: 0 0 auto;
  }

  .high-radar-filter span {
    white-space: nowrap;
  }

  .high-radar-filter span {
    font-size: 0;
  }

  .high-radar-filter span::after {
    content: "Score >60";
    font-size: 0.72rem;
  }

  .calendar-app #filter-reset {
    min-height: 2.75rem;
    padding-inline: 0.75rem;
  }

  .compact-filter-row #results-count {
    flex-basis: 100%;
    padding-top: 0.2rem;
    font-size: 0.72rem;
  }

  .results-toolbar {
    padding: 0.7rem 0.9rem;
    font-size: 0.68rem;
  }

  .results-toolbar p:first-child {
    display: none;
  }

  .calendar-app .date-section {
    padding: 0.7rem;
  }

  .calendar-app .listing-card-grid {
    gap: 0.7rem;
  }

  .calendar-app .listing-card-summary {
    padding: 0.9rem;
  }

  .calendar-app .listing-card-summary .card-open-label {
    display: inline;
  }
}

@media (max-width: 31.99rem) {
  .calendar-app .listing-card-summary {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem 0.8rem;
  }

  .calendar-app .card-asset .exchange-logo-stack .exchange-logo-stack-item:nth-child(n + 3) {
    display: none;
  }

  .calendar-app .card-asset .exchange-logo-more {
    display: none;
  }

  .calendar-app .listing-card-summary .card-time strong,
  .calendar-app .listing-card-summary .card-lead strong {
    font-size: 0.78rem;
  }

  .calendar-app .listing-card-summary .card-open-label {
    display: none;
  }
}

@media (min-width: 80rem) {
  .results-toolbar {
    padding-inline: 1.5rem;
  }

  .listing-table-head,
  .calendar-app .listing-card-summary {
    grid-template-columns:
      minmax(15rem, 1.45fr)
      6rem
      minmax(8.5rem, 0.85fr)
      minmax(8.5rem, 0.9fr)
      minmax(13rem, 1.3fr)
      7rem
      minmax(7.5rem, 0.75fr)
      3.25rem;
    column-gap: 0.85rem;
  }

  .listing-table-head {
    display: grid;
    align-items: center;
    padding: 0.82rem 1.5rem;
    border-bottom: 1px solid #2a3441;
    background: #0c121b;
    color: #8793a5;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    text-transform: uppercase;
  }

  .calendar-app .date-section {
    padding: 0;
  }

  .calendar-app .listing-card-grid {
    gap: 0;
  }

  .calendar-app .listing-card {
    border: 0;
    border-bottom: 1px solid #232d39;
    border-radius: 0;
    background: #080d15;
  }

  .calendar-app .listing-card:last-child {
    border-bottom: 0;
  }

  .calendar-app .listing-card:hover {
    border-color: #303d4c;
    background: #0d151f;
  }

  .calendar-app .listing-card-summary {
    min-height: 5.75rem;
    grid-template-areas: none;
    padding: 0.9rem 1.5rem;
  }

  .calendar-app .listing-card-summary .card-head,
  .calendar-app .listing-card-summary .card-main-facts {
    display: contents;
  }

  .calendar-app .card-asset {
    grid-column: 1;
    grid-row: 1;
  }

  .calendar-app .listing-card-summary .card-status {
    grid-column: 2;
    grid-row: 1;
    justify-self: start;
  }

  .calendar-app .listing-card-summary .card-time {
    grid-column: 3;
    grid-row: 1;
  }

  .calendar-app .listing-card-summary .card-lead {
    grid-column: 4;
    grid-row: 1;
  }

  .calendar-app .listing-card-summary .card-exchange-preview {
    min-width: 0;
    grid-column: 5;
    grid-row: 1;
    padding: 0;
    border: 0;
  }

  .calendar-app .listing-card-summary .card-exchange-preview small {
    text-transform: none;
  }

  .calendar-app .listing-card-summary .radar-score-block {
    grid-column: 6;
    grid-row: 1;
    justify-content: flex-start;
  }

  .calendar-app .listing-card-summary .card-risk-slot {
    grid-column: 7;
    grid-row: 1;
  }

  .calendar-app .listing-card-summary .card-open {
    width: 2.35rem;
    height: 2.35rem;
    min-block-size: 2.35rem;
    grid-column: 8;
    grid-row: 1;
    justify-content: center;
    justify-self: end;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0.65rem;
  }

  .calendar-app .listing-card-summary .card-open:hover {
    border-color: #334052;
  }

  .calendar-app .listing-card-summary .card-open-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
  }

  .calendar-app .listing-card-summary .card-time small,
  .calendar-app .listing-card-summary .card-lead small,
  .calendar-app .listing-card-summary .card-exchange-preview small {
    display: none;
  }

  .calendar-app .listing-card-summary .card-time strong,
  .calendar-app .listing-card-summary .card-lead strong,
  .calendar-app .listing-card-summary .card-exchange-preview strong {
    color: #dfe5ed;
    font-size: 0.78rem;
    font-weight: 680;
  }

  .calendar-app .listing-card-summary .radar-score-ring {
    width: 3.05rem;
    height: 3.05rem;
  }

  .calendar-app .listing-card .listing-group-details {
    border-top: 1px solid #2a3441;
  }
}

/* Regression hooks kept last; the responsive v31 selectors are more specific. */
.card-head {
  min-block-size: 8.15rem;
  max-block-size: 8.15rem;
}

.card-main-facts {
  min-block-size: 7rem;
  max-block-size: 7rem;
  grid-template-areas:
    "time score"
    "lead score";
}

.card-time { grid-area: time; }
.card-lead { grid-area: lead; }
.radar-score-block { grid-area: score; }
.card-lead strong { min-block-size: 1.35rem; max-block-size: 1.35rem; }
.card-exchange-preview { min-block-size: 4.35rem; max-block-size: 4.35rem; }
.card-risk-slot { min-block-size: 2.1rem; max-block-size: 2.1rem; }
.card-open { min-block-size: 3.35rem; max-block-size: 3.35rem; }

/* Calendar refinement v32: aligned assets and compact detail actions. */
@media (min-width: 80rem) {
  .calendar-app .listing-card-summary .card-asset {
    display: grid;
    width: 100%;
    grid-template-columns: 10.25rem minmax(0, 1fr);
    align-items: center;
    gap: 0.75rem;
  }

  .calendar-app .listing-card-summary .card-asset .exchange-logo-stack {
    width: 10.25rem;
    justify-content: center;
    padding: 0;
  }

  .calendar-app .listing-card-summary .card-asset .token-identity {
    width: 100%;
    min-width: 0;
    justify-self: end;
    text-align: right;
  }

  .calendar-app .listing-card-summary .card-asset .token-identity small,
  .calendar-app .listing-card-summary .card-asset .group-pair {
    width: 100%;
    text-align: right;
  }
}

.calendar-app .listing-card .exchange-event .event-actions {
  display: flex;
  grid-column: 1 / -1;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  padding: 0.1rem 0 0.25rem;
}

.calendar-app .listing-card .exchange-event .event-actions .button {
  width: 11.75rem;
  min-width: 0;
  min-height: 2.15rem;
  max-height: 2.15rem;
  flex: 0 0 11.75rem;
  padding: 0.35rem 0.8rem;
  border: 1px solid #465166;
  border-radius: 0;
  background: #111827;
  color: #dce3ee;
  box-shadow: none;
  clip-path: polygon(
    0.5rem 0,
    100% 0,
    100% calc(100% - 0.5rem),
    calc(100% - 0.5rem) 100%,
    0 100%,
    0 0.5rem
  );
  font-size: 0.68rem;
  font-weight: 760;
  letter-spacing: 0.01em;
}

.calendar-app .listing-card .exchange-event .event-actions .button:hover,
.calendar-app .listing-card .exchange-event .event-actions .button:focus-visible {
  border-color: #66748a;
  background: #182231;
  color: #ffffff;
  box-shadow: none;
}

@media (max-width: 47.99rem) {
  .calendar-app .listing-card .exchange-event .event-actions {
    flex-direction: column;
  }

  .calendar-app .listing-card .exchange-event .event-actions .button {
    width: min(100%, 15rem);
    flex: 0 0 2.15rem;
  }
}

/* Calendar refinement v33: more room for pairs, compact two-line alert lead. */
@media (min-width: 80rem) {
  .listing-table-head,
  .calendar-app .listing-card-summary {
    grid-template-columns:
      minmax(20rem, 1.8fr)
      6rem
      minmax(8.5rem, 0.85fr)
      minmax(6.75rem, 0.58fr)
      minmax(12rem, 1.2fr)
      7rem
      minmax(7.5rem, 0.75fr)
      3.25rem;
  }

  .calendar-app .listing-card-summary .card-asset {
    grid-template-columns: 10.25rem minmax(8.5rem, 1fr);
  }

  .calendar-app .listing-card-summary .card-asset .token-identity small,
  .calendar-app .listing-card-summary .card-asset .group-pair {
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }

  .calendar-app .listing-card-summary > .card-main-facts .card-lead {
    width: 6.75rem;
    min-width: 0;
    grid-area: lead;
    grid-column: 4;
    grid-row: 1;
  }

  .calendar-app .listing-card-summary > .card-main-facts .card-lead > strong {
    display: block;
    width: 6.75rem;
    min-block-size: 0;
    max-block-size: none;
    overflow: visible;
    white-space: normal;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    line-height: 1.25;
  }
}

/* Keep the result disclosure styling last so generic button rules cannot win. */
.calendar-app .listing-results-reveal {
  display: flex;
  justify-content: center;
  padding: 1.1rem 1rem 1.35rem;
  border-top: 1px solid #26313e;
  background: #080d15;
}

.calendar-app .listing-results-reveal[hidden] {
  display: none;
}

.calendar-app .listing-results-reveal-button {
  min-width: 13.5rem;
  min-height: 2.65rem;
  padding: 0.55rem 1.25rem;
  border: 1px solid #465166;
  border-radius: 0.65rem;
  background: #111827;
  color: #e5eaf1;
  box-shadow: none;
  font-size: 0.76rem;
  font-weight: 760;
}

.calendar-app .listing-results-reveal-button:hover,
.calendar-app .listing-results-reveal-button:focus-visible {
  border-color: #64748b;
  background: #182231;
  color: #ffffff;
  box-shadow: none;
}

@media (max-width: 47.99rem) {
  .calendar-app .listing-results-reveal {
    padding: 0.9rem 0.7rem 1.1rem;
  }

  .calendar-app .listing-results-reveal-button {
    width: min(100%, 18rem);
  }
}