{# ───────────────────────────────────────────────────────────────────────────── Visual Provenance — figma_to_html_agent/blocks/1171281209/ (frame 28) ───────────────────────────────────────────────────────────────────────────── Frame 28 = "현존 상용 S/W의 현실". 사용자 lock (2026-05-14) : figma 의 1 frame visual (외곽 빨간 border + pill + 본문) 을 *3 개 두루마리로 복제*, horizontal 3-column. - 각 두루마리 box : 외곽 빨간 border (#9C0E0E) + radius - 상단 pill (title_pill.png) : emphasis_N_label (예 : "토목 전문성 부족") - 본문 paragraph : emphasis_N_body 의 text-line 들 (▶ bullet + .accent) slots : - title : zone 중목차 (별도 위 영역) - emphasis_1/2/3_label : 각 두루마리 pill 안 - emphasis_1/2/3_body : list[{text}] : 각 두루마리 본문 Axis B 수학 fit (cqh + jinja line count) : - border / pill / padding / bullet size = clamp(min, cqh/cqw 비례, max) - line-height = clamp(1.1em, calc(가용 cqh / N), 1.5em), N = jinja 가 emphasis_N_body | length 로 계산해 inline --max-body-lines 주입 - font-size 미변경 (사용자 룰) ───────────────────────────────────────────────────────────────────────────── #} {% set _assets = assets_dir | default('', true) %} {% set _bullet_bg = "url(" ~ _assets ~ "/bullet_arrow.png)" if _assets else 'none' %} {% set _pill_bg = "url(" ~ _assets ~ "/title_pill.png)" if _assets else 'none' %} {% set e1_lines = (slot_payload.emphasis_1_body | length) if slot_payload.emphasis_1_body else 1 %} {% set e2_lines = (slot_payload.emphasis_2_body | length) if slot_payload.emphasis_2_body else 1 %} {% set e3_lines = (slot_payload.emphasis_3_body | length) if slot_payload.emphasis_3_body else 1 %}

{% if slot_payload.emphasis_1_body %} {% for line in slot_payload.emphasis_1_body %}

{% endfor %} {% endif %}

{% if slot_payload.emphasis_2_body %} {% for line in slot_payload.emphasis_2_body %}

{% endfor %} {% endif %}

{% if slot_payload.emphasis_3_body %} {% for line in slot_payload.emphasis_3_body %}

{% endfor %} {% endif %}