{# ───────────────────────────────────────────────────────────────────────────── Frame 17 = "현황 및 문제점" (cards/paired-rows-4x2-alternating-pills). **source = 8 atomic issues** (4 paired rows × 2 issue cells per row). 이전 strict-4 → source 의 절반 누락. round 55~73 review-loop 의 schema-correction. Visual provenance — figma_to_html_agent/blocks/1171281194/{index.html, texts.md, assets}. - title gradient : rgb(204,82,0) → rgb(136,55,0) (source line 50) - row border : 3px solid #60A451 (source line 69) - row bg : rgba(250,237,203,0.15) (source line 68) - body text : #0c271e (source line 130) - 분할선 (cell 사이) : 2px dashed #60A451 (source line 135) - pill alternation : row 1/3 = pill 상단, row 2/4 = pill 하단 (source line 161~225) - row 2-3 visual gap : source `
` (height 65px) line 199-200 PROMOTED CSS : source-faithful unified green/cream/brown theme + pill shape + top/bottom/top/bottom pill alternation + row 2-3 visual gap. NOT PROMOTED (scope cap per Codex round 64/72 — CSS fallback 정당) : - pill asset crop variant (`.crop-left` left -45.3% width 145.3% / `.crop-right` width 151.25%) — source 의 PNG asset 정확 crop reproduction 은 single-pass scope 외 (Codex round 62 §6 + round 68 scope cap). CSS approximation = pill shape + alternation + theme 모두 보존. - bottom pill flip image transform (source line 117) — 단순 column-reverse 로 처리. ADAPTED : Figma absolute → 4-row flex layout + token-fixed typography. slots (17) : title + row_{1..4}_{left,right}_{label,body} (8 × 2 = 16). no row headers (source 부재, infer 금지 per Codex round 58 §1 + round 70 §3.6). #}
{{ slot_payload.title }}
{% for r in [1, 2, 3, 4] %}
{{ slot_payload['row_' ~ r ~ '_left_label'] | safe }}
{% set body_left = slot_payload['row_' ~ r ~ '_left_body'] %} {% if body_left %} {% for line in body_left %}
{{ line.text | safe }}
{% endfor %} {% endif %}
{{ slot_payload['row_' ~ r ~ '_right_label'] | safe }}
{% set body_right = slot_payload['row_' ~ r ~ '_right_body'] %} {% if body_right %} {% for line in body_right %}
{{ line.text | safe }}
{% endfor %} {% endif %}
{% endfor %}