feat(#65): IMP-36 fit/rotation generalization (u1~u8)

Generalize Phase Z frame partial responsive fit / rotation to four canonical
F13/F14/F20/F8 family partials. Surface = 13 canonical partials; 19
builder-only contracts remain explicitly out of scope.

u1  test_imp17_comment_anchor: re-pin L570->L578 (restructure+IMP-17),
    L571->L579 (IMP-29 -> IMP-47B supersession). Stage 1 red baseline gate.
u2  frame_contracts.yaml: add rotation_eligible (P1) + body_fit_pattern2 (P2)
    bool axes on 13 partial-backed contracts. P1 True: F13/F14/F20/F8 (4).
    P2 True: F23 + P1_set (5). F29 columns[1].body_parser column_plain ->
    column_with_transform (P3 parity).
u3  test_imp36_fit_rotation_generalization (NEW, 166 lines): static
    parametrized assertions for P1 metadata + CQ presence, P1 opt-out
    absence, P2 --max-body-lines + clamp + cqh, P2 opt-out absence, 19
    builder-only exclusion.
u4  three_parallel_requirements (F13): introduce f13b-root container-name +
    container-type:size + @container (aspect-ratio<1.5) rotation;
    add inline --max-body-lines + body line-height clamp/cqh/calc.
u5  three_persona_benefits (F14): f14b-root P1 + P2 cqh/jinja body fit.
    Persona colors (#285b4a/#445a2f/#743002) and circle SVG aspect 1/1
    preserved.
u6  dx_sw_necessity_three_perspectives (F20): f20b-root P1 + P2 cqh/jinja
    body fit under IMP-49 partial-fidelity lock.
u7  info_management_what_how_when (F8): f8b-root P1 + P2 cqh/jinja body fit.
u8  test_imp36_overflow_chain_self_fire (NEW, 299 lines): Selenium self-fire
    harness for F13/F14/F20/F8 at aspect 1.78 vs 1.0. Asserts line-height
    changes, font-size invariance across all 4 frames (no per-frame exempt),
    grid columns rotate 3 -> 1, OVERFLOW_CASCADE_ORDER remains 4-tuple.

Stage 4 verification (HEAD 6f1c736 pre-commit baseline):
  u1 2/2 PASS, u3 33/33 PASS, u8 9/9 PASS (live Chrome).
  Regression sweep tests/phase_z2 + tests/orchestrator_unit 335/335 PASS.
  font-size mutations introduced: 0.
  Pre-existing red (test_imp47b_step12_ai_wiring x3, ai_fallback_master_flag
  default_off x1) verified unchanged via stash swap -> not introduced.

Guardrails honored:
  - cqh / clamp / container query only (no shared margin/padding/gap shrink).
  - font-size invariant under aspect change (P2 mutates line-height +
    --max-body-lines only).
  - No cross-frame .fNb__ class borrowing (IMP-49 partial-fidelity lock).
  - F14 circle SVG aspect 1/1 untouched; persona colors preserved.
  - AI isolation: no HTML structure generation; AI calls remain zone-content.
  - 1 turn = 1 step; commit excludes .claude/settings.json and all
    out-of-scope untracked worktree per Stage 4 binding contract.

source_comment_ids: Stage 1 #13/#14; Stage 2 #21/#22; Stage 3 #4 + Codex #4
YES; Stage 4 Claude #1 + Codex #3 PASS.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

templates/phase_z2/families/three_parallel_requirements.html

@@ -34,6 +34,12 @@ slots: title, pillars[].{label, color_class, sections[].{heading, bullets[]}}
     gap: 4px;
     font-family: 'Noto Sans KR', 'Pretendard', sans-serif;
     word-break: keep-all;
+    /* IMP-36 (Gitea #65 u4) P1 — partial-side container query root.
+       container-type: size 로 aspect-ratio 측정 가능 (cqh / cqi / cqw 도
+       동일 root 기준). container-name: f13b-root 는 frame_contracts.yaml
+       rotation_eligible: true 와 짝. */
+    container-type: size;
+    container-name: f13b-root;
   }
   .f13b__title {
     font-size: var(--font-zone-title);
@@ -126,6 +132,22 @@ slots: title, pillars[].{label, color_class, sections[].{heading, bullets[]}}
   }
   /* desc 안 .text-line 색 override */
   .f13b__desc .text-line { color: #3E3523; }
+
+  /* IMP-36 (Gitea #65 u4) P2 — body fit via cqh + clamp + --max-body-lines.
+     section 의 text_lines 개수가 늘면 line-height 가 비례로 축소. font-size
+     미변경 (사용자 룰). --max-body-lines fallback = 4 (section 평균 줄 수).
+     20cqh = 한 section 이 차지하는 .f13b 컨테이너 비율 근사치 (3 section /
+     col, body 영역 ≈ 80cqh → 25cqh/section 중 line 영역 ≈ 20cqh). */
+  .f13b__desc {
+    line-height: clamp(1.2em, calc(20cqh / var(--max-body-lines, 4)), 1.6em);
+  }
+
+  /* IMP-36 (Gitea #65 u4) P1 — aspect-ratio < 1.5 rotation rule. zone 의
+     가로:세로 비가 1.5 미만으로 좁아지면 (vertical-2 narrow / 또는 임의
+     세로형 geometry) 3-col grid 가 1-col stack 으로 회전. */
+  @container f13b-root (aspect-ratio < 1.5) {
+    .f13b__cols { grid-template-columns: 1fr; }
+  }
 </style>
 
 <div class="f13b" data-frame-id="1171281190" data-template-id="three_parallel_requirements">
@@ -144,7 +166,7 @@ slots: title, pillars[].{label, color_class, sections[].{heading, bullets[]}}
         <div class="f13b__section">
           <div class="f13b__heading">{{ section.heading | safe }}</div>
           {% if section.text_lines %}
-          <div class="f13b__desc">
+          <div class="f13b__desc" style="--max-body-lines: {{ section.text_lines | length }};">
             {% for line in section.text_lines %}<div class="text-line text-line--bullet{% if line.indent > 0 %} text-line--indent-{{ line.indent }}{% endif %}">{{ line.text | safe }}</div>{% endfor %}
           </div>
           {% endif %}