{
  "overall_approach": "Mobile and desktop are equal priority. Mobile cannot be a low-quality experience. Most screens use reflow strategy.",
  "breakpoints_note": "Exact breakpoints are a Stage 3 decision. IA assumes two primary targets: ~375px mobile and ~1280px desktop.",
  "screens": {
    "landing_page": {
      "strategy": "reflow",
      "notes": "Same sections, same order. Grid becomes stack. Horizontal timeline becomes vertical stepper. Status element behavior identical on both breakpoints."
    },
    "expedition_page": {
      "strategy": "reflow",
      "notes": "Article content stacks naturally. Code blocks go full-width with horizontal scroll. Images go full-width. Video embeds go full-width. Quick action icons stay inline with title on both breakpoints."
    },
    "archive_page": {
      "strategy": "divergent",
      "notes": "Desktop uses horizontal list cards (thumbnail left, text right). Mobile uses vertical cards (thumbnail top, text below). Structural change necessary because horizontal cards at 327px do not give enough room for thumbnail + readable text."
    }
  }
}