pattern_id: quadrant-2x2-issues
category: emphasis
version: 0.1.0
provenance:
  source_frame: "45:18 / Frame 1171281193"
  reference_html: ../block-tests/bim-issues-quadrant.html
  reference_render: ../block-tests/_renders/bim-issues-quadrant.png

description: |
  2×2 그리드 진단 패턴. 4개 카테고리 각각에 N개의 issue (red headline + bullet body).
  중앙에 optional 인용구 원 (강조 메시지/명언). 문제 진단, SWOT, 4-quadrant 분석에 적합.

when:
  relation_type:
    - 4-quadrant-diagnosis
    - issue-categorization
    - swot
    - 2x2-comparison
  content_shape:
    quadrants: { exact: 4 }
    issues_per_quadrant: { min: 1, max: 5 }

not_for:
  - linear-process
  - single-statement

slots:
  quadrants:
    type: list
    required: true
    min: 4
    max: 4
    item:
      label: { type: string, required: true }
      issues:
        type: list
        required: true
        min: 1
        max: 5
        item:
          headline: { type: string, required: true }
          bullets:  { type: list, items: string, min: 1 }

  center_quote:
    type: object
    required: false
    properties:
      text:  { type: string, required: true }
      image: { type: image, required: false }

  card_bg_image: { type: image, required: false }
  headline_color: { type: color, default: "#ff0000" }
  body_color: { type: color, default: "#ffffff" }
  header_bg: { type: gradient_string, default: "linear-gradient(90deg, #4a4028 0%, #285b4a 100%)" }
  header_text_color: { type: color, default: "#ffffff" }

tokens:
  block_w: { default: 1280 }
  row_gap: { default: "0.6rem" }

min_size_px: { width: 800, height: 600 }
max_size_px: { width: 1920, height: 1500 }

sub_patterns: []
priority: 50

diff_from_reference:
  - "absolute pixel positions → CSS grid 2×2"
  - "4 quadrants는 fixed (2x2 패턴 정의)"
  - "issues[N] 개수 자유"
  - "center quote optional"
