@media (orientation: landscape) and (max-width: 960px) and (max-height: 540px) {
  .top-overlay-layout {
    top: 8px;
    right: 8px;
    left: 8px;
    grid-template-columns: minmax(150px, 180px) minmax(0, 1fr);
    align-items: start;
    gap: 8px;
  }

  .identity-overlay {
    height: auto;
    padding: 8px 10px;
  }

  .identity-copy,
  .brand small,
  .evidence-legend,
  .timeline-result-count,
  .selected-position {
    display: none;
  }

  .brand-mark {
    width: 30px;
    height: 30px;
  }

  .brand strong {
    font-size: 15px;
  }

  .top-controls-stack {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 38%);
    gap: 6px;
    overflow: visible;
  }

  .filters-panel {
    padding: 4px 6px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 30px 30px;
    column-gap: 6px;
  }

  .topic-switcher {
    grid-column: 1 / -1;
    height: 30px;
    margin: -4px 0 0;
  }

  .topic-switcher-scroll,
  .topic-switcher-list {
    height: 29px;
  }

  .domain-filters {
    flex-wrap: nowrap;
    gap: 3px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .domain-filters::-webkit-scrollbar {
    display: none;
  }

  .filter-chip {
    min-height: 28px;
    padding: 3px 7px;
    flex: 0 0 auto;
  }

  .utility-controls {
    height: 30px;
    margin-top: 0;
    gap: 4px;
    flex-wrap: nowrap;
  }

  .einstein-mode-button,
  .type-control select {
    height: 28px;
  }

  .einstein-mode-button {
    padding-right: 7px;
  }

  .einstein-monogram {
    display: none;
  }

  .reset-button {
    padding-inline: 3px;
    font-size: 9px;
  }

  .type-control select {
    width: 112px;
    padding-left: 7px;
  }

  .position-overlay {
    width: 100%;
    min-height: 64px;
    padding: 7px 8px;
  }

  .timeline-status-row {
    margin-top: 3px;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }

  .navigation-overlay {
    min-height: 28px;
  }

  .icon-button {
    width: 28px;
    height: 28px;
  }

  .timeline-instruction {
    right: 8px;
    bottom: 6px;
    left: auto;
    padding: 5px 7px;
    transform: none;
  }

  .timeline-event {
    width: 148px;
  }

  .event-card {
    padding: 6px 9px 7px;
  }

  .event-title {
    font-size: 14px;
  }

  .event-contributors,
  .event-kind {
    display: none;
  }

  .has-event-detail .top-overlay-layout {
    right: 438px;
    left: 8px;
    width: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .has-event-detail .identity-overlay,
  .has-event-detail .filters-overlay {
    display: none;
  }

  .has-event-detail .top-controls-stack {
    display: block;
  }

  .detail-section {
    top: 8px;
    right: 8px;
    bottom: 8px;
    width: min(430px, calc(100vw - 16px));
  }
}