/* Responsive fixes on top of the design sources (kept separate so design-source/ stays verbatim). */

/* Max-content chips must never exceed their column on narrow screens. */
#dc-root [style*="width:max-content"] { max-width: 100% !important; white-space: normal !important; }

/* Phones: the nav CTA pushed past the viewport. Drop the wordmark text; the A7 mark stays. */
@media (max-width: 520px) {
  nav[aria-label="Primary"] a[aria-label] > span:nth-child(2) { display: none !important; }
}

@media (max-width: 600px) {
  /* AI Labs: four-column rows (number, field, detail, note) stack on phones. */
  #dc-root [style*="grid-template-columns:64px minmax(0,1.3fr) minmax(0,2fr) minmax(0,1.2fr)"] { grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
  /* Algorithm: seven-column mapping bar; tighter tracking so labels fit. */
  #dc-root [style*="repeat(7,minmax(0,1fr));margin:16px 0"] { letter-spacing: .02em !important; }
}