/*
 * Static material responsive and review-layer overrides.
 *
 * These pages intentionally keep report/PDF-like inline styles in their
 * canonical data-room source. This file provides the hosted-page guardrails
 * needed for browser review without changing the underlying document design.
 */

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

table {
  max-width: 100%;
}

img,
svg {
  max-width: 100%;
}

@media screen and (max-width: 700px) {
  body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 20px !important;
    box-shadow: none !important;
  }

  .brand-bar {
    margin: -20px -20px 0 -20px !important;
    padding: 14px 20px !important;
    flex-wrap: wrap;
    gap: 8px;
  }

  .brand-bar-logo {
    max-width: 170px;
    height: auto;
  }

  .report-header,
  .briefing-header {
    padding: 28px 0 22px 0 !important;
    margin-bottom: 22px !important;
  }

  .report-title,
  .briefing-title {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  .report-subtitle,
  .briefing-subtitle {
    font-size: 16px !important;
  }

  .report-meta,
  .briefing-meta {
    flex-wrap: wrap;
    gap: 8px !important;
  }

  .key-finding,
  .key-point,
  .governing-thought,
  .callout,
  .highlight,
  .insight-box,
  .bottom-line,
  .thesis-connection,
  .thesis-ref,
  .key-insight {
    padding: 16px !important;
    margin: 18px 0 !important;
  }

  .progression-strip {
    display: block !important;
    overflow-x: auto;
    white-space: nowrap;
  }

  .strip-stage {
    min-width: 160px;
    white-space: normal;
  }

  table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  th,
  td {
    min-width: 140px;
  }
}