/* ============================================================================ interview-edit.css — 2026-08-05 회장님 지적 「디자인이 여전히 AI스럽다」를 고친다. 정본: bookgen/web/DESIGN-CANON.md — 수학 사이트(5.math-final)에서 실측해 만든 처방을 이 사이트(면접끝판왕)에 같은 방식으로 적용한다. ── 고치기 전에 이 화면에서 실제로 잰 것 (Chromium·1280/360·default/inverse/cute) ── ㉠ 상자 37개가 전부 같았다. .card 31개 + .stat-card 6개, 전부 border-radius:16px(스탯 14px) · 동일한 3겹 그림자(onae-skin.css) · 1px 테두리. WHY·WHO·HOW IT WORKS· 자료실·VOICES·PRODUCTS 여섯 절이 전부 같은 상자로 나열돼 있었다. ㉡ 강조색이 세 계열이었다. 남색(--navy #143A6B, 로고·표제) · 산호/주황(--accent #E2431F 계열, 버튼·태그·badge-terra) · 금색(--gold #B08A3E, 히어로 eyebrow·별점 원래 #f5b841). 손대는 곳마다 색이 바뀌었다. ㉢ 위계가 크기뿐이었다. h2 24px/굵기750(세리프) — 전부 같은 계열, 전부 같은 무게였다. ㉣ 여백이 어디나 같았다. section 64px 고정, grid gap 18px 고정, card padding 24px 고정 — 절이 바뀌어도 숨이 같았다. ㉤ 이모지 4개(텍스트 astral-plane 실측): 📥 📗 📚 📝. ㉥ 명암비 실측(contrast_audit.py, 6요소=3테마×2폭) — default/cute 0건, **inverse 테마에서 1건**: #cs-faq-widget .faq-help-block > .faq-title 가 var(--onae-text)(반전에서 거의 흰색)를 쓰는데, faq-widget.css가 2026-08-04부터 위젯 배경을 고정 흰색으로 칠하면서 짝이 깨졌다. 실측 1.12 : 1(사실상 안 보임). faq-pair-fix.css ④ 규칙이 이 경우를 놓쳤다 — 그 파일은 고치지 않고(바이트 불변 원칙) 여기서 명시도로 이긴다. ㉦ 360px 가로 넘침 : 0건 (html scrollWidth == clientWidth, 세 테마 모두). ── 울타리 ────────────────────────────────────────────────────────────── 이 사이트는 math 의 body.home-page 같은 공용 클래스가 없다. index.html 은 뿐이고 이 클래스는 모든 페이지가 공유한다. 그래서 클래스를 새로 심는 대신, 홈 화면에만 있는 컨테이너를 :has() 로 울타리 삼는다 — id="voices"(후기 절)는 index.html 에만 있다(전수 확인, tracks/*.html 9장에도 없음). HTML 은 한 글자도 바꾸지 않는다. 본문 절 다섯 개(WHY·WHO·HOW IT WORKS·자료실·출처 안내)는 고유 id 가 없어 section:nth-of-type(N) 으로 짚는다 —