@media (max-width: 900px) {
  .directory-shell {
    min-height: auto;
  }

  .directory-sidebar {
    position: sticky;
    top: 0;
    z-index: 40;
    gap: 10px;
    padding: 12px 16px 10px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 244, 238, 0.92)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0));
    box-shadow: 0 10px 28px rgba(16, 33, 58, 0.08);
    backdrop-filter: blur(18px);
  }

  .directory-sidebar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .directory-sidebar .brand-lockup {
    gap: 10px;
  }

  .directory-sidebar .brand-name {
    font-size: 0.76rem;
  }

  .directory-nav {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .directory-nav::-webkit-scrollbar {
    display: none;
  }

  .directory-nav-link {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(16, 38, 68, 0.08);
    background: rgba(255, 255, 255, 0.74);
    white-space: nowrap;
    font-size: 0.84rem;
    box-shadow: none;
    scroll-snap-align: start;
  }

  .directory-main {
    padding: 16px 16px 28px;
  }

  .directory-hero,
  .indicator-hero,
  .guide-block,
  .guide-card,
  .domain-card,
  .indicator-directory-card,
  .indicator-source-card,
  .indicator-source-spotlight,
  .indicator-scope-panel,
  .indicator-panel-shell,
  .analysis-summary-shell,
  .evidence-stage,
  .analysis-context-stage,
  .analysis-stage,
  .comparison-stage {
    border-radius: 20px;
  }

  .directory-hero,
  .indicator-hero {
    gap: 10px;
    padding: 16px;
  }

  .directory-hero h1,
  .indicator-hero h1,
  .guide-shell h1 {
    font-size: clamp(1.75rem, 7vw, 2.4rem);
    line-height: 1.02;
    letter-spacing: -0.045em;
  }

  .directory-summary-line,
  .directory-intro,
  .analysis-workspace-note,
  .results-summary {
    font-size: 0.84rem;
    line-height: 1.45;
  }

  .directory-filter-bar,
  .directory-filter-bar-domain,
  .directory-section-head,
  .evidence-head,
  .results-head,
  .analysis-summary-shell .directory-section-head,
  .indicator-hero,
  .indicator-spotlight {
    display: grid;
    gap: 12px;
  }

  .directory-filter,
  .directory-filter-wide,
  .analysis-filter,
  .analysis-sort {
    min-width: 0;
    width: 100%;
  }

  .directory-section-head > div:last-child,
  .results-head > div:last-child,
  .evidence-head > div:last-child {
    width: 100%;
  }

  .directory-preset-strip,
  .guide-shell {
    gap: 12px;
  }

  .directory-preset-row,
  .directory-chip-group {
    gap: 8px;
  }

  .directory-preset-pill,
  .directory-chip,
  .tray-button,
  .landing-cta.ghost,
  .result-link,
  .save-button,
  .copy-button {
    min-height: 38px;
    font-size: 0.84rem;
  }

  .domain-grid,
  .indicator-directory-list,
  .guide-grid,
  .guide-step-grid,
  .guide-map-grid,
  .guide-note-grid,
  .guide-coverage-grid,
  .tray-list {
    grid-template-columns: 1fr;
  }

  .guide-grid,
  .guide-step-grid,
  .guide-map-grid,
  .guide-note-grid,
  .guide-coverage-grid {
    gap: 12px;
  }

  .guide-hero,
  .guide-example {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .guide-hero,
  .guide-flow,
  .guide-example,
  .guide-map,
  .guide-notes,
  .guide-ops,
  .guide-coverage,
  .guide-card,
  .guide-block {
    padding: 16px;
  }

  .guide-hero-actions,
  .guide-link-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .guide-hero-actions > *,
  .guide-link-row > * {
    width: 100%;
  }

  .indicator-capabilities {
    justify-content: flex-start;
  }

  .indicator-spotlight {
    grid-template-columns: 1fr;
  }

  .indicator-source-spotlight,
  .indicator-scope-panel,
  .indicator-panel-shell {
    padding: 16px;
  }

  .indicator-action-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .indicator-action-row > * {
    width: 100%;
  }

  .indicator-trend-controls {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .analysis-summary-shell,
  .evidence-stage,
  .analysis-context-stage,
  .analysis-stage {
    padding: 16px;
  }

  .workspace-source-select,
  .workspace-source-select select,
  .analysis-toolbar-main-slim,
  .analysis-toolbar-actions-slim,
  .workspace-summary-actions {
    width: 100%;
    min-width: 0;
  }

  .workspace-summary-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
  }

  .workspace-summary-actions .handoff-cta {
    grid-column: 1 / -1;
  }

  .analysis-toolbar,
  .analysis-toolbar-main,
  .analysis-toolbar-main-slim,
  .workspace-visual-controls {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 10px;
  }

  .analysis-toolbar-actions,
  .analysis-toolbar-actions-slim,
  .workspace-visual-actions,
  .evidence-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    margin-left: 0;
  }

  .analysis-toolbar-actions > *,
  .analysis-toolbar-actions-slim > *,
  .workspace-visual-actions > *,
  .evidence-actions > * {
    width: 100%;
  }

  .analysis-sort-inline {
    display: grid;
    gap: 6px;
    min-width: 0;
  }

  .analysis-sort-inline select {
    width: 100%;
    min-width: 0;
  }

  .table-locality-picker {
    display: grid;
    gap: 6px;
    align-items: stretch;
    width: 100%;
    margin: 0;
  }

  .table-locality-picker-menu,
  .table-locality-picker-trigger {
    width: 100%;
    min-width: 0;
  }

  .workspace-chart-svg {
    min-width: 560px;
  }

  .analysis-summary-shell .indicator-action-row,
  .evidence-actions,
  .packet-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .evidence-count {
    justify-self: start;
  }

  .analysis-table-wrap,
  .table-shell {
    border-radius: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .analysis-table,
  .data-table {
    min-width: 540px;
  }

  .landing-shell {
    width: min(100vw - 24px, 1600px);
    padding: 14px 0 26px;
  }

  .landing-topbar {
    margin-bottom: 10px;
    gap: 10px;
    align-items: flex-start;
  }

  .landing-topbar-actions {
    gap: 10px;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .landing-hero {
    min-height: auto;
    padding: 18px 16px;
    gap: 12px;
    border-radius: 24px;
  }

  .landing-hero::before {
    background:
      linear-gradient(160deg, rgba(250, 246, 240, 0.97) 0%, rgba(247, 243, 238, 0.92) 46%, rgba(10, 24, 45, 0.44) 100%),
      radial-gradient(circle at right top, rgba(65, 181, 230, 0.18), rgba(65, 181, 230, 0) 34%);
  }

  .landing-hero-copy {
    max-width: none;
    padding: 0;
  }

  .landing-hero-copy::before {
    inset: -8px;
    border-radius: 18px;
  }

  .landing-hero-copy h1 {
    max-width: 8ch;
    font-size: clamp(2.15rem, 11vw, 3rem);
    line-height: 0.95;
  }

  .landing-note {
    max-width: none;
    font-size: 0.98rem;
    line-height: 1.45;
  }

  .landing-actions {
    margin-top: 18px;
  }

  .landing-cta-main {
    width: 100%;
    min-height: 54px;
  }

  .hero-photo-meta {
    display: none;
  }

  .landing-panel {
    padding: 18px 16px;
  }
}

@media (max-width: 640px) {
  .landing-topbar {
    align-items: stretch;
  }

  .landing-topbar-actions {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
  }

  .landing-cta.ghost {
    width: 100%;
  }

  .directory-sidebar {
    padding: 12px 12px 8px;
  }

  .directory-main {
    padding: 14px 12px 24px;
  }

  .directory-hero,
  .indicator-hero,
  .guide-block,
  .guide-card,
  .domain-card,
  .indicator-directory-card,
  .indicator-source-card,
  .indicator-source-spotlight,
  .indicator-scope-panel,
  .indicator-panel-shell,
  .analysis-summary-shell,
  .evidence-stage,
  .analysis-context-stage,
  .analysis-stage {
    padding: 14px;
  }

  .directory-nav-link {
    font-size: 0.82rem;
  }

  .workspace-summary-actions,
  .analysis-toolbar-actions,
  .analysis-toolbar-actions-slim,
  .workspace-visual-actions,
  .evidence-actions {
    grid-template-columns: 1fr;
  }

  .icon-tray-button {
    min-width: 0;
  }

  .table-locality-picker-panel {
    position: fixed;
    left: 12px;
    right: 12px;
    top: 112px;
    width: auto;
    max-height: min(62svh, 460px);
    overflow: auto;
    transform: none;
  }

  .directory-preset-pill,
  .directory-chip {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.8rem;
  }

  .domain-card-kicker,
  .indicator-directory-card h2 {
    font-size: 1.08rem;
  }
}

@media (max-width: 480px) {
  .landing-hero-copy h1 {
    max-width: 7ch;
    font-size: clamp(1.95rem, 12vw, 2.45rem);
  }

  .landing-note {
    font-size: 0.92rem;
  }

  .directory-nav {
    gap: 6px;
  }

  .directory-sidebar .brand-name {
    font-size: 0.72rem;
  }

  .table-locality-picker-panel {
    top: 104px;
  }
}

@media (max-width: 900px) {
  body[data-ui-mode="dark"] .directory-sidebar {
    background:
      linear-gradient(180deg, rgba(14, 25, 41, 0.98), rgba(12, 22, 36, 0.96)),
      linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0));
  }
}