/* Layout B: Yana's own placement edits for ai-event-triage-a.html, from the grid studies ("Copy edits for Claude").
   Load after layout-b.css, on ai-event-triage-a.html only. Selectors follow the page after Steps 1 and 3
   (number field removed, band lines as the dark section's first child).
   Columns are page columns; blocks inside a group count the group's own columns. Rows are rows of each block's group. */
@media (min-width: 900px) {
  /* An AI tool that flags outside events, like wildf */
  main > section:nth-child(1) > p:nth-child(3) { grid-column: 3 / 11 !important; }
  /* AI · Banking risk · MVP 0→1 · Under NDA */
  main > section:nth-child(1) > p:nth-child(4) { grid-column: 3 / 10 !important; }
  /* RoleI owned the research, flows, UI and test fin */
  main > div:nth-child(2) > div:nth-child(2) { grid-column: 3 / 7 !important; }
  /* TeamPrompt PM, Model PM, PO, 3 frontend and 2 ba */
  main > div:nth-child(2) > div:nth-child(3) { grid-column: 7 / 10 !important; }
  /* Timeline2 months */
  main > div:nth-child(2) > div:nth-child(4) { grid-column: 10 / 13 !important; }
  /* Under NDA. The research, decisions, testing and  */
  main > div:nth-child(3) > p:nth-child(1) { grid-column: 3 / 10 !important; min-height: 48px !important; box-sizing: border-box !important; }
  /* Context */
  main > section:nth-child(4) > div:nth-child(1) > h2:nth-child(2) { grid-column: 1 / 3 !important; }
  /* The bank's risk team gets dozens of outside even */
  main > section:nth-child(4) > div:nth-child(1) > div:nth-child(3) { grid-column: 3 / 9 !important; min-height: 136px !important; box-sizing: border-box !important; }
  /* Actions */
  main > section:nth-child(5) > div:nth-child(1) > h2:nth-child(2) { grid-column: 1 / 3 !important; grid-row-start: 1 !important; }
  /* How I got there Worked without access to analyst */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(3) { grid-column: 3 / 13 !important; grid-row-start: 1 !important; }
  /* How I got there */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(3) > h3:nth-child(1) { grid-column: 1 / 9 !important; }
  /* Worked without access to analysts Analysts weren */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(3) > ol:nth-child(2) { grid-column: 1 / 8 !important; min-height: 1024px !important; box-sizing: border-box !important; }
  /* Key decisions Let analysts check what the AI fil */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(4) { grid-column: 3 / 13 !important; grid-row-start: 15 !important; }
  /* Let analysts check what the AI filtered out The  */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) { grid-column: 1 / 11 !important; grid-row-start: 1 !important; }
  /* s-media.yt-two-side */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) { grid-column: 6 / 11 !important; min-height: 424px !important; box-sizing: border-box !important; }
  /* Keep the queue short without hiding risk Old eve */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) { grid-column: 1 / 11 !important; grid-row-start: 6 !important; }
  /* s-media.yt-two-side */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(2) > div:nth-child(2) { grid-column: 6 / 11 !important; }
  /* Each business area gets its own answer One event */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(3) { grid-column: 1 / 11 !important; grid-row-start: 17 !important; }
  /* s-media.yt-two-side */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) { grid-column: 6 / 11 !important; min-height: 432px !important; box-sizing: border-box !important; }
  /* How I re-created the screens 01 FigJam Designed  */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) { grid-column: 3 / 13 !important; grid-row-start: 38 !important; }
  /* How I re-created the screens */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > h3:nth-child(1) { grid-column: 1 / 10 !important; grid-row-start: 1 !important; }
  /* 01 FigJam Designed the lo-fi flows and screens 0 */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > ol:nth-child(2) { grid-column: 1 / 11 !important; grid-row-start: 2 !important; }
  /* Testing each build led to 4 fixes: The table sta */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) { grid-column: 1 / 11 !important; min-height: 400px !important; box-sizing: border-box !important; grid-row-start: 5 !important; }
  /* Testing each build led to 4 fixes: */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > p:nth-child(1) { grid-column: 1 / 7 !important; min-height: 40px !important; box-sizing: border-box !important; }
  /* The table stays still. Confirmation messages pus */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > ul:nth-child(2) { grid-column: 1 / 8 !important; min-height: 312px !important; box-sizing: border-box !important; grid-row-start: 4 !important; }
  /* The table stays still. Confirmation messages pus */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > ul:nth-child(2) > li:nth-child(1) { grid-column: 1 / 2 !important; min-height: 32px !important; box-sizing: border-box !important; grid-row-start: 1 !important; }
  /* Each tab has the filters it needs. Finding one e */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > ul:nth-child(2) > li:nth-child(2) { grid-column: 1 / 2 !important; min-height: 16px !important; box-sizing: border-box !important; grid-row-start: 5 !important; }
  /* The details panel behaves the same everywhere. I */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > ul:nth-child(2) > li:nth-child(3) { grid-column: 1 / 2 !important; min-height: 56px !important; box-sizing: border-box !important; grid-row-start: 8 !important; }
  /* The result of an action is visible. The latest a */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > ul:nth-child(2) > li:nth-child(4) { grid-column: 1 / 2 !important; min-height: 24px !important; box-sizing: border-box !important; grid-row-start: 11 !important; }
  /* New patterns, like the confirmation with Undo, w */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > p:nth-child(3) { grid-column: 1 / 8 !important; min-height: 16px !important; box-sizing: border-box !important; grid-row-start: 18 !important; }
  /* Try the re-created prototype ↗ Invented data and */
  main > section:nth-child(5) > div:nth-child(1) > div:nth-child(5) > div:nth-child(3) > div:nth-child(4) { grid-column: 8 / 11 !important; min-height: 48px !important; box-sizing: border-box !important; grid-row-start: 1 !important; }
  /* Results of the real MVP */
  main > section:nth-child(6) > div:nth-child(2) > h2:nth-child(1) { grid-column: 1 / 3 !important; grid-row-start: 1 !important; }
  /* We set the measure before launch, and the engine */
  main > section:nth-child(6) > div:nth-child(2) > p:nth-child(2) { grid-column: 3 / 10 !important; grid-row-start: 1 !important; }
  /* MeasureHow long does one event take? 18 minmedia */
  main > section:nth-child(6) > div:nth-child(2) > div:nth-child(3) { grid-column: 3 / 13 !important; grid-row-start: 2 !important; }
  /* What I'd measure next These aren't tracked yet.  */
  main > section:nth-child(6) > div:nth-child(2) > div:nth-child(4) { grid-column: 3 / 13 !important; min-height: 312px !important; box-sizing: border-box !important; grid-row-start: 5 !important; }
  /* What I'd measure next */
  main > section:nth-child(6) > div:nth-child(2) > div:nth-child(4) > h3:nth-child(1) { min-height: 8px !important; box-sizing: border-box !important; }
  /* These aren't tracked yet. Each one would show wh */
  main > section:nth-child(6) > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) { min-height: 256px !important; box-sizing: border-box !important; }
  /* Filtered out tab: how often analysts pull an eve */
  main > section:nth-child(6) > div:nth-child(2) > div:nth-child(4) > div:nth-child(2) > ul:nth-child(2) { grid-column: 1 / 7 !important; grid-row-start: 4 !important; }
  /* Learnings */
  main > section:nth-child(7) > div:nth-child(1) > h2:nth-child(1) { grid-column: 1 / 3 !important; }
  /* This project changed how I design AI tools. I us */
  main > section:nth-child(7) > div:nth-child(1) > div:nth-child(2) { grid-column: 3 / 13 !important; }
  /* This project changed how I design AI tools. I us */
  main > section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > p:nth-child(1) { grid-column: 1 / 6 !important; min-height: 312px !important; box-sizing: border-box !important; }
  /* Most importantly, I changed how I start projects */
  main > section:nth-child(7) > div:nth-child(1) > div:nth-child(2) > p:nth-child(2) { grid-column: 6 / 11 !important; }
}
