/* Prompt Queen AI — responsive layer over the desktop-fixed design.
   Targets the design's inline-style grids by substring so no JSX edits are
   needed. Desktop is untouched; these only apply at small widths. */

@media (max-width: 900px) {
  /* 6-col Learning Hub strip -> 2 cols */
  [style*="repeat(6, 1fr)"] { grid-template-columns: 1fr 1fr !important; }
  /* 3-up card rows -> 1 col */
  [style*="grid-template-columns: 1fr 1fr 1fr"],
  [style*="repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  /* hero + two-column splits -> stack */
  [style*="1.15fr 0.85fr"],
  [style*="1fr 1fr"][style*="gap: 48"] { grid-template-columns: 1fr !important; }
  /* footer 2fr 1fr 1fr 1fr -> 2 cols */
  [style*="2fr 1fr 1fr 1fr"] { grid-template-columns: 1fr 1fr !important; }
  /* trim the big section top paddings a bit */
  [style*="padding: 96px 32px"] { padding: 56px 24px !important; }
}

@media (max-width: 560px) {
  [style*="repeat(6, 1fr)"] { grid-template-columns: 1fr !important; }
  [style*="2fr 1fr 1fr 1fr"] { grid-template-columns: 1fr !important; }
}