/* ============================================================
 * /projects/* 전용 LATE 오버라이드
 * layout.html 의 body 끝부분에서 로드 → cascade 의 마지막 자리 차지.
 * ------------------------------------------------------------
 * 목적:
 *   글로벌 헤더(header#header) 의 폰트/색/사이즈를 메인과 동일하게 통일.
 *   portfolio/mu_layout.css 의 * 가 cascade 상 마지막에 와서 헤더에 침투하던
 *   자해를 차단.
 *
 * 범위 한정 이유 (히스토리):
 *   - 이전 버전은 전역 * { font-family/font-size/color/line-height/... } 를
 *     선언해 mu_layout * 를 cascade 로 덮었음.
 *   - 부작용: 헤더뿐 아니라 portfolio 콘텐츠 영역(예: .sec17 .desc_txt) 의
 *     font-size/line-height 가 메인 사이트 표준 값으로 강제되어 기존
 *     /portfolio/* 페이지 대비 박스 크기/배경이미지 크기까지 달라짐.
 *   - 따라서 이번 수정은 :where(header#header) * 로 스코프를 헤더에 한정.
 *     포트폴리오 콘텐츠는 mu_layout 의 * 가 그대로 적용되어 OLD /portfolio/*
 *     와 시각 동일 유지.
 *
 * 동작:
 *   ① header#header 자체에 메인 표준값 명시 (specificity 0,1,0,1).
 *   ② :where(header#header) *::* 로 헤더 자식 요소의 5속성을 'inherit' 로 리셋.
 *      :where() 는 specificity 0 → ` *` 와 동일한 0 specificity.
 *      본 파일이 mu_layout 보다 *나중에* 로드되어 cascade 순서로 승리.
 *      .en, .menu li a 등 더 specific 한 메인 규칙은 그대로 살아남음.
 * ============================================================ */

/* 메인의 전역 *{...} 기본값을 헤더 범위에 '값 그대로' 복제(자식까지 inherit 아닌 직접 값).
 * 메인 헤더는 전역 *{ font-size:clamp(1.2rem,.677vw,1.3rem); line-height:1;
 *   letter-spacing:-0.05rem; font-family:AlbertSans; font-weight:normal; color:#fff } 에서 옴.
 * 과거 header#header:1.6rem + 자식 inherit 조합이 헤더 폰트를 메인보다 크게 만들던 원인.
 * :where() specificity 0 → .en(자간 normal)·.menu li a·nav li clamp(…1.4rem)·bx_lab(500) 등
 * 더 구체적인 메인 규칙은 그대로 승리 → 메인과 100% 동일 계산. (스코프는 헤더 한정 유지) */
header#header,
:where(header#header) *,
:where(header#header) *::before,
:where(header#header) *::after {
  font-family: 'AlbertSans', 'Pretendard', sans-serif;
  font-size: clamp(1.2rem, .677vw, 1.3rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.05rem;
  color: #fff;
}

/* ============================================================
 *  mChat 위젯 보호 — 페이지 인라인 img 규칙 누출 차단
 *
 *  원인:
 *    /projects/{cj,illumiel,ohc} 의 인라인 <style> 은 대형 포트폴리오
 *    이미지를 위해 전역 `img { display:block; max-width:none; ... }` 를 선언.
 *    이 bare 규칙이 layout 의 mChat 위젯(#mChat)까지 직접 적용되어
 *    reset.css 의 `img { max-width:100% }` 를 덮음 → 챗봇 캐릭터(gif)·홈/X
 *    아이콘·버튼 이미지가 컨테이너를 벗어나 깨짐.
 *    챗봇이 없는 구 standalone /cjcheiljedang 및 인라인 override 가 없는
 *    일반 front 페이지에서는 정상.
 *
 *  해결:
 *    본 파일은 mChat.min.css·페이지 인라인 <style> 보다 *나중에* 로드되므로
 *    :where(#mChat) img (specificity 0,0,0,1) 만으로 페이지의 bare img 를
 *    cascade 순서로 이긴다. :where 가 0 specificity 라 mChat.min.css 의
 *    클래스 규칙(.mchat_icon img 등)은 그대로 살아남아 의도된 사이즈 유지.
 *    → reset.css 기준값(max-width:100%, UA 기본 display)으로만 복원.
 * ============================================================ */
:where(#mChat) img {
  display: revert;     /* 페이지가 강제한 block → UA 기본(inline) 복원 */
  max-width: 100%;     /* 페이지가 강제한 none → reset.css 의 100% 복원 */
}