/* ThreatResponder page on phones and tablets (25 Sep 2026 audit). Loaded last; each rule sits in a width query, so desktop is
   untouched. The page is co-owned: these are overrides only, the sections' own files are unchanged. */

/* grids whose single column grew to its widest content (the page scrolled sideways, Inside the console was cut off) */
@media (max-width: 1280px) { .igx-top { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 1100px) {
  .sxob-grid, .sxob-stage { grid-template-columns: minmax(0, 1fr); }
  .shx-bar span { min-width: 0; }
}
@media (max-width: 1000px) { .tr main #overview .tp-stats li:nth-child(2n) { border-right: 0; } }

@media (max-width: 760px) {
  /* the product tour opens the desktop console: not offered on phones (the hero's button only scrolls to the console) */
  .tr main .tp-ob-tour { display: none; }
  .tr main .tp-hero-ctas .btn { flex: 1 1 100%; justify-content: center; }

  /* Predict: numbers two by two; the heat map keeps its scroll, with a fade that says so */
  .tr main .pdd-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tr main .pdd-kpi { grid-template-columns: 1fr; gap: 10px; padding: 16px; }
  .tr main .pdd-ki { width: 40px; height: 40px; }
  .tr main .pdd-hm-scroll { -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 36px), transparent); }

  /* Detection engines: every capability name stays, the one-line explanations go (the section was 3,900 px) */
  .tr main .ntx-c li span { display: none; }
  .tr main .ntx-c li { padding-block: 4px; }

  /* Integrations */
  .tr main .igx-tabs { overflow-x: auto; scrollbar-width: none; }
  .tr main .igx-ah { flex-wrap: wrap; row-gap: 10px; }
  .tr main .igx-dest > div > :last-child { min-width: 0; }
  .tr main .igx-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
  .tr main .igx-flow .igx-wire { display: none; }
  .tr main .igx-node { padding: 10px 4px; }
  .tr main .igx-node small { display: none; }
  .tr main .igx-node b { font-size: 10.5px; line-height: 1.2; text-align: center; overflow-wrap: anywhere; }

  /* Forensics toolbox: the four verbs as a tidy two by two, no stray separators */
  .tr main .tbx-verbs { display: grid; grid-template-columns: repeat(2, auto); justify-content: start; gap: 8px 0; margin-left: 0; }
  .tr main .tbx-verbs span + span { border-left: 0; }
  .tr main .tbx-verbs span:nth-child(2n) { border-left: 1px solid var(--card-line); }

  /* tap targets */
  .tr main [data-rover-panel] a, .tr main .fsx-labt, .tr main .igx-link, .tr main #started a[href^="tel"], .tr main #started a[href^="mailto"] { display: inline-flex; align-items: center; min-height: 44px; }
}
/* header: the page hid "Book a free demo" on phones to avoid the logo overlap, fixed for every page in site-base.css (25 Sep):
   the button is back, as on the other pages */
@media (max-width: 700px) { .tr .hdx .hx-right > .cta { display: inline-flex; } }