/* 저널 덧씌움 — 지어진 파일이다. 짓기_플러그인.py 가 만든다.
   ☠ 여기 있는 것은 «파이널 값으로 되돌리는» 규칙뿐이다. 새 디자인을 넣지 않는다.
   ☠ 왜 필요한가: 이 사이트에는 테마 UI 의 시트가 «직접 echo» 로 실린다.
     핸들이 없어 wp_dequeue_style·style_loader_tag 로는 못 뗀다(둘 다 안 먹는 것을 재서 확인).
   ★ 인라인 style 은 이 규칙을 이긴다 — 파이널이 «스스로» 정한 자간·줄높이는 그대로 산다. */

/* ☠ 한때 여기에 «#jn-root * { letter-spacing: normal }» 을 두었다.
     남의 자간을 막기는 했지만 «파이널이 규칙으로 준 자간»까지 같이 지웠다(실측 23곳).
     ⇒ 자간은 여기서 손대지 않는다. 남의 시트를 머리에서 «빼는» 쪽으로 고쳤다
       (eco-tpl-journal.php 의 jn_head_거르기). → [[css-important-vs-inline]]

   ① 제목 줄높이 — 파이널은 body 의 1.75 를 그대로 물려받는다.
      남의 시트가 :where(h1,h2,…) 로 1.4 를 줘 27px 제목이 47.25 → 37.8 이 됐다. */
#jn-root h1, #jn-root h2, #jn-root h3,
#jn-root h4, #jn-root h5, #jn-root h6 { line-height: 1.75; }

/* ② 결재 #412(#1284) — 판별 §8 에서 잡힌 고장만. 디자인 값은 바꾸지 않는다.
   ⓐ 390 표지 글 칸 잘림(§8-1): 767px 아래 규칙 [data-hero-fig]{aspect-ratio:4/3} 이
      «표지 카드 자체»(data-hero-fig + data-herocard 한 몸)에 걸려 카드가 266px 로 묶이고
      overflow:hidden 이 아래로 쌓인 글 칸(제목·KEY INSIGHT·아티클 읽기)을 잘랐다.
      ⇒ 카드에만 비율을 푼다. 사진 칸은 899px 아래 규칙 [data-heroart]{16/9} 그대로 산다. */
@media (max-width: 767px) {
  #jn-root [data-herocard][data-hero-fig] { aspect-ratio: auto; }
}
/* ⓑ 초점 테두리(§8-6): 표지 이전/다음·머리 단추가 인라인 outline:none 이라 키보드 초점이 안 보였다.
      :focus-visible 이라 마우스로 누를 때는 그대로다. 글 입력칸은 겉 상자가 테두리를 맡아 뺐다. */
#jn-root button:focus-visible,
#jn-root a:focus-visible,
#jn-root [role="button"]:focus-visible {
  outline: 2px solid var(--accent-deep) !important;
  outline-offset: 2px;
}
/* ⓒ 「본문으로 바로가기」(§8-6): style-focus 속성은 브라우저가 읽지 않아 초점을 받아도 화면 밖이었다. */
#jn-root a[href="#main"]:focus { left: 8px !important; }
/* ⓓ #1292 — CSS 밖에서 고친 것(자리만 적는다)
      §8-2 없는 글 주소: logic.js isMissing + markup.js 「찾을 수 없는 글」 화면(파이널 빈 화면 꼴).
      §8-5 검색 창: boot.js — 치는 즉시 결과(input→change)·Tab 이 창 안에서 돎·닫으면 연 단추로 초점. */
/* ⓔ #1292 · 클라우드 검수(쪽지 #1888) — 390 맨 위 공지 띠: 닫기 ×(절대 위치)가 링크 글 끝을 13×16px 덮었다.
      ⇒ 767px 아래에서만 띠 안쪽 오른쪽에 × 자리(24px + 틈 10px)를 비운다. 글이 길면 띠 안에서 줄을 바꾼다. */
@media (max-width: 767px) {
  #jn-root div:has(> button[aria-label="공지 닫기"]) { padding-right: calc(clamp(18px, 3vw, 40px) + 34px) !important; }
}
/* ⓕ #1292 · 클라우드 검수(쪽지 #1888) — 한글 12px 하한. 파이널 인라인 9.5~11.5px 중 «한글 자리»만 12px 로.
      ☠ 영문 라벨(KEY INSIGHT·EDITOR'S NOTE·NEWSLETTER·SERIES·VOL·01/02/03·COVER STORY)은 파이널 값 그대로 —
        같은 크기라도 인라인 묶음이 달라 그 묶음을 안 건드린다(실측: 홈·글·시리즈·분류·태그·저장·처리방침 8갈래). */
#jn-root [style*="font-size:11.5px"],
#jn-root [style*="font-size:11px;font-weight:700;letter-spacing:0.1em"],
#jn-root [style*="font-size:11px;letter-spacing:0.14em"],
#jn-root [style*="font-size:11px;letter-spacing:0.16em;color:var(--muted)"],
#jn-root [style*="font-size:11px;padding:"],
#jn-root [style*="font-size:11px;font-weight:700;padding:"],
#jn-root [style*="justify-content:center;font-size:11px"],
#jn-root [style*="font-size:10.5px;font-weight:700;letter-spacing:0.06em"],
#jn-root [style*="font-size:10.5px;letter-spacing:0.16em;color:var(--accent-deep)"],
#jn-root [style*="font-size:9.5px;font-weight:700;letter-spacing:0.16em;color:var(--muted)"] { font-size: 12px !important; }