/* Shared design for verified, complete CSV dataset pages and their collection. */
body.dataset-page--csv {
  --bg: #f4f8fd;
  --surface: #ffffff;
  --surface-warm: #eaf3fc;
  --fg: #0c1a2b;
  --fg-2: #33455c;
  --muted: #5e7087;
  --border: #d4e0ed;
  --border-soft: #e4edf6;
  --accent: #0039a6;
  --accent-on: #ffffff;
  --accent-hover: #002e85;
  --success: #18794e;
  --font-display: "Sora", "Segoe UI", sans-serif;
  --font-body: "DM Sans", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, monospace;
  --text-2xl: 44px;
  --text-3xl: 68px;
  --tracking-display: -.045em;
  --radius-lg: 24px;
  --container-max: 1160px;
  background: var(--bg);
  color: var(--fg);
  -webkit-font-smoothing: antialiased;
}

.dataset-page--csv .dataset-skip { position: fixed; top: 12px; left: 12px; z-index: 50; padding: 10px 16px; border-radius: 8px; background: #ff5e14; color: #020617; font-weight: 700; transform: translateY(-180%); }
.dataset-page--csv .dataset-skip:focus { transform: translateY(0); }
.dataset-page--csv .site-header { border-bottom: 1px solid rgb(167 235 255 / 20%); background: #020617; }
.dataset-page--csv .site-header .trade-container { width: min(100% - 48px, var(--container-max)); height: 78px; }
.dataset-page--csv .site-nav a { color: #c5d5e6; }
.dataset-page--csv .header-action { border: 1px solid #00b5f1; border-radius: 999px; background: rgb(0 181 241 / 13%); color: #a7ebff; box-shadow: none; }
.dataset-page--csv .trade-mobile-menu nav { background: #071a35; }
.dataset-page--csv .trade-mobile-menu nav a { color: #e5f2ff; }

.dataset-page--csv .dataset-hero { padding: 98px 0 92px; background: radial-gradient(circle at 82% 14%, rgb(0 57 166 / 30%), transparent 35%), linear-gradient(145deg, #020617 10%, #071a35 100%); }
.dataset-page--csv .dataset-hero-grid { grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); align-items: center; gap: clamp(28px, 5vw, 72px); }
.dataset-page--csv .dataset-kicker { color: #a7ebff; }
.dataset-page--csv .dataset-kicker strong { color: #ff986d; }
.dataset-page--csv h1 { color: #ffffff; font-size: clamp(36px, 5vw, 66px); font-weight: 700; line-height: 1.09; text-wrap: balance; }
.dataset-page--csv .dataset-lede { color: #c5d5e6; font-size: clamp(17px, 1.7vw, 20px); }
.dataset-page--csv .dataset-actions { margin-top: 36px; gap: 16px; }
.dataset-page--csv .dataset-hero .dataset-button:not(.dataset-button-primary) { border-color: rgb(167 235 255 / 35%); background: transparent; color: #ffffff; }
.dataset-page--csv .dataset-button { min-height: 50px; padding: 0 22px; font-weight: 700; }
.dataset-page--csv .dataset-button-primary { border-color: #ff5e14; background: #ff5e14; color: #020617; box-shadow: 0 12px 28px rgb(255 94 20 / 20%); }
.dataset-page--csv .dataset-button-primary:hover { border-color: #ff8951; background: #ff8951; color: #020617; }
.dataset-page--csv .dataset-hero .dataset-tag { color: #b4cadf; }
.dataset-page--csv .dataset-hero .dataset-tag::before { background: #00b5f1; }
.dataset-page--csv .dataset-pulse { border: 1px solid rgb(167 235 255 / 25%); border-radius: var(--radius-lg); background: #071a35; }
.dataset-page--csv .dataset-pulse-top { color: #a7ebff; }
.dataset-page--csv .dataset-pulse-top strong { color: #ffffff; }
.dataset-page--csv .dataset-stat-grid { background: rgb(167 235 255 / 14%); }
.dataset-page--csv .dataset-stat { background: #0d2749; }
.dataset-page--csv .dataset-stat-label { color: #a7ebff; }
.dataset-page--csv .dataset-stat-value { color: #ffffff; font-family: var(--font-display); font-size: clamp(19px, 2vw, 27px); }
.dataset-page--csv .dataset-pulse-note { color: #c5d5e6; }

.dataset-page--csv .dataset-section-dark { background: #eaf3fc; }
.dataset-page--csv .dataset-section-kicker { color: #0039a6; letter-spacing: .12em; }
.dataset-page--csv .dataset-section-title { font-weight: 600; font-size: clamp(28px, 3.3vw, 46px); line-height: 1.12; text-wrap: balance; }
.dataset-page--csv .dataset-copy { color: #33455c; }
.dataset-page--csv .dataset-guide-list { border-radius: var(--radius-lg); box-shadow: 0 15px 36px rgb(2 6 23 / 4%); }
.dataset-page--csv .dataset-guide-list p:last-child { color: #33455c; }
.dataset-page--csv .dataset-table-card { margin-top: 30px; border: 1px solid var(--border); border-radius: 16px; background: #ffffff; box-shadow: 0 15px 36px rgb(2 6 23 / 5%); }
.dataset-page--csv .dataset-table-top { color: #5e7087; }
.dataset-page--csv .dataset-table-top strong { color: #0039a6; }
.dataset-page--csv .dataset-table { min-width: 620px; }
.dataset-page--csv .dataset-table th { background: #eaf3fc; color: #0039a6; }
.dataset-page--csv .dataset-table td { color: #33455c; }
.dataset-page--csv .dataset-table-scroll { overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.dataset-page--csv .dataset-preview-note { margin: 16px 0 0; color: #5e7087; font-size: 14px; }
.dataset-page--csv .dataset-workspace { background: #ffffff; }
.dataset-page--csv .dataset-workspace-actions { display: grid; gap: 14px; width: min(100%, 360px); justify-self: end; }
.dataset-page--csv .dataset-workspace-actions .dataset-button:not(.dataset-button-primary) { background: #f4f8fd; color: #0039a6; }
.dataset-page--csv #downloads { border: 0; background: radial-gradient(circle at 96% 6%, rgb(0 57 166 / 28%), transparent 34%), #020617; color: #ffffff; }
.dataset-page--csv #downloads .dataset-section-kicker { color: #a7ebff; }
.dataset-page--csv #downloads .dataset-section-title { color: #ffffff; }
.dataset-page--csv #downloads .dataset-copy { color: #c5d5e6; }
.dataset-page--csv .dataset-download-card { min-height: 0; padding: 28px; border-color: #ff5e14; background: linear-gradient(120deg, #ff5e14, #ff8854); box-shadow: 0 15px 35px rgb(255 94 20 / 18%); }
.dataset-page--csv .dataset-download-card:hover { background: #ff8951; box-shadow: none; }
.dataset-page--csv .dataset-download-card :is(span, p, h3, em) { color: #020617; }
.dataset-page--csv .dataset-download-card h3 { font-family: var(--font-display); font-size: 24px; font-weight: 600; }
.dataset-page--csv .dataset-source-section { background: #eaf3fc; }
.dataset-page--csv .dataset-source-section a { color: #0039a6; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.dataset-page--csv .site-footer { margin: 0; border-color: rgb(167 235 255 / 20%); background: #020617; }
.dataset-page--csv .site-footer p { color: #b0c6db; }
.dataset-page--csv .site-footer h2 { color: #a7ebff; }
.dataset-page--csv .site-footer nav a { color: #c5d5e6; }
.dataset-page--csv .site-footer .footer-action { border-color: #ff5e14; border-radius: 999px; background: #ff5e14; color: #020617; }
.dataset-page--csv .site-footer .footer-action:hover { background: #ff8951; color: #020617; }
.dataset-page--csv :where(a, button, summary):focus-visible { outline: 2px solid #00b5f1; outline-offset: 3px; }

@media (max-width: 880px) {
  .dataset-page--csv .dataset-hero-grid { grid-template-columns: 1fr; }
  .dataset-page--csv .dataset-workspace-actions { justify-self: start; }
  .dataset-page--csv .dataset-hero { padding: 76px 0; }
}
@media (max-width: 620px) {
  .dataset-page--csv .site-header .trade-container { width: min(100% - 32px, var(--container-max)); height: 64px; }
  .dataset-page--csv .dataset-hero { padding: 62px 0; }
  .dataset-page--csv .dataset-actions { flex-direction: column; align-items: stretch; }
  .dataset-page--csv .dataset-actions .dataset-button { width: 100%; }
  .dataset-page--csv .dataset-section-title { font-size: clamp(28px, 8vw, 38px); }
}