/* Preserve the desktop composition while fitting the original desktop-only page to smaller screens. */
@layer partner-legacy {
  body.partner-page {
    min-width: 0;
  }
  .partner-toast {
    max-width: calc(100% - 32px);
  }
  @media (max-width: 1000px) {
    .partner-shell {
      width: calc(100% - 40px);
    }
    .partner-proof-layout,
    .partner-faq {
      grid-template-columns: minmax(0, 1fr);
      gap: 36px;
    }
    .feature-group > header {
      column-gap: 24px;
    }
    .feature-group > div,
    .feature-review {
      gap: 24px;
    }
    .feature-integrations {
      flex-wrap: wrap;
      gap: 20px;
    }
    .feature-pillars {
      gap: 24px;
    }
  }
  @media (max-width: 640px) {
    .partner-shell {
      width: calc(100% - 32px);
    }
    .partner-option-2 .partner-native-hero h1 {
      flex-wrap: wrap;
      white-space: normal;
      font-size: 32px;
      gap: 8px;
    }
    .partner-option-2 .partner-native-hero h1 img {
      width: 32px;
      height: 32px;
    }
    .partner-option-2 .partner-native-title {
      font-size: 23px;
    }
    .partner-heading,
    .feature-group > header h2,
    .partner-cta .partner-heading {
      font-size: 30px;
    }
    .partner-actions {
      flex-wrap: wrap;
      gap: 12px;
    }
    .partner-section,
    .feature-directory,
    .partner-cta {
      padding-block: 48px;
    }
    .partner-terminal-head {
      flex-wrap: wrap;
      gap: 16px;
      padding: 20px 16px;
    }
    .partner-terminal-title {
      flex-wrap: wrap;
    }
    .partner-terminal-title small {
      white-space: normal;
    }
    .feature-demo-tabs {
      gap: 14px;
      padding-inline: 16px;
    }
    .feature-demo-tabs button {
      font-size: 12px;
    }
    .feature-demo-content {
      min-height: 560px;
      padding: 20px 16px;
    }
    .feature-demo-command {
      gap: 8px;
      font-size: 15px;
    }
    .feature-demo-command code {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .feature-demo-command .partner-copy {
      flex-shrink: 0;
    }
    .feature-demo-context,
    .feature-demo-footer {
      flex-wrap: wrap;
      gap: 10px;
    }
    .feature-demo-footer {
      padding-inline: 16px;
    }
    .feature-signals,
    .feature-human,
    .feature-pillars,
    .review-coverage-grid,
    .feature-group > header,
    .feature-group > div,
    .feature-review,
    .feature-help {
      grid-template-columns: minmax(0, 1fr);
      gap: 20px;
    }
    .feature-signals > div {
      padding: 0;
    }
    .feature-signals > div + div {
      border-left: 0;
      border-top: 1px solid var(--demo-line);
      padding-top: 20px;
    }
    .feature-incident {
      flex-wrap: wrap;
    }
    .feature-incident > span {
      margin-left: 36px;
    }
    .feature-demo-panel {
      overflow-x: auto;
    }
    .feature-pr-table {
      min-width: 540px;
    }
    .feature-check-output > div {
      flex-wrap: wrap;
      gap: 10px;
    }
    .feature-check-output > div > div {
      flex: 1;
      min-width: 180px;
    }
    .feature-integrations > div {
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
    }
    .feature-pillars p,
    .review-coverage-card > p {
      min-height: 0;
    }
    .feature-directory-heading {
      flex-wrap: wrap;
      gap: 16px;
    }
    .feature-group > header {
      grid-template-rows: auto;
    }
    .feature-workflow-art {
      grid-column: 1;
      grid-row: auto;
    }
    .feature-group > header p {
      margin-top: 0;
    }
    .feature-help {
      gap: 24px;
    }
    .partner-receipt {
      padding: 20px;
    }
    .partner-receipt-toggle {
      flex-wrap: wrap;
    }
  }
}