@media (max-width: 760px) {
  .home-overview .overview-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-overview .overview-panel,
  .home-overview .statistics-grid,
  .home-overview .evidence-table,
  .home-overview .publication-scope-note {
    min-width: 0 !important;
    width: 100% !important;
  }

  .home-overview .evidence-row {
    grid-template-columns: 34px minmax(86px, .68fr) minmax(0, 1fr) !important;
  }

  .home-overview .publication-scope-note > span,
  .home-overview .evidence-row > span:last-child {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .species-directory {
    overflow-x: visible !important;
  }

  .directory-head {
    display: none !important;
  }

  .species-directory-row {
    min-width: 0 !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px !important;
  }

  .species-directory-row .taxon-cell,
  .species-directory-row .omics-cell,
  .species-directory-row .number-cell,
  .species-directory-row .entry-cell {
    min-width: 0;
  }

  .species-directory-row .entry-cell {
    justify-content: flex-start !important;
  }

  .visual-dashboard-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .visual-dashboard-grid > [class*="visual-span"],
  .visual-dashboard-grid > .card-blur {
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    width: auto !important;
  }

  .visual-dashboard-grid .reference-preview-grid,
  .visual-dashboard-grid .visual-summary-strip {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .visual-dashboard-grid .reference-card,
  .visual-dashboard-grid .chip-row,
  .visual-dashboard-grid pre,
  .visual-dashboard-grid code {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .visual-dashboard-grid pre {
    white-space: pre-wrap;
  }

  .reference-timeline-chart,
  .theme-distribution-chart {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
  }

  .site-footer {
    overflow: hidden;
  }
}

.section { padding: 64px 0; }
.container { position: relative; width: min(1220px, calc(100% - 48px)); margin-inline: auto; }
.container.narrow, .narrow { width: min(880px, calc(100% - 48px)); }
img { max-width: 100%; height: auto; }
.research-destinations .destination-grid {
  width: min(1140px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.statistics-grid .statistic, .evidence-table .evidence-row { color: inherit; text-decoration: none; }
.statistics-grid .statistic:hover, .statistics-grid .statistic:focus-visible,
.evidence-table .evidence-row:hover, .evidence-table .evidence-row:focus-visible { background: color-mix(in srgb, var(--lavender-75) 70%, var(--surface)); }
.section-toned { background: linear-gradient(180deg, color-mix(in srgb, var(--lavender-75) 58%, transparent), color-mix(in srgb, var(--surface) 86%, transparent)); border-block: 1px solid var(--line); }
.page-hero, .hero-section { padding: 54px 0 34px; }
.page-tool-workbench .page-hero { padding: 42px 0 32px; border-bottom: 1px solid var(--line); }
.page-tool-workbench .page-hero .container { width: min(1312px, calc(100% - 48px)); }
.page-tool-workbench .split-panel--main-aside,
.page-tool-workbench .split-panel--visual { width: min(1312px, calc(100% - 48px)); margin-inline: auto; }
.page-tool-workbench .card-blur { min-width: 0; padding: 28px !important; }
.page-tool-workbench .tool-form,
.page-tool-workbench .form-field { display: grid !important; min-width: 0; grid-template-columns: minmax(0, 1fr) !important; }
.page-tool-workbench .form-field label { display: block; min-width: 0; }
.page-tool-workbench .form-field textarea,
.page-tool-workbench .form-field input,
.page-tool-workbench .form-field select { width: 100%; max-width: 100%; box-sizing: border-box; }
.page-tool-workbench .tool-form textarea { min-height: 260px; resize: vertical; }
.page-tool-workbench .notes-panel { align-self: start; }
.page-tool-workbench .notes-panel .reference-preview-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
.page-tool-workbench .notes-panel .reference-card { min-width: 0; padding: 15px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; box-shadow: none; }
.page-tool-workbench .notes-panel .reference-card:first-child { border-top: 0; padding-top: 0; }
.page-tool-workbench .notes-panel .reference-card h3,
.page-tool-workbench .notes-panel .reference-card p { overflow-wrap: anywhere; }
.page-tool-workbench .result-meta-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; border: 1px solid var(--line); }
.page-tool-workbench .result-meta-grid > div { min-width: 0; padding: 14px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.page-tool-workbench .result-meta-grid > div:nth-child(4n) { border-right: 0; }
.page-tool-workbench .result-meta-grid > div:nth-last-child(-n+4) { border-bottom: 0; }
.page-tool-workbench .empty-state { min-height: 150px; display: grid; place-items: center; text-align: center; }
.section-header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.section-header.compact { align-items: start; margin-bottom: 18px; }
.section-header h2 { margin: 10px 0 8px; }
.section-header p { max-width: 680px; margin: 0; }
.hero-search.dashboard-search { max-width: 720px; padding: 0; background: transparent; border: 0; box-shadow: none; }
.hero-search.dashboard-search .search-row { display: flex; gap: 10px; align-items: center; }
.hero-search.dashboard-search input { min-width: 0; flex: 1 1 auto; }
.hero-search.dashboard-search button { flex: 0 0 auto; }
.stats-grid, .dossier-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.metric-card { padding: 18px; }
.metric-card span { display: block; }
.metric-card strong { display: block; margin-top: 8px; line-height: 1.05; }
.hero-grid, .dashboard-hero-grid, .species-hero-grid, .split-panel, .footer-grid, .gene-browser-layout { display: grid; gap: 28px; }
.hero-grid, .dashboard-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr); align-items: center; }
.species-hero-grid { grid-template-columns: minmax(0, 1.02fr) minmax(360px, .88fr); align-items: center; }
.split-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.split-panel--main-aside { grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); }
.split-panel--sidebar { grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr); }
.split-panel--visual { grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr); }
.gene-browser-layout { grid-template-columns: minmax(280px, 340px) minmax(0, 1fr); }
.footer-grid { grid-template-columns: 1.2fr .9fr .9fr; }
.tool-grid, .gene-card-grid, .species-grid, .reference-preview-grid, .roadmap-grid, .workflow-card-grid, .notes-grid, .pathway-list { display: grid; gap: 18px; }
.tool-grid, .gene-card-grid, .species-grid, .reference-preview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reference-preview-grid.large-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.roadmap-grid, .workflow-card-grid, .notes-grid, .pathway-list-visual { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.visual-dashboard-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.visual-span-8 { grid-column: span 8; }
.visual-span-7 { grid-column: span 7; }
.visual-span-6 { grid-column: span 6; }
.visual-span-5 { grid-column: span 5; }
.visual-span-4 { grid-column: span 4; }
.visual-span-12 { grid-column: 1 / -1; }
.visual-dashboard-grid > * { min-width: 0; }
.visual-dashboard-grid code, .visual-dashboard-grid pre { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
.visual-dashboard-grid pre { white-space: pre-wrap; }
.tree-layer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.tree-layer-card { min-width: 0; }
.tree-panel { min-width: 0; overflow: hidden; }
.tree-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.tree-panel-head > * { min-width: 0; }
.tree-banner-art { width: 150px; height: 86px; flex: 0 0 150px; object-fit: cover; }
.site-footer { overflow: hidden; }
.tree-page .app-page { padding-bottom: 56px; }
.tree-search-toolbar { margin-bottom: 22px; }
.tree-interactive-stack { display: grid; gap: 30px; padding-top: 34px; }
.tree-workbench { padding: 0; border: 1px solid var(--line-strong); border-radius: var(--radius-md); background: var(--surface-raised); box-shadow: var(--shadow-sm); }
.tree-workbench-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 28px; padding: 24px 26px 20px; border-bottom: 1px solid var(--line); }
.tree-workbench-header > div:first-child { min-width: 0; }
.tree-workbench-header h2 { margin: 4px 0 6px; font-family: var(--font-editorial); font-size: clamp(25px, 2.4vw, 36px); }
.tree-workbench-header p { margin: 0; color: var(--muted); }
.tree-workbench .tree-toolbar { display: grid; grid-template-columns: auto minmax(180px, 1fr) auto auto auto; gap: 14px; align-items: end; padding: 14px 20px; border-bottom: 1px solid var(--line); background: var(--surface-soft); }
.tree-workbench .tree-toolbar[hidden] { display: none; }
.tree-action-group { display: inline-flex; align-items: center; gap: 6px; }
.tree-action { min-width: 38px; min-height: 36px; padding: 7px 10px; border: 1px solid var(--line-strong); border-radius: var(--radius-xs); background: var(--surface-raised); }
.tree-workbench .toolbar-field { display: grid; gap: 6px; }
.tree-workbench .toolbar-field label { color: var(--muted); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.tree-workbench .toolbar-field input { padding: 0; }
.tree-workbench .toolbar-check { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; white-space: nowrap; }
.tree-workbench .toolbar-check input { width: auto; }
.tree-boundary { margin: 16px 20px 0; }
.tree-viewer-meta { display: flex; justify-content: space-between; gap: 18px; padding: 14px 20px; color: var(--muted); font-size: 12px; }
.tree-viewer-meta span { color: var(--ink); font-weight: 700; }
.tree-viewer-shell { height: 640px; min-height: 520px; margin: 0 20px 20px; overflow: auto; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface-contrast); }
.tree-viewer-shell > svg {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}
.summary-line { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 5px 0; }
.summary-line span { min-width: 0; }
.summary-line strong { flex: 0 0 auto; font-variant-numeric: tabular-nums; }
.filter-group .summary-line + .summary-line { border-top: 1px solid var(--line); }
.filter-panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 18px; }
.filter-cell { display: grid; gap: 7px; }
.filter-actions { grid-column: 1 / -1; }
.compact-bars { display: grid; gap: 10px; }
.compact-bar { display: grid; grid-template-columns: minmax(150px, .75fr) minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.compact-bar > div { height: 9px; overflow: hidden; border-radius: 99px; background: var(--line); }
.compact-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--sage-600), var(--gold-600)); }
.chip-row, .coverage-chip-row { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { display: inline-flex; align-items: center; min-height: 28px; padding: 6px 10px; border-radius: 999px; }

@media (max-width: 900px) {
  .research-destinations .destination-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .hero-grid, .dashboard-hero-grid, .species-hero-grid, .split-panel, .split-panel--main-aside, .split-panel--sidebar, .split-panel--visual, .gene-browser-layout { grid-template-columns: 1fr; }
  .visual-dashboard-grid { grid-template-columns: 1fr; }
  .visual-dashboard-grid > [class*="visual-span"] { grid-column: 1 / -1; }
  .stats-grid, .dossier-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tool-grid, .gene-card-grid, .species-grid, .reference-preview-grid, .roadmap-grid, .workflow-card-grid, .notes-grid, .pathway-list-visual { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tree-layer-grid { grid-template-columns: 1fr; }
  .directory-head, .species-directory-row { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(100px, .5fr); }
  .directory-head span:last-child, .entry-cell { grid-column: 1 / -1; justify-content: flex-start; }
}

@media (max-width: 760px) {
  .research-destinations .destination-grid { width: min(100% - 24px, 720px) !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .container, .container.narrow, .narrow { width: min(100% - 24px, 720px); }
  .section { padding: 38px 0; }
  .page-hero, .hero-section { padding: 38px 0 28px; }
  .section-header { align-items: flex-start; flex-direction: column; gap: 8px; }
  .stats-grid, .dossier-summary-grid, .tool-grid, .gene-card-grid, .species-grid, .reference-preview-grid, .reference-preview-grid.large-grid, .roadmap-grid, .workflow-card-grid, .notes-grid, .pathway-list-visual { grid-template-columns: 1fr; }
  .filter-panel { grid-template-columns: 1fr; }
  .filter-actions { grid-column: auto; }
  .hero-search.dashboard-search .search-row { flex-direction: column; align-items: stretch; }
  .compact-bar { grid-template-columns: 1fr auto; }
  .compact-bar > div { grid-column: 1 / -1; grid-row: 2; }
  .tree-panel-head { align-items: flex-start; flex-direction: column; }
  .tree-banner-art { width: 100%; height: auto; flex-basis: auto; }
  .tree-workbench-header { flex-direction: column; padding: 20px 16px 16px; }
  .tree-workbench-header .page-actions { width: 100%; justify-content: flex-start; }
  .tree-workbench .tree-toolbar { grid-template-columns: 1fr 1fr; align-items: center; padding: 12px; }
  .tree-workbench .tree-toolbar .grow { grid-column: 1 / -1; }
  .tree-viewer-meta { align-items: flex-start; flex-direction: column; padding: 12px 14px; }
  .tree-viewer-shell { height: 520px; min-height: 420px; margin: 0 12px 12px; }
  .catalogue-toolbar .toolbar-actions { align-items: stretch; }
  .catalogue-toolbar .select-field { display: grid; gap: 6px; }
  .research-destinations .destination-item {
    min-height: 116px;
    grid-template-columns: 1fr !important;
    grid-template-rows: 48px auto;
    justify-items: center !important;
    gap: 7px;
    text-align: center !important;
  }
  .research-destinations .destination-copy { justify-items: center; text-align: center; }
  .research-destinations .destination-arrow { position: absolute; right: 12px; top: 50%; }
  .page-tool-workbench .page-hero .container,
  .page-tool-workbench .split-panel--main-aside,
  .page-tool-workbench .split-panel--visual { width: min(100% - 24px, 720px); }
  .page-tool-workbench .page-hero { padding: 34px 0 24px; }
  .page-tool-workbench .card-blur { padding: 20px !important; }
  .page-tool-workbench .result-meta-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-tool-workbench .result-meta-grid > div:nth-child(4n) { border-right: 1px solid var(--line); }
  .page-tool-workbench .result-meta-grid > div:nth-child(2n) { border-right: 0; }
  .page-tool-workbench .result-meta-grid > div:nth-last-child(-n+4) { border-bottom: 1px solid var(--line); }
  .page-tool-workbench .result-meta-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 450px) {
  .research-destinations .destination-grid { grid-template-columns: 1fr !important; }
}