{# ───────────────────────────────────────────────────────────────────────────── Visual Provenance — figma_to_html_agent/blocks/1171281203/ (frame 23) ───────────────────────────────────────────────────────────────────────────── Frame 23 = "Application S/W 의 구분". 구조 (figma 1:1) : ① title gradient (Application S/W = orange→brown, 의 구분 = green→black) ② CSS Grid table (label col + col_a + col_b) ③ header row : - col 1 (label) = teal #589e8d - col 2 (Package) = teal #589e8d - col 3 (Solution) = orange #ef7a26 ④ N data rows : zebra (odd 흰 0.85 / even peach rgba(253,198,158,0.2)) - 각 row : 좌측 label cell + 좌 data + 우 data - cell border : 1.5px solid #888 ⑤ bullet (•) + accent (.hl orange #a14101, .big 50px 강조) slots (bim_dx_comparison_table 와 동일 — builder = process_product_pair) : - title : section.title (zone 중목차) - col_a_label / col_b_label : h3 title (Package / Solution 또는 mdx h3 title) - col_a_body.sections[].title : subsection title (= row label) - col_a_body.sections[].text_lines / transforms - col_b_body : same Axis A+B fit — container query (cqh) + jinja line count 산식. ───────────────────────────────────────────────────────────────────────────── #}

{{ slot_payload.title }}

{# header row — 2 col (label col 제거, 사용자 lock 2026-05-15) #}

{{ slot_payload.col_a_label | safe }}

{{ slot_payload.col_b_label | safe }}

{# data rows — col_a_body.sections 와 col_b_body.sections 를 row 별 페어 #} {% set a_secs = slot_payload.col_a_body.sections or [] %} {% set b_secs = slot_payload.col_b_body.sections or [] %} {% set row_count = [a_secs | length, b_secs | length] | max %} {% for i in range(row_count) %} {% set a = a_secs[i] if i < (a_secs | length) else none %} {% set b = b_secs[i] if i < (b_secs | length) else none %} {% set row_class = 'f23b__row--' ~ ('odd' if loop.index0 % 2 == 0 else 'even') %} {# col_a cell #}

{% if a %} {% if a.title %}

{{ a.title | safe }}

{% endif %} {% if a.transforms %}

AS-IS TO-BE

{% for t in a.transforms %}

{{ t.from | safe }}

➜

{{ t.to | safe }}

{% endfor %}

{% elif a.text_lines %} {% for line in a.text_lines %}

{{ line.text | safe }}

{% endfor %} {% endif %} {% endif %}

{# col_b cell #}

{% if b %} {% if b.title %}

{{ b.title | safe }}

{% endif %} {% if b.transforms %}

AS-IS TO-BE

{% for t in b.transforms %}

{{ t.from | safe }}

➜

{{ t.to | safe }}

{% endfor %}

{% elif b.text_lines %} {% for line in b.text_lines %}

{{ line.text | safe }}

{% endfor %} {% endif %} {% endif %}

{% endfor %}