/* Indiott — solution scope boundary block (indiott-solution-scope.php).
   Two columns, equal weight. The negative is deliberately NOT styled as a
   warning or a disclaimer: it is half the answer, and dressing it as small
   print would undo the reason for writing it. */

.ind-scope {
  padding: 44px 0 46px;
  background: var(--steel-100, #e9ecef);
  border-top: 1px solid var(--steel-300, #c6ccd2);
}
.ind-scope__h {
  margin: 0 0 22px;
  max-width: 26ch;
  font-family: var(--font-sans, 'IBM Plex Sans', sans-serif);
  font-size: clamp(21px, 2.3vw, 27px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--ink, #232458);
}
.ind-scope__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1px;
  background: var(--steel-300, #c6ccd2);
  border: 1px solid var(--steel-300, #c6ccd2);
}
.ind-scope__col {
  background: var(--paper, #f7f8f9);
  padding: 18px 20px 20px;
  min-width: 0;
}
/* A single accent rule carries the distinction; the two columns are otherwise
   identical, because they are equally load-bearing. */
.ind-scope__col--yes { box-shadow: inset 3px 0 0 var(--stock, #16a34a); }
.ind-scope__col--no  { box-shadow: inset 3px 0 0 var(--signal, #ee6124); }
.ind-scope__label {
  margin: 0 0 8px;
  font-family: var(--font-mono, 'IBM Plex Mono', monospace);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--steel-500, #7c8590);
}
.ind-scope__col p:last-child {
  margin: 0;
  font-family: var(--font-sans, 'IBM Plex Sans', sans-serif);
  font-size: 14.5px;
  line-height: 1.62;
  color: var(--steel-700, #3e444b);
}
.ind-scope__redirect {
  margin: 18px 0 0;
  max-width: 76ch;
  font-family: var(--font-sans, 'IBM Plex Sans', sans-serif);
  font-size: 14.5px;
  line-height: 1.62;
  color: var(--ink, #232458);
  font-weight: 500;
}

@media (max-width: 560px) {
  .ind-scope { padding: 32px 0 34px; }
  .ind-scope__col { padding: 15px 16px 17px; }
}