body{background-color:var(--base-2);color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:100%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap;}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap;}.has-inline-mobile-toggle .header-widget,.has-inline-mobile-toggle #site-navigation{flex-basis:100%;}.nav-float-left .has-inline-mobile-toggle #site-navigation{order:10;}}
/*# sourceURL=generate-style-inline-css */


:root {
  --cl-cream:#FAF9F6; --cl-ink:#191B20; --cl-mid:#5A564E; --cl-mut:#9A948A;
  --cl-fade:#B4AEA2; --cl-pale:#CFC9BD; --cl-acc:#C2410C; --cl-acc2:#F97316;
  --cl-red:#B0483E;  --cl-blue:#3D6B9E; --cl-dim:#DAD5C9; --cl-tint:#F3F1EA; --cl-off:#7A756C;
  --cl-ink-rgb:25,27,32; --cl-mid-rgb:90,86,78; --cl-acc2-rgb:249,115,22; --cl-acc-rgb:194,65,12;
  --cl-red-rgb:176,72,62; --cl-blue-rgb:61,107,158;
}
/* 스크롤바 — 윈도우 기본(화살표 붙은 두꺼운 것)을 종이 색에 맞춘다.
   ⚠최신 크롬은 표준 속성이 있으면 webkit 가짜요소를 무시한다 → 둘 다 적는다.

   💣2026-08-31 준이 모달에서 잡았다 : *"살짝 튀는 느낌이 있긴한데"*
     🔴진범은 **`scrollbar-width` 가 상속되지 않는 속성**이라는 것이었다.
       `html` 에만 걸어 둬서 **모달·안쪽 칸은 못 물려받고 `auto`(두꺼운 기본)** 였다.
       반면 `scrollbar-color` 는 **상속되어** 모달까지 갔다 — 그래서 색만 우리 것이고
       폭은 윈도우 기본인 어중간한 막대가 됐다.
       🔬실측(2026-08-31, playwright) : 고치기 전 모달의 계산값이
         `scrollbar-width:auto` · `scrollbar-color:rgba(25,27,32,.22) transparent` 였다.
       ⭐`*` 로 걸어 **모든 스크롤 칸**에 준다.
       ⛔`html { scrollbar-width }` 로 되돌리지 말 것 — 안쪽 칸에 안 간다.
       (⚠`[data-track]` 의 인라인 `scrollbar-width:none` 은 인라인이라 그대로 이긴다)

   ⚠크롬은 표준 속성이 걸리면 **webkit 가짜요소를 통째로 무시한다.**
     그래서 아래 `::-webkit-*` 는 **사파리·구형 예비**다. 거기서는 여전히 쓰이므로
     막대 테두리를 `var(--cl-cream)` → `transparent` 로 바꿔 둔다 —
     크림 띠는 바탕이 한 색인 장에서만 맞고 **모달은 흰색·베이지가 번갈아** 나온다.

   ⭐색도 옮겼다 : 먹(#191B20)이라 우리 화면에서 **혼자 차가운 회색**이었다.
     흐린 것들(#B4AEA2·#CFC9BD)은 다 따뜻한 회갈인데 막대만 냉색.
     본문색(#5A564E)으로 옮기되 **밝기는 그대로**가 되게 알파를 보정했다 —
     먹 20% on 흰 = 209,209,210 / 본문 26% on 흰 = 212,211,209. */
html { scrollbar-color: rgba(var(--cl-mid-rgb),.26) transparent; }
* { scrollbar-width: thin; }
::-webkit-scrollbar { width:11px; height:11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(var(--cl-mid-rgb),.24); border-radius:99px;
  border:3px solid transparent; background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(var(--cl-mid-rgb),.40); background-clip: padding-box; }
::-webkit-scrollbar-corner { background: transparent; }

/* ── 손가락으로 차트를 끌 때 툴팁이 툭툭 끊기는 것 (2026-08-26 준) ─────────
   준 : *"모바일로 누른상태로 드래그 하잖아. 그럼 툭툭 끊겨.. 지금 만든 화면 다 그래"*
   🔴원인 : 손가락 끌기를 브라우저가 **페이지 스크롤**로 가로챈다. 그러면
     ①`pointercancel` 이 날아가 좌표가 끊기고 ②스크롤이 생겨 엔진이 툴팁을 숨긴다.
     실측 — 우리 화면 어디에도 `touch-action` 이 **0곳**이었다.
   ⭐`pan-y` = 세로 끌기는 브라우저(페이지 스크롤 그대로) · **가로 끌기는 우리 것**.
     그래서 차트를 옆으로 훑을 때만 스크롤이 안 끼어든다.
   ⛔`none` 으로 하지 않는다 — 그러면 차트 위에서 페이지가 아예 안 내려가 손님이 갇힌다.
   ⭐**사이트 전체 CSS 에 둔다** — 사는 CPI·주별 고용은 옛 틀로 구워져 있어서
     여기 두지 않으면 그 두 장은 다시 굽지 않는 한 안 낫는다.
   ⚠**장마다 상자 이름과 표식이 다르다.** 지표장은 `#cl-ind-app` + `data-hv`/`data-hover`,
     주별 고용은 `#cl-st-app` 이고 표식이 아예 없다(인라인 `cursor:crosshair` 로만 표시).
     그래서 셋을 다 짚는다 — 표식 · svg · 스스로 crosshair 라고 적어 둔 것.
     실측 : 주별 고용에 crosshair 191개가 전부 `touch-action:auto` 였다. */
[data-hv], [data-hover], [data-dist],
#cl-ind-app svg, #cl-st-app svg,
#cl-ind-app [style*="crosshair"], #cl-st-app [style*="crosshair"] {
  touch-action: pan-y;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* 표식이 클래스로 오는 것까지 남지 않게 **상자 뿌리**에도 건다.
   실측 : 주별 고용의 crosshair 191개 중 일부가 인라인이 아니라 클래스여서 남아 있었다.
   ⚠가로로 스크롤해야 하는 칸이 생기면 `data-xscroll` 을 달아 빠져나간다.
     (지금은 그런 칸이 없다 — 넓은 표는 좁을 때 열을 빼는 식으로 짰다) */
#cl-ind-app, #cl-st-app { touch-action: pan-y; }
#cl-ind-app [data-xscroll], #cl-st-app [data-xscroll] { touch-action: pan-x pan-y; }

/* ── 좁은 화면 : 가로 막대가 자리를 먹어 글자가 접히는 것 (2026-08-26 준 지적 3건) ──
   준 : *"히어로 3개 카드가 3줄로 나옴.. 좌측이 휑함"* /
        *"여기 줄바꿈 장난 아니야.. 가로 그래프를 없애는편이 나을거 같아"* /
        *"튀르키예 같은경우 수치쪽 줄바꿈.. 가로 그래프 빼고 수치만"*
   🔴실측(사는 CPI) : 주요국 수치 칸이 **56px** 인데 「+32.1%」 는 그보다 넓다 → 접힌다.
     좁은 화면에서는 clamp 가 50px 까지 줄어 더 심해진다.
   ⭐**좁으면 막대를 뺀다.** 막대는 자리를 가장 많이 먹고 글자보다 정보가 적다.
     이름과 수치는 남는다 — 견주는 데 필요한 건 그 둘이다.
   ⚠CPI 는 옛 틀로 구워져 표식(`data-cards`)이 없다. 그래서 **인라인 style 로 짚는다.**
     실측 개수 : 히어로 3 · 원화 줄 7(머리 1 + 품목 6) · 주요국 22. 딴 데 안 걸린다.
     ⏭CPI 를 다시 구울 때 `data-cards` 표식으로 갈면 이 선택자는 지워도 된다. */
/* 🔴선택자 규칙 (2026-08-26 실측) — CPI 는 옛 틀이라 표식이 없어 인라인 style 로 짚는다.
   그래서 **띄어쓰기에 안 걸리는 토막**만 쓴다. JS 가 el.style 을 한 번이라도 건드리면
   브라우저가 속성을 다시 쓰면서 `clamp(18px,3.4vw,44px)` → `clamp(18px, 3.4vw, 44px)`,
   `minmax(0,1fr)` → `minmax(0px, 1fr)` 로 바뀐다. 긴 토막을 쓰면 그 순간 규칙이 통째로 죽고
   2열·칸막이가 소리 없이 사라진다 (검수 중 실제로 재현했다).
   실측 개수 : 1 1 190px=3(히어로) · 26px+1.3fr=7(원화) · clamp(50px=22(주요국)
             · 2.6vw=2(통계 세 칸) · 3.4vw=2(두 칸 목록) · 3.4vw 안의 5px 2px=12(오른것/내린것) */
/* 🔴🔴**부품은 이 교정판이 못 건드린다** (2026-08-30)
   준: *"이거 부품이랑 너무 안맞는데;;"* — 실서버 CPI 히어로 오른쪽 패널이 두 칸으로 쪼개졌다.
   마크업은 부품 그대로였다(원본과 글자 대조 0건 차이). 때린 건 **아래 규칙들**이다 :
   부품 오른쪽 패널 padding 이 `clamp(26px,3.4vw,34px)` 이라 `[style*="3.4vw"]` 에 우연히 걸려
   `display:grid; grid-template-columns:1fr 1fr` 이 씌워졌다. 그 규칙의 몫은 본문 두 칸 목록이었다.

   ⭐그래서 자리를 바꾸는 규칙마다 **주어에** `:not([data-bupum],[data-bupum] *)` 를 단다.
     `[data-xscroll]` 로 이미 쓰던 수법과 같다.
   ⚠**주어(선택자 마지막 조각)에** 걸어야 한다. 앞 조각에만 걸면 바깥 상자가 규칙에 걸려
     `> *` 로 부품 **뿌리**를 때리는 길이 남는다(08-30 에 실제로 남았다).
   ⛔부품 마크업을 「글자가 안 겹치게」 비틀어 피하지 않는다 — 다음 규칙에 또 걸린다.
   ⛔손짓(touch-action·user-select)에는 울타리를 안 친다 — 그건 부품도 받아야 한다.
   🧰기계가 센다 : python _규격/검수_부품_울타리.py */
/* ── 두 칸 목록 = 2열 + 가운데 얇은 칸막이 (2026-08-26 준 · 모바일과 웹 둘 다) ─────
   주요국 22개(11+11) · 오른 것/내린 것. 설계는 이미 두 칼럼인데 `flex:1 1 250px` + wrap 이라
   좁아지면 위아래로 접혔다. 그리드로 못 박아 **접히지 않게** 한다 —
   접힐 수 있으면 칸막이가 세로 줄무늬로 남는다(히어로에서 실제로 그랬다).
   칸막이는 준이 히어로에서 쓴 것과 같은 선 : rgba(--cl-ink-rgb,.09).
   좌우 여백은 원래 gap(clamp 18~44px)의 절반씩 나눠 줘서 선이 정가운데에 온다. */
/* 🔴🔴**목록은 「애가 둘 이상」인 상자다** — `:has(> :nth-child(2))` (2026-09-07 · 준 폰)
   준: *"01절 수치 오른끝이 제각각"*(09-06 22:46 폰 스샷). 08-30 에 부품 오른쪽 패널이
   `clamp(26px,3.4vw,34px)` 로 여기 걸렸던 것과 **같은 병이 세 번째로** 났다 :
   고용지표 01절 큰 값 셋의 글씨가 `font-size:clamp(21px,3.4vw,30px)` 이라 이 규칙에 걸려
   **애가 하나(글자)뿐인 span 이 `1fr 1fr` 두 칸**이 됐다. 글자는 왼쪽 칸에 서고 오른쪽 칸은
   빈 채로 자리를 먹으니, `text-align:right` 를 줘도 글자가 오른끝에서 **제 폭만큼** 물러섰다.
   실측(폰 390) : 상자 오른끝은 다섯 다 370.5 인데 **글자** 오른끝은 269.8·316.4·370.5·299.7·370.5.
     └ S20 이 「다섯이 같다」고 본 것은 **칸 상자**였다. 준이 본 것은 글자다. 둘 다 맞았다.

   ⭐고치는 자리는 값이 아니라 **이 규칙**이다. 「두 칸 목록」은 이름 그대로 **칸이 둘**이니
     주어에 `:has(> :nth-child(2))` 를 달아 **애가 둘 이상일 때만** 걸리게 한다.
   ⛔값 쪽 `3.4vw` 를 딴 숫자로 비틀어 피하지 않는다 — 다음 규칙에 또 걸린다(08-30 규율).
   ⚠`:not([data-bupum]…)` 은 **주어 맨 뒤에 그대로 둔다**(08-30 규율). `:has` 는 그 앞에 붙인다.
   ⚠네 줄을 **함께** 고친다 — 첫 줄만 풀면 애가 하나인 상자가 2열은 안 되면서
     `> :first-child` 의 padding-right 만 뒤집어쓴다.
   🧾닿는 자리 : 사는 CPI 두 칸 목록 둘(주요국 22 · 오른 것/내린 것)은 애가 둘이라 **그대로**
     (390·1280 에서 열 폭·칸막이 1px 전후 동일). 고용지표 값 span 셋만 2열에서 풀린다.
     PC 1280 은 글자 오른끝 다섯이 전후 **똑같다**(77.9px 폭차 그대로 — 폰만 고치는 것이다). */
:is(#cl-ind-app,#cl-st-app) [style*="3.4vw"]:has(> :nth-child(2)):not([data-bupum],[data-bupum] *) {
  display:grid !important; grid-template-columns:1fr 1fr; gap:0 !important; }
:is(#cl-ind-app,#cl-st-app) [style*="3.4vw"]:has(> :nth-child(2)) > *:not([data-bupum],[data-bupum] *) { min-width:0 !important; }
:is(#cl-ind-app,#cl-st-app) [style*="3.4vw"]:has(> :nth-child(2)) > :first-child:not([data-bupum],[data-bupum] *) {
  padding-right:clamp(9px,1.7vw,22px); }
:is(#cl-ind-app,#cl-st-app) [style*="3.4vw"]:has(> :nth-child(2)) > :nth-child(2):not([data-bupum],[data-bupum] *) {
  padding-left:clamp(9px,1.7vw,22px); border-left:1px solid rgba(var(--cl-ink-rgb),.09); }

/* ══ 절 제목이 목차처럼 따라온다 (2026-09-01 준) ═══════════════════════════
   준: *"화면틀 부품에 우측 보면 목차가 화면 따라다니는거 알고 있지?
        이걸 좌측 섹션 제목 에도 같이 적용해주면 안될까?"*

   오른쪽 목차 레일(`[data-tocrail]`)이 따라다닌다. 왼쪽 절 제목 칸을 **같은 눈금**으로 맞춘다.

   🔴🔴**눈금은 28px 이 아니라 `92px` 이다.** 시안에는 `top:28px` 이라 적혀 있지만
     굽는 자리(`_규격/굽기/공통.py` 의 `사이트_얹기()`)가 **28 → 92 로 바꿔서** 굽는다 :
       *"🔴우측 목차가 **탑바에 가린다** — 시안은 `top:28px` 인데 사는 탑바가 92px 다"*
     사는 사이트의 `#masthead` 가 `position:sticky; top:0` 에 **높이 67px** 이라
     28px 에 붙이면 제목이 **머리띠 밑으로 들어가 잘린다.**
     💣2026-09-01 로드가 시안 숫자(28)를 그대로 믿고 붙였다가 그렇게 만들었다 —
       자로는 「8/8 붙었다」로 통과했고 **그림을 보고서야** 잘린 게 보였다.
       ⭐시안 숫자를 쓰기 전에 **사는 화면에서 실제로 몇인지** 재라.

   🔴**주어가 둘인 이유 — 계보가 둘이다** (2026-09-01 실측, 아홉 장 전수)
     · 여덟 장(CPI·국채금리·PCE·PPI·GDP·네마녀·잭슨홀·장바구니) = **인라인**
       `style="flex:0 0 clamp(140px,16vw,186px)"`
     · 주별 고용 한 장만 = **클래스** `.lab { flex:0 0 clamp(140px,16vw,186px) }`
       (준이 `.dc.html` 이 아니라 손으로 짠 `.html` 이라 꼴이 다르다)
     두 계보가 **같은 값**으로 만나므로 규칙 하나로 덮인다.

   🔴**`align-self:flex-start` 가 없으면 아무 일도 안 일어난다.**
     부모가 `display:flex` 인데 `align-items` 를 안 줘서 기본값(stretch)이다.
     늘어난 칸은 절 전체 높이라 붙을 자리가 없다. 이 한 줄이 급소다.

   🔴**`:has(> h2)` 로 「진짜 절 제목」만 고른다.**
     CPI 에 같은 값을 쓴 **빈 칸막이**가 하나 있다 —
     `<div style="flex:0 0 clamp(140px,16vw,186px)"></div>` (정렬용, 07절 앞).
     그것까지 붙박으면 빈 상자가 따라다닌다.

   🔴**글자 선택자는 `flex:` 를 빼고 짚는다.** JS 가 `el.style` 을 한 번이라도 건드리면
     속성이 `flex: 0 0 clamp(...)`(콜론 뒤 띄어쓰기)로 다시 쓰인다 — 위 두 칸 목록 규칙에
     적어 둔 것과 같은 함정이다.

   ⛔**720px 아래는 안 건다.** 좁아지면 절이 접혀 제목이 본문 **위로** 올라온다.
     거기서 붙박으면 제목이 본문을 덮으며 따라온다. 부품 1 명세에도 같은 경고가 있다 —
     *"레일을 `display:none` 하지 않고 아예 렌더하지 않는다 — sticky 가 모바일 스크롤을 잡아먹는다"*

   🔬**실서버 실측 (2026-09-01 · Playwright)**
     1280px : CPI **8/8** · 주별 고용 **7/7** · 국채 금리 **6/6** — 전부 정확히 92px,
              오른쪽 목차 레일(실측 92px)과 **같은 높이**에 선다
     719px  : 0개 (static) · 390px : 0개 (static) · 가로 넘침 0px
     💣조상 `overflow` 는 셋 다 깨끗했다(sticky 를 죽이는 흔한 범인이라 먼저 쟀다).
     💣`.rv` 등장 효과가 안 켜진 절은 `transform` 이 남아 좌표계를 밀어 잘못 잰다 —
       **화면 잘못이 아니라 시험 잘못이다.** 재기 전에 훑어서 효과를 다 켜야 한다.
     💣배포해도 안 바뀌면 **`cache-enabler` 페이지 캐시**다(mu-plugin opcache 와 별개).
       `ssh chartlab 'cd /var/www/html && sudo -u www-data wp cache-enabler clear'`
   🧰기계가 센다 : node _규격/도구/붙박이_시험.js <url> [폭]
   ══════════════════════════════════════════════════════════════════════ */
@media (min-width:720px) {
  :is(#cl-ind-app,#cl-st-app) [style*="0 0 clamp(140px,16vw,186px)"]:has(> h2):not([data-bupum],[data-bupum] *),
  :is(#cl-ind-app,#cl-st-app) .lab:has(> h2):not([data-bupum],[data-bupum] *) {
    position:sticky; top:92px; align-self:flex-start; }
}

@media (max-width:719px) {

  /* ① 히어로 세 칸 — 한 줄에 하나로 눕힌다 (이름 | 값 | 곁수)
     ⛔테두리 금지 (2026-08-26 준) — 줄마다 선을 그으면 「표 그리다 깨진」 느낌이 난다. 가르는 건 간격만.
     ⚠칸은 전부 줄어들 수 있어야 한다. 곁수 칸에 nowrap 을 물렸다가 줄이 화면보다 넓어져
       페이지 전체에 좌우 스크롤이 생기고 오른쪽이 짤렸다 (실측 19px). 안 접힐 것은 큰 숫자 하나만.
     ⚠선택자는 "flex:1 1 190px" 가 아니라 "1 1 190px" 를 짚는다 — JS 가 el.style 을 한 번이라도
       건드리면 속성이 "flex: 1 1 190px"(콜론 뒤 띄어쓰기)로 다시 쓰여 압박 선택자가 빗나간다. */
  :is(#cl-ind-app,#cl-st-app) div:has(> [style*="1 1 190px"]):not([data-bupum],[data-bupum] *) { display:grid; grid-template-columns:1fr; gap:0; }
  :is(#cl-ind-app,#cl-st-app) [style*="1 1 190px"]:not([data-bupum],[data-bupum] *) {
    display:grid !important; grid-template-columns:minmax(0,auto) 1fr minmax(0,auto);
    align-items:baseline; gap:0 10px; padding:9px 0 !important;
    border:0 !important; }   /* 눕힌 뒤에도 남는 데스크탑 세로 칸선까지 지운다 */
  :is(#cl-ind-app,#cl-st-app) [style*="1 1 190px"] > *:not([data-bupum],[data-bupum] *) { min-width:0; }
  :is(#cl-ind-app,#cl-st-app) [style*="1 1 190px"] > :nth-child(2):not([data-bupum],[data-bupum] *) { text-align:right; white-space:nowrap; }
  :is(#cl-ind-app,#cl-st-app) [style*="1 1 190px"] > :nth-child(3):not([data-bupum],[data-bupum] *) { text-align:right; white-space:normal; }
  :is(#cl-ind-app,#cl-st-app) [style*="1 1 190px"] > :nth-child(3) b:not([data-bupum],[data-bupum] *) { white-space:nowrap; }

  /* ⑥ 인라인으로 못 박은 min-width — 좁은 화면에서 풀어 준다 (2026-08-26 준 「횡스크롤」)
     데스크탑에서 카드를 나란히 세우려고 `flex:1 1 340px; min-width:300px` 처럼 바닥을 깔아 뒀다.
     눕히면 그 바닥이 화면보다 넓어 **페이지 전체에 좌우 스크롤**을 만든다(주별 고용 실측 19px).
     ⚠가로로 밀어 보는 상자(`[data-xscroll]`) 안은 건드리지 않는다 — 거기선 바닥이 일부러 넓다.
     실측: 주별 고용 7곳(300·280·280·240·240·240·240px) 전부 스크롤 상자 밖이었다. */
  :is(#cl-ind-app,#cl-st-app) [style*="min-width"]:not([data-xscroll] *):not([data-bupum],[data-bupum] *) { min-width:0 !important; }

  /* ⑦ 값 칸 안의 곁수가 밖으로 튀는 것 (개정 비율 줄 · 2026-08-26 주별 고용 실측 3px)
     칸은 96px 인데 「75%」 옆에 「1,350번 중 1,019번」(86px)이 nowrap 으로 붙어 한 줄을 고집했다.
     겉을 접히게 풀고 속만 nowrap 으로 남기면 곁수가 아래 줄로 내려간다. */
  :is(#cl-ind-app,#cl-st-app) [style*="19vw"] > :last-child:not([data-bupum],[data-bupum] *) { white-space:normal !important; }
  :is(#cl-ind-app,#cl-st-app) [style*="19vw"] > :last-child > *:not([data-bupum],[data-bupum] *) { white-space:nowrap; }

  /* ② 07 원화 줄 — 막대만 빼고 수치는 남긴다 (막대 = 셋째 칸의 첫 자식)
     🔬2026-08-31 실측 — 여기를 의심했다가 **아니었다**는 기록.
       준: *"표가 많이 어긋나있어"* → 마지막 `auto` 가 값을 쪼그라뜨리는 줄 알고
       `max-content` 로 바꿔 봤는데 **계산값이 한 픽셀도 안 달라졌다.**
       까닭 : 행이 `sc-for` 로 **한 줄에 격자 하나씩** 나온다. 열이 공유되지 않아
       각 행이 제 내용에 딱 맞는다(계란 95px · 원두커피 107px, 둘 다 안 넘침).
       ⛔여기를 다시 파지 말 것. 준이 본 어긋남은 **오른칸이 두 줄이라 세로가 안 맞던 것**이고
         「1년 전 $x」 를 빼고 `justify-content:center` 를 준 것으로 끝났다. */
  :is(#cl-ind-app,#cl-st-app) [style*="26px"][style*="1.3fr"]:not([data-bupum],[data-bupum] *) {
    grid-template-columns:22px minmax(0,1fr) auto auto !important;
    gap:0 10px !important; }
  :is(#cl-ind-app,#cl-st-app) [style*="26px"][style*="1.3fr"] > :nth-child(3) > :first-child:not([data-bupum],[data-bupum] *) { display:none; }

  /* ④ 통계 세 칸 한 줄 (10년 최고 / 10년 최저 / 침체 때 평균 · 발표 1분 / 15분 / 종가)
     3칸 나란히 = 한 칸이 83px. 마지막 칸의 「vs 평시」 쪽지가 밖으로 튀어나가
     페이지 전체에 좌우 스크롤을 만들고 있었다 (실측 19px).
     ⭐모바일은 한 줄에 하나 · 「라벨 … 값」 (2026-08-26 준 원칙) — 스크롤은 길어도 그게 깔끔하다.
     라벨은 nowrap+overflow:hidden 이라 자동최소폭이 0 → 좁아지면 스스로 줄어든다. 넘칠 길이 없다. */
  :is(#cl-ind-app,#cl-st-app) [style*="2.6vw"]:not([data-bupum],[data-bupum] *) {
    flex-direction:column !important; gap:0 !important; }
  :is(#cl-ind-app,#cl-st-app) [style*="2.6vw"] > *:not([data-bupum],[data-bupum] *) {
    flex-direction:row !important; align-items:baseline; justify-content:space-between;
    gap:0 10px !important; padding:7px 0;
    /* 💣블록의 flex-basis 가 세로축으로 옮겨 온다 — 생산성 장은 `flex:1 1 150px` 라 줄 하나가 **150px** 가 됐다
       (준 2026-09-05 저녁 폰 실측 「간격봐ㅠ」). 줄은 제 키만큼만 : basis auto · grow 0. CPI 는 basis 0 이라 우연히 멀쩡했다. */
    flex:0 0 auto !important; }
  :is(#cl-ind-app,#cl-st-app) [style*="2.6vw"] > * > :first-child:not([data-bupum],[data-bupum] *) {
    min-width:0; }

  /* ③ 주요국 — 막대 빼고 이름+수치. 수치는 접히지 않게 */
  :is(#cl-ind-app,#cl-st-app) [style*="clamp(50px"]:not([data-bupum],[data-bupum] *) { grid-template-columns:1fr auto !important; }
  :is(#cl-ind-app,#cl-st-app) [style*="clamp(50px"] > :nth-child(2):not([data-bupum],[data-bupum] *) { display:none; }
  :is(#cl-ind-app,#cl-st-app) [style*="clamp(50px"] > :nth-child(3):not([data-bupum],[data-bupum] *) { white-space:nowrap; }

  /* ⑤ 두 칸 목록의 이름은 nowrap 이라 스스로 줄지 않는다 → 좁으면 잘리게(…) 해야 페이지를 밀지 않는다.
     실측 최대 글자폭 : 나라 76px(사우디아라비아) · 항목 82px(난방유·기타 연료) · 수치 50px.
     칼막이·2열 배치 자체는 미디어 밖의 전역 규칙이 맡는다(웹도 같이 걸린다). */
  :is(#cl-ind-app,#cl-st-app) [style*="3.4vw"] [style*="5px 2px"] > :first-child:not([data-bupum],[data-bupum] *),
  :is(#cl-ind-app,#cl-st-app) [style*="clamp(50px"] > :first-child:not([data-bupum],[data-bupum] *) {
    min-width:0; overflow:hidden; text-overflow:ellipsis; }
}


/* ============================================================
   ChartLAB — 준 샘플(클로드 디자인 v2)의 워드프레스 번역
   금→주황 치환 · 조각 1 = 공용 크롬(탑바+로고 모션)
   팔레트: 종이 #FAF9F6 · 잉크 #191B20 · 주황 #F97316
   ============================================================ */
:root{
  --paper:#FAF9F6; --card:#FFFFFF;
  --ink:#191B20; --text:#3F3C36; --soft:#5A564E; --muted:#8A857C; --faint:#9A948A;
  --lab:#F97316; --lab-deep:#C2410C;
  --lab-bg:rgba(249,115,22,.09); --lab-edge:rgba(249,115,22,.25);
  --line:rgba(25,27,32,.07); --line-soft:rgba(25,27,32,.05);
  --chip:#F1EFE8; --band:#F3F1EA;
  --serif:'Hahmlet',serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ── 종이 ── */
html{scroll-behavior:smooth;}
body{
  background:var(--paper); color:var(--text);
  font-family:'Pretendard Variable',Pretendard,-apple-system,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  animation:clFade .5s ease both;
}
/* 닫힌 메가 패널 등 absolute 넘침이 가로 스크롤을 만들지 않게 — 데스크탑 한정(모바일 sticky 보호) */
@media (min-width:769px){ body{overflow-x:clip;} }
@keyframes clFade{from{opacity:0}to{opacity:1}}
::selection{background:rgba(249,115,22,.2);}
a{color:var(--ink); text-decoration:none;}
a:hover{color:var(--lab-deep);}

/* 종이 노이즈 결 */
body::after{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:98; opacity:.03;
  background-image:url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22180%22 height=%22180%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.75%22 numOctaves=%222%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22180%22 height=%22180%22 filter=%22url(%23n)%22/%3E%3C/svg%3E');
}

/* 스크롤 진행바 */
.cl-progress{
  position:fixed; top:0; left:0; right:0; height:2px; z-index:100;
  background:linear-gradient(90deg,var(--lab),var(--lab-deep));
  transform:scaleX(0); transform-origin:left; will-change:transform;
}

/* ── 탑바: 심플 블러 바 (알약 철거) ── */
.site-header{
  position:sticky; top:0; z-index:50;
  background:rgba(250,249,246,.78);
  -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px);
  border-bottom:1px solid var(--line);
  transition:box-shadow .3s ease;
}
.site-header.hdr-scrolled{box-shadow:0 10px 30px -18px rgba(25,27,32,.18);}
.inside-header{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  max-width:1200px; margin:0 auto; padding:0 32px !important; height:66px;
  background:transparent;
}
.site-logo{display:flex; align-items:center;}   /* 내용물은 필터가 SVG 로고로 교체 */
.site-logo img{height:40px !important; width:auto !important;}   /* 안전핀: 이미지 로고가 새어 나와도 거인 금지 */

/* ── 로고: 자기조립 노드망 ── */
.cl-brand{display:flex; align-items:center; gap:10px; cursor:pointer;}
.cl-brand svg{display:block; width:35px; height:35px; overflow:visible;}
.cl-brand .ce{stroke:var(--ink); stroke-width:2.6; stroke-linecap:round;
  stroke-dasharray:70; stroke-dashoffset:70; transition:stroke-dashoffset .55s var(--ease);}
.cl-brand .ce.drawn{stroke-dashoffset:0;}
.cl-brand .cs{stroke:var(--lab); stroke-width:2.8; stroke-linecap:round;
  stroke-dasharray:3 200; stroke-dashoffset:34; opacity:0;
  filter:drop-shadow(0 0 4px rgba(249,115,22,.75));}
.cl-brand.alive .cs{opacity:.95; animation:clSig 1.9s linear infinite;}
@keyframes clSig{from{stroke-dashoffset:34}to{stroke-dashoffset:-34}}
.cl-brand .cn{transform-box:fill-box; transform-origin:center; transform:scale(0);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1);}
.cl-brand .cn.pop{transform:scale(1);}
.cl-brand .cc{transform-box:fill-box; transform-origin:center; transform:scale(0);
  transition:transform .5s cubic-bezier(.34,1.56,.64,1);}
.cl-brand .cc.pop{transform:scale(1);}
.cl-brand .cg{opacity:0; transition:opacity .4s ease .1s;}
.cl-brand .cg.in{opacity:1;}
.cl-brand .word{font-family:'Pretendard Variable',Pretendard,sans-serif; font-size:20.5px; font-weight:800;
  letter-spacing:-.02em; color:var(--ink); line-height:1;}   /* 정본 로고 워드마크 = 굵은 고딕 */
.cl-brand .word .lab{color:var(--lab);}

/* ── 메뉴: 밑줄 슬라이드 + 메가 패널 (준 샘플 20260814 번역 · 브라스→주황) ── */
.main-navigation{background:transparent;}
.main-navigation ul{background:transparent;}
.main-navigation .menu-toggle{background:transparent; color:var(--ink);}
.main-navigation .dropdown-menu-toggle{display:none !important;}

@media (min-width:769px){
  /* 항목이 헤더 높이(66px)를 꽉 채워야 밑줄이 헤더 바닥선에 붙는다 (샘플 구조)
     ⚠height:100% 상속 체인은 GP 중간 래퍼에서 끊긴다 — 전부 상수로 박는다 */
  .main-navigation{height:66px;}
  .main-navigation .main-nav > ul{
    display:flex; align-items:center; gap:34px; height:66px;
    position:relative;   /* 밑줄 기준 */
  }
  .main-navigation .main-nav > ul > li{height:66px; display:flex; align-items:center; float:none; margin:0;}
  .main-navigation .main-nav > ul > li > a{
    display:flex; align-items:center; gap:5px; height:66px; padding:0;
    font-size:14px; font-weight:500; color:var(--soft); line-height:normal;
    background:transparent; transition:color .25s ease;
  }
  .main-navigation .main-nav > ul > li > a:hover{color:var(--ink); background:transparent;}
  .main-navigation .main-nav > ul > li[class*="current"] > a{font-weight:600; color:var(--ink);}

  /* 쉐브론 — 패널 있는 방만, 호버 시 뒤집힘 */
  .main-navigation .main-nav > ul > li.menu-item-has-children > a::after{
    content:""; width:6px; height:6px; margin-top:-3px;
    border-right:1.6px solid #B4AEA2; border-bottom:1.6px solid #B4AEA2;
    transform:rotate(45deg); transform-origin:66% 66%;
    transition:transform .3s var(--ease);
  }
  .main-navigation .main-nav > ul > li.menu-item-has-children:hover > a::after{transform:rotate(225deg);}

  /* 슬라이딩 밑줄 — JS(cl-menubar)가 left/width를 옮긴다. 메뉴를 떠나면 현재 페이지로 복귀 */
  .cl-menubar{
    position:absolute; bottom:0; left:0; height:2px;
    background:var(--lab); border-radius:99px; opacity:0;
    transition:left .35s var(--ease), width .35s var(--ease), opacity .25s ease;
    will-change:left,width;
  }

  /* 메가 패널 — 2열, 헤더에 6px 겹쳐 호버가 안 끊긴다 */
  .main-navigation .main-nav ul li.menu-item-has-children{position:relative;}
  .main-navigation .main-nav ul ul{
    display:grid; grid-template-columns:1fr 1fr; gap:6px;
    float:none; height:auto; overflow:visible;   /* GP는 height:0+overflow:hidden 접기로 숨김 */
    position:absolute; top:calc(100% - 6px); left:-18px !important; right:auto;
    width:496px;
    background:#fff; border:1px solid rgba(25,27,32,.08); border-radius:16px;
    box-shadow:0 28px 56px -20px rgba(25,27,32,.25), 0 2px 6px rgba(25,27,32,.05);
    padding:20px;
    opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:auto;
    /* 닫힘 유예 — 커서가 옆 칸을 스쳐도 0.5초 안에 패널로 돌아오면 다시 산다
       ⚠pointer-events:none 금지(GP 원본이 ul ul에 none을 깔아둠 → auto 명시로 덮는다):
       none이면 유예 중에도 패널이 마우스를 못 받아 복귀 불가(유령화). 소멸 후엔 visibility:hidden이 이벤트를 막는다 */
    transition:opacity .26s var(--ease) .24s, transform .26s var(--ease) .24s, visibility 0s .5s;
    z-index:60;
  }
  .main-navigation .main-nav ul li:hover > ul,
  .main-navigation .main-nav ul li.sfHover > ul,
  .main-navigation .main-nav ul li:focus-within > ul{
    opacity:1; visibility:visible; transform:none;
    transition-delay:0s,0s,0s;   /* 열림은 즉시 */
  }
  /* 뒤쪽 방(4번째부터)은 패널을 오른쪽 정렬로 — 화면 밖 이탈 방지 (마켓·IBKR)
     ⚠:last-child 금지 — JS가 ul 끝에 밑줄 span을 붙여서 li가 자격을 잃는다 → nth-of-type
     ⚠닫힌 패널도 absolute라 스크롤 영역에 기여함(visibility:hidden 무관) — body overflow-x:clip이 보험 */
  .main-navigation .main-nav > ul > li:nth-of-type(n+4) > ul{left:auto !important; right:-18px;}

  /* 패널 항목: 번호 + 이름 + 설명 (walker가 .t/.num/.name/.desc 구조 출력) */
  .main-navigation .main-nav ul ul li{width:auto; float:none; display:block;
    opacity:0; transform:translateY(5px);
    transition:opacity .18s var(--ease) .24s, transform .18s var(--ease) .24s;}   /* 닫힘도 패널 유예와 동행 */
  .main-navigation .main-nav ul li:hover > ul li,
  .main-navigation .main-nav ul li.sfHover > ul li,
  .main-navigation .main-nav ul li:focus-within > ul li{opacity:1; transform:none;}
  .main-navigation .main-nav ul li:hover > ul li:nth-child(1){transition-delay:.05s;}
  .main-navigation .main-nav ul li:hover > ul li:nth-child(2){transition-delay:.09s;}
  .main-navigation .main-nav ul li:hover > ul li:nth-child(3){transition-delay:.13s;}
  .main-navigation .main-nav ul li:hover > ul li:nth-child(4){transition-delay:.17s;}
  .main-navigation .main-nav ul li:hover > ul li:nth-child(5){transition-delay:.21s;}
  .main-navigation .main-nav ul li:hover > ul li:nth-child(6){transition-delay:.25s;}
  .main-navigation .main-nav ul ul li a{
    display:flex; flex-direction:column; gap:3px;
    padding:12px 14px; border-radius:11px; white-space:normal; line-height:normal;
    background:transparent; transition:background .2s ease;
  }
  .main-navigation .main-nav ul ul li a:hover{background:var(--band); color:inherit;}
  .main-navigation .main-nav ul ul .t{display:flex; align-items:center; gap:7px;}
  .main-navigation .main-nav ul ul .num{font-family:var(--serif); font-size:10.5px; font-weight:600; color:var(--lab-deep); letter-spacing:.02em;}
  .main-navigation .main-nav ul ul .name{font-size:13.5px; font-weight:600; color:var(--ink);}
  .main-navigation .main-nav ul ul .desc{font-size:12px; font-weight:450; line-height:1.5; color:var(--faint); padding-left:21px;}
  .main-navigation .main-nav ul ul li[class*="current"] .name{color:var(--lab-deep);}

  /* 시리즈 프로모 카드 (JS가 IBKR 패널 끝에 주입) — 아래 가로 통짜
     ⚠셀렉터를 항목 규칙(.main-nav ul ul li a)보다 무겁게 — 아니면 background:transparent에 패배 */
  .cl-promo-li{grid-column:1 / -1;}
  .main-navigation .main-nav ul ul li a.cl-promo{
    position:relative; display:flex; flex-direction:column; justify-content:center; gap:5px;
    padding:14px 16px; border-radius:11px; overflow:hidden;
    background:linear-gradient(150deg,#191B20,#23262e);
  }
  .main-navigation .main-nav ul ul li a.cl-promo:hover{background:linear-gradient(150deg,#191B20,#262a33);}
  .cl-promo::before{
    content:""; position:absolute; top:-40px; right:-30px; width:130px; height:130px;
    background:radial-gradient(closest-side, rgba(249,115,22,.28), transparent 70%);
    pointer-events:none;
  }
  .cl-promo .kicker{position:relative; font-size:10px; font-weight:700; letter-spacing:.14em; color:var(--lab);}
  .cl-promo .title{position:relative; font-family:var(--serif); font-size:13.5px; font-weight:600; line-height:1.45; color:var(--paper);}
}

/* 모바일: 햄버거 = 모달 — 프레임 불변. 페이지 위에 어두운 막 + 떠 있는 메뉴 카드(JS가 메뉴를 복제해 띄움) */
@media (max-width:768px){
  /* GP 인라인 메뉴 완전 봉인 — 모달이 대체. 햄버거 버튼은 별도 nav(mobile-menu-control-wrapper)라 산다 */
  #site-navigation{display:none !important;}
  /* 탑바: GP 모바일 유령 오프셋(원인 불명 +8px)이 flex 정렬을 계속 이겨서
     로고를 absolute로 수학적 수직 중앙에 정박 — 어떤 상속도 못 건드린다 */
  #masthead .inside-header, .inside-header{height:64px !important; padding:0 16px !important; align-items:center; position:relative;}
  .site-header .cl-brand{position:absolute; left:16px; top:50%; transform:translateY(-50%); margin:0;}
  #mobile-menu-control-wrapper{display:flex; align-items:center; height:64px; margin-left:auto; margin-top:0; margin-bottom:0; padding:0;}

  /* 어두운 막 — 옅은 블러로 뒤를 은은하게 뭉개 카드를 띄운다 */
  .cl-mnav-scrim{
    position:fixed; inset:0; z-index:200;
    background:rgba(25,27,32,.45);
    -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
    opacity:0; visibility:hidden;
    transition:opacity .25s ease, visibility 0s .3s;
  }
  /* 메뉴 카드 — 데스크탑 드롭다운과 같은 언어(종이 카드·둥근 모서리·그림자·fade+lift) */
  .cl-mnav-card{
    position:fixed; top:70px; left:14px; right:14px; z-index:201;
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    box-shadow:0 28px 56px -20px rgba(25,27,32,.35), 0 2px 6px rgba(25,27,32,.06);
    max-height:calc(100vh - 86px);
    max-height:calc(100dvh - 86px);   /* 모바일 주소창 대응 */
    overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;
    padding:6px 16px 10px;
    opacity:0; visibility:hidden; transform:translateY(-8px);
    transition:opacity .28s var(--ease), transform .28s var(--ease), visibility 0s .34s;
  }
  body.cl-mnav-open .cl-mnav-scrim{opacity:1; visibility:visible; transition-delay:0s,0s;}
  body.cl-mnav-open .cl-mnav-card{opacity:1; visibility:visible; transform:none; transition-delay:0s,0s,0s;}

  /* 카드 상단 마감 줄 — MENU 오버라인 + X (쉐브론과 같은 1.6px 획 언어) */
  .cl-mnav-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:11px 2px 8px; border-bottom:1px solid var(--line);
  }
  .cl-mnav-head .k{font-size:10px; font-weight:700; letter-spacing:.16em; color:var(--lab-deep);}
  .cl-mnav-x{
    display:flex; align-items:center; justify-content:center;
    width:34px; height:34px; margin:-8px -10px -8px 0; padding:0;
    border:0; background:transparent; color:var(--soft); border-radius:10px;
    outline:none !important; box-shadow:none;
  }
  .cl-mnav-x:active{color:var(--ink); background:var(--chip);}

  /* 카드 내부 리스트 — 클론은 .main-navigation 스코프 밖이라 자체 스타일 */
  .cl-mnav-card ul{list-style:none; margin:0; padding:0;}
  .cl-mnav-card > ul > li + li{border-top:1px solid var(--line-soft);}
  .cl-mnav-card > ul > li > a{display:block; padding:10px 2px; font-size:15px; font-weight:600; color:var(--ink); line-height:1.4;}
  .cl-mnav-card > ul > li[class*="current"] > a{color:var(--lab-deep);}
  .cl-mnav-card ul ul{display:grid; grid-template-columns:1fr 1fr; gap:0 10px; padding:0 0 7px 10px; margin:0;}
  .cl-mnav-card ul ul li a{display:block; padding:7px 2px; font-size:14px; font-weight:500; color:var(--soft); line-height:1.4;}
  .cl-mnav-card ul ul li[class*="current"] > a{color:var(--lab-deep);}
  /* 세리프 번호 — 데스크탑 메가 패널의 01·02 그대로, 우아한 타이포 포인트 */
  .cl-mnav-card .num{
    font-family:var(--serif); font-size:10px; font-weight:600;
    color:var(--lab-deep); letter-spacing:.02em; margin-right:7px;
  }
  .cl-mnav-card .desc,
  .cl-mnav-card .dropdown-menu-toggle, .cl-mnav-card .cl-promo-li{display:none;}
  .cl-menubar{display:none;}

  /* 방들이 위에서부터 순차로 떠오른다 (최상위 7개만, 짧게) */
  .cl-mnav-card > ul > li{opacity:0; transform:translateY(6px);
    transition:opacity .22s var(--ease), transform .22s var(--ease);}
  body.cl-mnav-open .cl-mnav-card > ul > li{opacity:1; transform:none;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(1){transition-delay:.04s;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(2){transition-delay:.07s;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(3){transition-delay:.10s;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(4){transition-delay:.13s;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(5){transition-delay:.16s;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(6){transition-delay:.19s;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(7){transition-delay:.22s;}
  body.cl-mnav-open .cl-mnav-card > ul > li:nth-child(8){transition-delay:.25s;}

  /* 토글(햄버거) — 포커스 테두리 전부 제거 (⚠폰 탭에서도 :focus-visible이 떠서 주황 박스가 남는다)
     margin-right 음수 = 버튼 자체 패딩만큼 광학 보정 → 아이콘이 로고와 같은 16px 라인에 선다 */
  .main-navigation .menu-toggle{
    padding:10px 12px; border:0; margin-right:-12px;
    height:64px; display:flex; align-items:center;   /* 헤더와 같은 키로 아이콘 수직 중앙 */
  }
  .main-navigation .menu-toggle:focus,
  .main-navigation .menu-toggle:focus-visible,
  .main-navigation .menu-toggle:hover{outline:none !important; box-shadow:none; background:transparent; color:var(--ink);}
}

/* ── 본문 폭 ── */
.site-content{padding-top:26px;}
.grid-container{max-width:1200px;}
.widget-area{display:none;}
.content-area{width:100% !important; float:none;}

/* ── 대문 카드(임시 유지 — 홈 조각에서 교체 예정) ── */
.blog .site-main, .archive .site-main{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.blog .site-main > article, .archive .site-main > article{
  position:relative; margin:0; background:var(--card);
  border:1px solid var(--line); border-radius:18px;
  box-shadow:0 1px 2px rgba(25,27,32,.03); overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s ease;
}
.blog .site-main > article::before, .archive .site-main > article::before{
  content:""; position:absolute; inset:0; z-index:0; opacity:0;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%), rgba(249,115,22,.08), transparent 65%);
  transition:opacity .4s ease;
}
.blog .site-main > article:hover::before, .archive .site-main > article:hover::before{opacity:1;}
.blog .site-main > article:hover, .archive .site-main > article:hover{
  transform:translateY(-4px); box-shadow:0 20px 40px -18px rgba(25,27,32,.18);
}
.blog .site-main > article:first-child, .archive .site-main > article:first-child{grid-column:1 / -1;}
.blog .inside-article, .archive .inside-article{position:relative; z-index:1; padding:26px 28px;}
.site-main .paging-navigation, .site-main > nav{grid-column:1 / -1;}
.entry-meta{font-size:12px; font-weight:600; color:var(--faint); margin:0 0 10px;}
.entry-meta a{color:var(--lab-deep);}
h2.entry-title{font-family:var(--serif); font-size:21px; font-weight:600; letter-spacing:-.01em; line-height:1.5; margin:0 0 8px;}
h2.entry-title a{color:var(--ink);}
.blog .site-main > article:first-child h2.entry-title{font-size:27px;}
.byline{color:var(--faint);}
.post-image{margin:0 0 16px;}
.post-image img{border-radius:12px; display:block; width:100%; height:auto;}
.blog .post-image img, .archive .post-image img{aspect-ratio:21/9; object-fit:cover;}
.blog .site-main > article:not(:first-child) .post-image img,
.archive .site-main > article:not(:first-child) .post-image img{aspect-ratio:16/9;}
.entry-summary{font-size:14px; line-height:1.8; color:var(--muted);}
.entry-summary p{margin-bottom:0;}

/* ── 리빌 ── */
.rv{opacity:0; transform:translateY(24px);
  transition:opacity .75s var(--ease), transform .75s var(--ease); transition-delay:var(--rvd,0s);}
.rv.in{opacity:1; transform:none;}

/* ── 글 페이지: 샘플 타이포 번역 ── */
.single .content-area, .page .content-area{max-width:820px; margin:0 auto;}
:is(.single, .page-id-3) .site-main > article, .page .site-main > article{background:transparent; border:0; box-shadow:none;}
/* ⚠GP는 inside-article에 흰 판을 깐다 — 글은 종이 위에 바로 얹혀야 한다 */
.single .inside-article, .page .inside-article{padding:30px 24px 40px; background:transparent;}
/* ⚠GP가 site-main 폭을 20px 깎는다(사이드바 자리) → 본문 기둥이 샘플보다 좁아진다 */
.single .site-main, .page .site-main{max-width:none !important; width:100% !important; margin:0 !important;}
/* 글 머리 = 샘플 치수: 제목 46/1.32 · 부제 17/1.7 · 블록 폭 760 */
.single .entry-header{margin-bottom:30px; max-width:760px;}
.single h1.entry-title{
  font-family:var(--serif); font-size:46px; font-weight:600; letter-spacing:-.02em;
  line-height:1.32; color:var(--ink); margin:10px 0 0; text-wrap:balance;
}
.single .entry-header .entry-meta{margin:0 0 4px;}
.single .cl-lead{
  margin:22px 0 0; font-size:17px; line-height:1.7; font-weight:450; color:var(--soft);
  text-wrap:pretty;
}

/* ⛔글 상세에서 대표 이미지(표지)는 감춘다 — 2026-08-12 준 결정.
   표지에 적힌 말이 바로 위 제목과 같아 같은 문장을 두 번 하며 화면 절반을 썼다.
   표지는 홈 카드·검색·SNS 공유(OG)에서 계속 일하므로 지우는 게 아니라 본문에서만 뺀다.
   본문 중간의 '실제 화면 캡처'는 그대로 다 보인다. */
.single .post-image, .single .featured-image{display:none;}
/* ════════ 본문 조판 — 샘플 규격 (부품 서랍)
   원칙: 글에 클래스를 안 써도 기본 태그가 곧 부품이 되게 한다.
   문단 16.5/1.85 · 소제목 Hahmlet · 목록=카드 · 인용=확인 박스 · 표=줄무늬 카드 ════════ */
.entry-content{font-size:16.5px; line-height:1.85; color:var(--text);}
.entry-content > p{margin:0 0 22px;}
.entry-content b, .entry-content strong{color:var(--ink); font-weight:700;}
.entry-content u{text-decoration:none; border-bottom:2px solid rgba(249,115,22,.5); padding-bottom:1px;}
.entry-content em{font-style:normal; color:var(--ink); font-weight:550;} /* 08-15: 주황 글씨는 링크 전용 — 강조는 잉크로(샘플 규격) */
.entry-content a{color:var(--lab-deep);}
.entry-content hr{border:0; border-top:1px solid var(--line); margin:44px 0;}

/* 소제목 — h2가 큰 마디, h3가 작은 마디 */
.entry-content h2{
  font-family:var(--serif); font-size:28px; font-weight:600; letter-spacing:-.01em;
  line-height:1.4; color:var(--ink); margin:46px 0 16px; padding-top:12px;
}
.entry-content h3{
  font-family:var(--serif); font-size:21px; font-weight:600; letter-spacing:-.01em;
  line-height:1.5; color:var(--ink); margin:34px 0 12px;
}
.entry-content h2:first-child, .entry-content h3:first-child{margin-top:0;}
.entry-content h4{font-size:16px; font-weight:800; color:var(--ink); margin:26px 0 10px;}
.entry-content h4 b{border-bottom:2px solid var(--lab); padding-bottom:2px;}

/* 부품 — 인용 = 확인 박스 */
.entry-content blockquote{
  background:var(--lab-bg); border:1px solid var(--lab-edge); border-left:1px solid var(--lab-edge);
  padding:22px 26px; margin:0 0 24px; border-radius:16px; font-size:14.5px;
}
.entry-content blockquote p{margin:0; line-height:1.75; color:#4A4438;}
.entry-content blockquote p + p{margin-top:10px;}

/* 부품 — 목록 = 흰 카드 + 주황 점 (샘플 '준비물' 박스) */
.entry-content ul{
  list-style:none; margin:0 0 24px; padding:24px 26px;
  background:var(--card); border:1px solid var(--line); border-radius:16px;
  box-shadow:0 1px 2px rgba(25,27,32,.03);
  display:flex; flex-direction:column; gap:12px;
}
.entry-content ul li{
  position:relative; margin:0; padding-left:18px;
  font-size:15px; line-height:1.6; font-weight:500; color:var(--ink);
  list-style:none;   /* ⚠테마 기본 disc가 남아 점이 두 개로 보인다 */
}
.entry-content ul li::before{
  content:""; position:absolute; left:0; top:.62em;
  width:6px; height:6px; border-radius:50%; background:var(--lab);
}
.entry-content ul ul{
  margin:10px 0 0; padding:0; background:transparent; border:0; box-shadow:none; gap:8px;
}
.entry-content ul ul li{font-size:14px; font-weight:450; color:var(--soft);}
.entry-content ul ul li::before{background:#C9C3B8; width:5px; height:5px;}
.entry-content ol{margin:0 0 24px 22px;}
.entry-content ol li{margin-bottom:8px;}
.entry-content ol li::marker{color:var(--lab); font-weight:600;}

/* 부품 — 표 = 줄무늬 카드. 폰에서는 구기지 않고 옆으로 밀어 본다(JS가 래퍼를 씌우고 열 수만큼 최소폭을 준다) */
.cl-tblwrap{overflow-x:auto; -webkit-overflow-scrolling:touch; margin:0 0 24px; border-radius:16px;}
.cl-tblwrap table{margin:0;}
.entry-content table{
  width:100%; border-collapse:separate; border-spacing:0; margin:0 0 24px;
  font-size:14px; line-height:1.7; background:var(--card);
  border:1px solid var(--line); border-radius:16px; overflow:hidden;
}
.entry-content table th{
  background:var(--band); font-size:12.5px; font-weight:600; color:#7A756C;
  text-align:left; padding:13px 20px; border:0;
}
.entry-content table td{
  padding:14px 20px; border:0; border-top:1px solid rgba(25,27,32,.06); color:var(--text);
}
.entry-content table tr td:first-child{font-weight:600; color:var(--ink);}

/* 부품 — 이미지 + 캡션 */
.entry-content img{
  border-radius:16px; border:1px solid var(--line); display:block; height:auto;
  box-shadow:0 6px 26px rgba(25,27,32,.06); background:var(--card);
}
.entry-content figure{margin:0 0 24px;}
.entry-content figure img{margin:0;}
.entry-content figcaption{
  margin-top:10px; font-size:12.5px; color:var(--faint); text-align:center; line-height:1.6;
}
footer.entry-meta{margin-top:36px;}

/* ── 부품 서랍(선택) — 글에서 클래스로 부르는 조판 ── */
/* 단계 카드: <ol class="cl-steps"><li><b>제목</b>설명</li>… */
.entry-content ol.cl-steps{
  list-style:none; margin:0 0 24px; padding:0; counter-reset:clstep;
  background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden;
}
.entry-content ol.cl-steps li{
  counter-increment:clstep; margin:0; padding:18px 24px 18px 62px; position:relative;
  border-top:1px solid rgba(25,27,32,.06); font-size:13.5px; line-height:1.6; color:#7A756C;
}
.entry-content ol.cl-steps li:first-child{border-top:0;}
.entry-content ol.cl-steps li::before{
  content:counter(clstep,decimal-leading-zero); position:absolute; left:24px; top:18px;
  font-family:var(--serif); font-size:13px; font-weight:600; color:var(--lab-deep);
}
.entry-content ol.cl-steps li b{display:block; font-size:15px; font-weight:600; color:var(--ink); margin-bottom:3px;}
/* 요약 상자: <div class="cl-sum">…</div> */
.entry-content .cl-sum{
  background:var(--chip); border-radius:16px; padding:22px 26px; margin:0 0 26px;
  font-size:15px; line-height:1.75; color:var(--soft);
}
.entry-content .cl-sum b{color:var(--ink);}
/* 링크 버튼: <a class="cl-btn" href="…">…</a> */
.entry-content a.cl-btn{
  display:inline-flex; align-items:center; gap:8px; height:48px; padding:0 24px;
  background:var(--ink); color:#FAF9F6; border-radius:99px; border:0;
  font-size:15px; font-weight:600; margin:0 0 24px;
  box-shadow:0 8px 20px -8px rgba(25,27,32,.4);
  transition:transform .2s var(--ease);
}
.entry-content a.cl-btn:hover{color:#FAF9F6; transform:translateY(-2px); border:0;}

/* ── 푸터 ── */
.site-footer{background:transparent; margin-top:64px;}
.site-info{padding:0; text-align:left; font-size:12.5px; color:var(--faint); border:0;}
.site-info a{color:var(--faint);}
/* ⚠GP는 inside-site-info를 flex로 깐다 → 블록으로 되돌려야 cl-footer가 제 폭(1200)을 갖는다 */
.site-info .inside-site-info{display:block !important; padding:0 !important; max-width:none;}

/* ── 모션 배려 ── */
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1; transform:none; transition:none;}
  body{animation:none;}
  .cl-brand .ce{stroke-dashoffset:0; transition:none;}
  .cl-brand .cn, .cl-brand .cc{transform:scale(1); transition:none;}
  .cl-brand .cg{opacity:1;}
  .cl-brand.alive .cs{animation:none; opacity:0;}
}

/* ── 모바일 ── */
@media (max-width:768px){
  .inside-header{padding:0 18px !important; height:58px;}
  .cl-brand svg{width:30px; height:30px;}
  .cl-brand .word{font-size:20px;}
  .blog .site-main, .archive .site-main{grid-template-columns:1fr;}
  .single h1.entry-title{font-size:27px;}
  .entry-content{font-size:15.5px;}
  .single .inside-article, .page .inside-article{padding:20px 18px 30px;}
}

/* ── 조각2: 브레드크럼 ── */
.cl-crumb{display:flex; gap:8px; align-items:center; font-size:13px; color:var(--faint); margin-bottom:14px;}
.cl-crumb a{color:var(--faint);}
.cl-crumb a:hover{color:var(--lab-deep);}

/* ── 조각2: 떠다니는 목차 ── */
.entry-content h2, .entry-content h3{scroll-margin-top:96px;}
.cl-toc, .cl-side{display:none;}
@media (min-width:1101px){
  /* 샘플 치수: 컨테이너 1120 · 좌우 24 · 본문 1fr(680) · 사이드바 320 · 사이 72 */
  .single .content-area, .page .content-area{max-width:1120px;}
  :is(.single, .page-id-3) .site-main > article:not(.has-toc) .inside-article{max-width:820px; margin:0 auto;}
  :is(.single, .page-id-3) .site-main > article.has-toc{
    display:grid; grid-template-columns:minmax(0,1fr) 320px;
    /* ⚠gap을 한 값으로 주면 행 사이(제목↔표지↔본문)에도 72px이 끼어 표지가 떠 보인다.
       벌릴 곳은 본문↔사이드바뿐이므로 세로 간격은 0. */
    column-gap:72px; row-gap:0;
    align-items:start; padding:0 24px;
  }
  :is(.single, .page-id-3) .site-main > article.has-toc .inside-article{
    grid-column:1; min-width:0; max-width:none; margin:0; width:100%; padding:56px 0 40px;
  }
  /* ⚠글 상세는 inside-article용 order 규칙을 쓴다 → 밖으로 나온 헤더·대표 이미지에 순서를 다시 지정 */
  :is(.single, .page-id-3) .site-main > article.has-toc > .entry-header,
  :is(.single, .page-id-3) .site-main > article.has-toc > .post-image,
  :is(.single, .page-id-3) .site-main > article.has-toc > .featured-image{grid-column:1 / -1; margin:0;}
  :is(.single, .page-id-3) .site-main > article.has-toc > .entry-header{order:-2; padding-top:34px; margin-bottom:0;}
  /* 표지는 제목 블록에 바로 붙인다 — 헤더 여백 + 표지 여백 + 본문 여백이 세 겹으로 쌓여
     표지만 혼자 떠 있는 것처럼 보였다 */
  :is(.single, .page-id-3) .site-main > article.has-toc > .post-image,
  :is(.single, .page-id-3) .site-main > article.has-toc > .featured-image{order:-1; margin-top:22px;}
  :is(.single, .page-id-3) .site-main > article.has-toc .inside-article{padding-top:38px;}
  :is(.single, .page-id-3) .site-main > article.has-toc > .inside-article,
  :is(.single, .page-id-3) .site-main > article.has-toc > .cl-side{order:0;}
  /* ⚠sticky 함정: 붙잡힌 패널이 화면보다 길면 아래쪽이 영영 화면 밖에 남는다.
     → 기둥 전체를 붙잡지 않는다. 기둥은 본문 높이만큼 늘어나 있고(stretch),
       그 안에서 '목차만' 따라온다. 시리즈·관련글은 본문 옆을 흐르며 제 자리에서 다 보인다. */
  .cl-side{
    display:flex; flex-direction:column; gap:24px;
    grid-column:2; position:sticky; top:92px; margin-top:30px;
  }
  /* ⚠목차 안에 스크롤을 만들지 않는다: 스크롤 + sticky 헤더가 항목을 덮어 최악이 된다.
     길이는 '큰 마디만 담는' 규칙으로 잡는다(JS). 그래도 길면 사이드바가 sticky를 포기한다. */
  .cl-toc{
    display:flex; flex-direction:column; gap:4px;
    background:var(--card); border:1px solid var(--line); border-radius:18px;
    padding:24px 24px 20px; box-shadow:0 1px 2px rgba(25,27,32,.03);
  }
  .cl-side.no-stick{position:static; max-height:none;}
  .cl-toc .t{font-size:11.5px; font-weight:700; letter-spacing:.16em; color:var(--lab-deep); padding:0 0 10px;}
  .cl-toc a{
    display:flex; gap:10px; align-items:baseline; padding:8px 10px; margin:0 -10px; border-radius:9px;
    font-size:13.5px; font-weight:500; color:#7A756C; line-height:1.5;
    transition:background .25s ease, color .25s ease;
  }
  .cl-toc a b{font-size:13px; font-weight:500; color:#B4AEA2; flex:0 0 auto; transition:color .25s ease;}
  .cl-toc a.lv3{padding-left:26px; font-size:13px;}
  .cl-toc a.lv3 b{display:none;}
  .cl-toc a.lv3 .tx::before{content:"— "; color:#C9C3B8;}
  .cl-toc a:hover{background:var(--chip); color:var(--ink);}
  .cl-toc a.on{background:var(--chip); color:var(--ink); font-weight:600;}
  .cl-toc a.on b{color:var(--lab-deep);}
}

/* ── 조각2: 이전 · 다음 글 ── */
.cl-pn{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:44px;}
.cl-pn a{
  display:flex; flex-direction:column; gap:8px;
  background:var(--card); border:1px solid var(--line); border-radius:16px; padding:20px 22px;
  transition:transform .25s ease, box-shadow .25s ease;
}
.cl-pn a:hover{transform:translateY(-3px); box-shadow:0 16px 32px -16px rgba(25,27,32,.16); color:inherit;}
.cl-pn a span{font-size:12px; font-weight:500; color:var(--faint);}
.cl-pn a b{font-family:var(--serif); font-size:15.5px; font-weight:600; line-height:1.5; color:var(--ink);}
.cl-pn a.nx{align-items:flex-end; text-align:right;}
.cl-pn i{display:block;}
@media (max-width:768px){ .cl-pn{grid-template-columns:1fr;} .cl-pn a.nx{align-items:flex-start; text-align:left;} }

/* ════════ 조각3: 홈 ════════ */
.cl-home{overflow:hidden;}
.ch-in{max-width:1200px; margin:0 auto; padding:0 48px;}

/* 섹션 머리 공통 */
.ch-eyebrow{font-size:12px; font-weight:700; letter-spacing:.18em; color:var(--lab-deep);}
.ch-h2{margin:10px 0 0; font-family:var(--serif); font-size:32px; font-weight:600; letter-spacing:-.02em; color:var(--ink);}
.ch-sub{margin:10px 0 0; font-size:15px; line-height:1.7; color:#7A756C;}

/* 히어로 = 슬라이드 배너 + 작은 배너 2장 (2026-08-14 E안) */
.ch-hero{position:relative; max-width:1200px; margin:0 auto; padding:44px 48px 76px;}
.cl-slider{
  position:relative; overflow:hidden; border-radius:22px; background:#fff;
  border:1px solid var(--line);
  box-shadow:0 2px 4px rgba(25,27,32,.04), 0 24px 48px -20px rgba(25,27,32,.14);
}
.cl-slides{display:flex; transition:transform .6s var(--ease); will-change:transform;}
.cl-slide{
  position:relative; overflow:hidden; flex:0 0 100%; min-height:340px; box-sizing:border-box;
  padding:64px 88px 84px;
  display:flex; flex-direction:column; justify-content:center; align-items:flex-start;
}
.cl-slide .glow{
  position:absolute; top:-180px; right:-60px; width:520px; height:520px; pointer-events:none;
  background:radial-gradient(closest-side, rgba(249,115,22,.12), transparent 70%);
}
.cl-slide .kicker{font-size:12px; font-weight:700; letter-spacing:.18em; color:var(--lab-deep); margin-bottom:18px;}
.cl-slide h1, .cl-slide .t{
  position:relative; margin:0; font-family:var(--serif); font-size:46px; font-weight:600; line-height:1.26;
  letter-spacing:-.025em; color:var(--ink); text-wrap:balance;
}
.cl-slide .sub{position:relative; margin:18px 0 0; font-size:16px; line-height:1.75; color:var(--soft); max-width:560px;}
.cl-slide .cta{position:relative; display:flex; align-items:center; gap:12px; margin-top:28px;}
.cl-slide .cta .dark{
  height:48px; padding:0 26px; background:var(--ink); color:#FAF9F6; border-radius:99px;
  display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:600;
  box-shadow:0 8px 20px -8px rgba(25,27,32,.4), inset 0 1px 0 rgba(255,255,255,.1);
  transition:transform .25s var(--ease), box-shadow .25s ease;
}
.cl-slide .cta .dark:hover{color:#FAF9F6; transform:translateY(-2px); box-shadow:0 14px 28px -10px rgba(25,27,32,.45);}
.cl-slide .cta .dark span{transition:transform .25s var(--ease);}
.cl-slide .cta .dark:hover span{transform:translateX(3px);}
.cl-slide .cta .ghost{
  height:48px; padding:0 24px; background:rgba(255,255,255,.6); color:var(--ink);
  border:1px solid rgba(25,27,32,.12); border-radius:99px;
  display:inline-flex; align-items:center; font-size:15px; font-weight:600;
  transition:background .25s ease, border-color .25s ease;
}
.cl-slide .cta .ghost:hover{background:#fff; border-color:rgba(25,27,32,.22); color:var(--ink);}
.cl-sl-arrow{
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.9); cursor:pointer;
  border:1px solid rgba(25,27,32,.1); box-shadow:0 6px 16px -6px rgba(25,27,32,.18);
  display:flex; align-items:center; justify-content:center;
  font-size:19px; line-height:1; color:var(--ink); padding:0 0 2px;
  transition:background .2s ease, transform .2s var(--ease);
}
.cl-sl-arrow:hover{background:#fff; transform:translateY(-50%) scale(1.06);}
.cl-sl-arrow.l{left:20px;} .cl-sl-arrow.r{right:20px;}
.cl-sl-dots{position:absolute; left:0; right:0; bottom:24px; z-index:5;
  display:flex; justify-content:center; align-items:center; gap:7px; pointer-events:none;}
.cl-sl-dots i{width:6px; height:6px; border-radius:99px; background:rgba(25,27,32,.16);
  cursor:pointer; pointer-events:auto; transition:width .3s var(--ease), background .3s ease;}
.cl-sl-dots i.on{width:22px; background:var(--lab);}
.cl-sl-count{position:absolute; right:32px; bottom:22px; z-index:5;
  font-size:12.5px; color:var(--faint); letter-spacing:.06em;}
.cl-minis{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:20px;}
.cl-mini{
  position:relative; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:18px;
  padding:24px 28px; display:flex; align-items:center; justify-content:space-between; gap:18px;
  box-shadow:0 1px 2px rgba(25,27,32,.03), 0 16px 36px -22px rgba(25,27,32,.16);
  transition:transform .3s var(--ease), box-shadow .3s ease;
}
.cl-mini:hover{transform:translateY(-3px); box-shadow:0 20px 40px -18px rgba(25,27,32,.2); color:inherit;}
.cl-mini .t{display:flex; flex-direction:column; gap:6px; min-width:0;}
.cl-mini .k{font-size:11px; font-weight:700; letter-spacing:.16em; color:var(--lab-deep);}
.cl-mini b{font-family:var(--serif); font-size:18px; font-weight:600; color:var(--ink); letter-spacing:-.01em;}
.cl-mini .d{font-size:13px; color:var(--muted);}
.cl-mini .go{flex:0 0 auto; width:38px; height:38px; border-radius:50%; background:var(--chip);
  display:flex; align-items:center; justify-content:center; font-size:15px; color:var(--ink);
  transition:background .25s ease, transform .25s var(--ease);}
.cl-mini:hover .go{background:var(--lab-bg); transform:translateX(3px);}
@keyframes chPulse{0%,100%{opacity:1; transform:scale(1)}50%{opacity:.45; transform:scale(.8)}}

/* 마켓 나우 보조창 (홈 우하단, 젖빛 유리) */
.mn-widget{
  position:fixed; right:20px; bottom:20px; z-index:49; width:270px;
  background:rgba(255,255,255,.66); border:1px solid var(--line); border-radius:18px;
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:0 2px 4px rgba(25,27,32,.04), 0 24px 48px -18px rgba(25,27,32,.24);
  padding:16px 18px 10px;
  animation:mnIn .5s var(--ease) .4s both;
}
.mn-widget.off{display:none;}
@keyframes mnIn{from{opacity:0; transform:translateY(14px)}to{opacity:1; transform:none}}
.mn-widget .head{display:flex; align-items:center; gap:7px; padding-bottom:10px;
  font-size:13px; font-weight:700; color:var(--ink);}
.mn-widget .head .cl-soon{margin-left:2px;}
.mn-pgdots{display:flex; align-items:center; gap:4px; margin-left:8px;}
.mn-pgdots i{width:4px; height:4px; border-radius:99px; background:rgba(25,27,32,.16);
  transition:width .3s var(--ease), background .3s ease;}
.mn-pgdots i.on{width:12px; background:var(--lab);}
.mn-pg{display:none;}
.mn-pg.on{display:block; animation:mnPgIn .35s var(--ease) both;}
@keyframes mnPgIn{from{opacity:0; transform:translateY(5px)}to{opacity:1; transform:none}}
.mn-widget .dot{width:6px; height:6px; border-radius:50%; background:var(--lab); animation:chPulse 2.4s ease-in-out infinite;}
.mn-widget .x{margin-left:auto; width:26px; height:26px; border-radius:50%; border:0; background:transparent;
  display:flex; align-items:center; justify-content:center; color:var(--muted); cursor:pointer;
  font-size:13px; line-height:1; padding:0;}
.mn-widget .x:hover{background:var(--chip); color:var(--ink);}
.mn-row{display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:9px 0; border-top:1px solid rgba(25,27,32,.06);}
.mn-row .l{display:flex; flex-direction:column; gap:2px;}
.mn-row .l b{font-size:13px; font-weight:600; color:var(--ink);}
.mn-row .l span{font-size:11px; color:var(--faint);}
.mn-q{display:flex; flex-direction:column; align-items:flex-end; gap:1px; flex:0 0 auto;}
.mn-q .v{font-size:13.5px; font-weight:700; color:#C4BFB6; font-variant-numeric:tabular-nums;}
.mn-row.mk-live .mn-q .v{color:var(--ink);}
.mn-q .chg{font-style:normal; font-size:11px; font-weight:600; color:var(--faint);}
.mn-foot{display:flex; align-items:center; justify-content:space-between;
  padding:10px 2px 4px; border-top:1px solid rgba(25,27,32,.06);
  font-size:12px; font-weight:600; color:var(--lab-deep);}
.mn-chip{
  position:fixed; right:20px; bottom:20px; z-index:49; display:none; align-items:center; gap:8px;
  height:40px; padding:0 16px; border:1px solid var(--line); border-radius:99px;
  background:rgba(255,255,255,.66);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  box-shadow:0 2px 4px rgba(25,27,32,.05), 0 14px 30px -12px rgba(25,27,32,.22);
  cursor:pointer; font-size:13px; font-weight:700; color:var(--ink);
}
.mn-chip .dot{width:6px; height:6px; border-radius:50%; background:var(--lab); animation:chPulse 2.4s ease-in-out infinite;}
.mn-chip:hover{background:rgba(255,255,255,.92);}
.mn-chip.on{display:flex;}

/* 화면 가이드 */
.ch-guide{padding:0 0 88px;}
.ch-guide .head{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:28px;}
.ch-guide .grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.ch-gcard{
  position:relative; overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:18px;
  padding:26px 24px; display:flex; flex-direction:column; gap:13px;
  box-shadow:0 1px 2px rgba(25,27,32,.03);
  transition:transform .3s var(--ease), box-shadow .3s ease;
}
.ch-gcard:hover{transform:translateY(-4px); box-shadow:0 20px 40px -18px rgba(25,27,32,.18); color:inherit;}
.ch-gcard .sg{position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .4s ease;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%), rgba(249,115,22,.08), transparent 65%);}
.ch-gcard:hover .sg{opacity:1;}
.ch-chips{position:relative; display:flex; gap:6px; flex-wrap:wrap;}
.ch-chip{font-size:11px; font-weight:600; letter-spacing:.04em; color:var(--lab-deep);
  background:var(--lab-bg); border:1px solid var(--lab-edge); border-radius:7px; padding:3px 8px;}
.ch-gcard h3{position:relative; margin:0; font-size:17px; font-weight:650; color:var(--ink);}
.ch-gcard p{position:relative; margin:0; font-size:13.5px; line-height:1.65; color:#7A756C;}
.ch-gcard .go{position:relative; margin-top:auto; font-size:13px; font-weight:600; color:var(--lab-deep);}

/* 형광펜 — 책에 마킹한 자국 (글자 아랫단만 칠한다) · 2026-08-14 준 지시로 기본 탑재 */
.hl{
  background:linear-gradient(180deg, transparent 45%, rgba(249,115,22,.18) 45%, rgba(249,115,22,.18) 90%, transparent 90%);
  padding:0 3px; margin:0 -3px; border-radius:3px;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
/* 글 제목 — 강조 구절만 마킹 (구절 = 글별 cl_hl 메타, JS가 감싼다), 제목은 크니 한 단계 옅게 */
h1.entry-title .hl-t{
  background:linear-gradient(180deg, transparent 48%, rgba(249,115,22,.15) 48%, rgba(249,115,22,.15) 91%, transparent 91%);
  padding:0 6px; margin:0 -6px; border-radius:4px;
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
}
/* 펜 서클 — 단어형 강조 (구절=형광펜, 단어=동그라미, 한 제목에 하나만) */
.pen-circle{position:relative; display:inline-block; padding:2px 6px;}
.pen-circle > svg{
  position:absolute; inset:-8px -10px; width:calc(100% + 20px); height:calc(100% + 16px);
  overflow:visible; pointer-events:none;
}
.pen-circle > svg path{
  fill:none; stroke:var(--lab); stroke-width:2.4; stroke-linecap:round; opacity:.85;
}
.pen-circle .word{position:relative;}

/* 8방 지도 — 메뉴를 그대로 읽어 그린다 (2026-08-14) */
.ch-rooms{padding:0 0 88px;}
.ch-rooms .head{margin-bottom:28px;}
.ch-rooms .grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.ch-room{
  background:#fff; border:1px solid var(--line); border-radius:16px; padding:20px 22px;
  display:flex; flex-direction:column; gap:8px;
  box-shadow:0 1px 2px rgba(25,27,32,.03);
  transition:transform .3s var(--ease), box-shadow .3s ease;
}
.ch-room:hover{transform:translateY(-3px); box-shadow:0 16px 32px -16px rgba(25,27,32,.18); color:inherit;}
.ch-room .nm{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.ch-room .nm b{font-family:var(--serif); font-size:16.5px; font-weight:600; color:var(--ink); letter-spacing:-.01em;}
.ch-room .nm i{font-style:normal; font-size:11px; font-weight:600; border-radius:99px; padding:2.5px 9px; white-space:nowrap;}
.ch-room .nm i.cnt{color:var(--lab-deep); background:var(--lab-bg); border:1px solid var(--lab-edge);}
.ch-room .nm i.soon{color:var(--faint); border:1px dashed rgba(25,27,32,.16);}
.ch-room .d{
  font-size:12.5px; line-height:1.6; color:#7A756C;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

/* 새 글 머리 */
.ch-latest{padding:88px 0 0;}
.ch-latest .head{display:flex; align-items:flex-end; justify-content:space-between;}

/* 홈 반응형 */
@media (max-width:1100px){
  .ch-hero{padding:28px 24px 56px;}
  .cl-slide{padding:52px 64px 76px;}
  .ch-guide .grid{grid-template-columns:1fr 1fr;}
  .ch-rooms .grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:768px){
  .ch-hero{padding:18px 20px 44px;}
  .cl-slide{padding:40px 26px 66px; min-height:0;}
  .cl-slide h1, .cl-slide .t{font-size:29px;}
  .cl-slide .sub{font-size:14.5px;}
  .cl-slide .cta{flex-wrap:wrap; margin-top:22px;}
  .cl-slide .cta .dark, .cl-slide .cta .ghost{height:44px; font-size:14px;}
  .cl-sl-arrow{display:none;}
  .cl-sl-count{display:none;}
  .cl-sl-dots{bottom:20px;}
  .cl-minis{grid-template-columns:1fr; gap:12px; margin-top:12px;}
  .cl-mini{padding:18px 20px;}
  .cl-mini b{font-size:16px;}
  /* 마켓 나우 — 폰에서는 존재감 최소: 칩=점 하나 있는 원형 버튼, 카드=심볼+값만 */
  .mn-widget{right:14px; bottom:14px; width:min(250px, calc(100vw - 28px)); padding:12px 14px 6px;}
  .mn-widget .head{padding-bottom:8px;}
  .mn-row{padding:7px 0;}
  .mn-row .l span{display:none;}
  .mn-foot{padding:8px 2px 2px;}
  .mn-chip{
    right:14px; bottom:14px; width:42px; height:42px; padding:0; border-radius:50%;
    justify-content:center; font-size:0;
  }
  .mn-chip .dot{width:8px; height:8px;}
  .ch-guide .grid{grid-template-columns:1fr;}
  .ch-rooms .grid{grid-template-columns:1fr 1fr; gap:10px;}
  .ch-room{padding:15px 16px;}
  .ch-room .nm b{font-size:15px;}
  .ch-room .d{display:none;}
  .ch-in{padding-left:20px; padding-right:20px;}
  .ch-two{padding-left:20px; padding-right:20px;}
  .ch-band-wrap{padding-left:20px; padding-right:20px;}
  .ch-band{padding:32px 24px;}
}

/* ════════ 조각3b: 새 글 = 샘플 매거진 카드 ════════ */
/* 세로 기준선 정렬: 히어로·가이드·밴드와 같은 1104 폭 축에 맞춘다 */
/* ⚠GP가 site-main에 margin-right:96px(사이드바 자리)를 준다 → 중앙 정렬을 되찾는다 */
.blog .site-main, .archive .site-main{grid-template-columns:repeat(3,1fr); gap:24px; max-width:1104px; margin:0 auto !important;}
.blog .site-content .grid-container, .archive .site-content .grid-container{padding:0;}
.blog .site-main > article:first-child, .archive .site-main > article:first-child{grid-column:auto;}
h2.entry-title{font-family:var(--serif); font-size:19px; font-weight:600; line-height:1.45; margin:0;}
.blog .site-main > article:first-child h2.entry-title{font-size:19px;}
.blog .inside-article, .archive .inside-article{display:flex; flex-direction:column; gap:9px; padding:14px 22px 22px;}
.blog .entry-header, .archive .entry-header{display:contents;}

/* 대표 이미지 — 샘플: 16/10 · 라운드 10 · 카드 안쪽 여백 14 */
.blog .post-image, .archive .post-image{order:-2; margin:0 -8px 7px;}
.blog .post-image img, .archive .post-image img,
.blog .site-main > article:not(:first-child) .post-image img,
.archive .site-main > article:not(:first-child) .post-image img{
  aspect-ratio:16/10; object-fit:cover; border-radius:10px; width:100%; display:block; background:#EFEDE6;
}
/* 썸네일 없는 글 — 빈 칸 대신 브랜드 판 (샘플의 회색 슬롯 자리) */
.blog article.cl-nothumb .inside-article::before,
.archive article.cl-nothumb .inside-article::before{
  content:""; order:-2; display:block; width:calc(100% + 16px); margin:0 -8px 7px;
  aspect-ratio:16/10; border-radius:10px;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg stroke='%23191B20' stroke-opacity='.13' stroke-width='2.6' stroke-linecap='round'%3E%3Cline x1='33' y1='32' x2='13.5' y2='15.5'/%3E%3Cline x1='33' y1='32' x2='36' y2='15.5'/%3E%3Cline x1='33' y1='32' x2='53' y2='14'/%3E%3Cline x1='33' y1='32' x2='10.5' y2='34'/%3E%3Cline x1='33' y1='32' x2='20' y2='53.5'/%3E%3Cline x1='33' y1='32' x2='50' y2='49'/%3E%3C/g%3E%3Cg fill='%23191B20' fill-opacity='.13'%3E%3Ccircle cx='13.5' cy='15.5' r='4.4'/%3E%3Ccircle cx='36' cy='15.5' r='2.8'/%3E%3Ccircle cx='53' cy='14' r='5.9'/%3E%3Ccircle cx='10.5' cy='34' r='3.3'/%3E%3Ccircle cx='20' cy='53.5' r='5.3'/%3E%3Ccircle cx='50' cy='49' r='4'/%3E%3C/g%3E%3Ccircle cx='33' cy='32' r='10.2' fill='%23F97316' fill-opacity='.22'/%3E%3C/svg%3E"),
    linear-gradient(150deg,#F4F1EA,#EDEBE3);
  background-repeat:no-repeat;
  background-position:center, center;
  background-size:84px, cover;
}
.blog footer.entry-meta, .archive footer.entry-meta{order:-1; margin:0; padding:0 8px; border:0;}
.blog footer.entry-meta .cat-links a, .archive footer.entry-meta .cat-links a{
  font-size:11.5px; font-weight:600; letter-spacing:.1em; color:var(--lab-deep);
}
.blog footer.entry-meta .gp-icon, .archive footer.entry-meta .gp-icon{display:none;}
.blog .entry-summary, .archive .entry-summary{display:none;}
.blog h2.entry-title, .archive h2.entry-title{order:0; padding:0 8px;}
.blog .entry-header .entry-meta, .archive .entry-header .entry-meta{
  order:3; margin:0; padding:0 8px; font-size:12.5px; font-weight:450; color:var(--faint);
}
.blog .entry-meta .byline, .archive .entry-meta .byline{display:none;}   /* '작성자: ChartLAB' 반복 은퇴 */
@media (max-width:1100px){ .blog .site-main, .archive .site-main{grid-template-columns:1fr 1fr;} }
@media (max-width:700px){ .blog .site-main, .archive .site-main{grid-template-columns:1fr;} }

/* ════════ 조각3c: 푸터 (샘플 번역) ════════ */
.copyright-bar{display:none;}   /* GP 기본 한 줄 은퇴 — cl-footer가 대체 (⚠site-info를 숨기면 cl-footer까지 사라진다) */
.cl-footer{max-width:1200px; margin:0 auto; padding:64px 48px 44px; display:flex; flex-direction:column; gap:40px;}
.cl-footer .top{display:flex; justify-content:space-between; align-items:flex-start; gap:60px; flex-wrap:wrap;}
.cl-footer .brand{display:flex; flex-direction:column; gap:12px; max-width:320px;}
/* 푸터 로고 = 헤더와 같은 정본 마크 + 굵은 고딕 워드마크 */
.cl-footer .cl-fmark{display:flex; align-items:center; gap:9px;}
.cl-footer .cl-fmark svg{display:block; width:30px; height:30px; overflow:visible;}
.cl-footer .cl-fmark .word{
  font-family:'Pretendard Variable',Pretendard,sans-serif; font-size:19px; font-weight:800;
  letter-spacing:-.02em; color:var(--ink); line-height:1;
}
.cl-footer .cl-fmark .word .lab{color:var(--lab);}
.cl-footer .brand p{margin:0; font-size:13.5px; line-height:1.75; color:var(--muted);}
.cl-footer .cols{display:flex; gap:72px; flex-wrap:wrap;}
.cl-footer .col{display:flex; flex-direction:column; gap:12px; min-width:150px;}
.cl-footer .col > span{font-size:11.5px; font-weight:700; letter-spacing:.14em; color:var(--lab-deep);}
.cl-footer .col a{
  font-size:13.5px; color:var(--soft); width:fit-content;
  background:linear-gradient(var(--lab),var(--lab)) no-repeat left 100%/0% 1.5px;
  padding-bottom:2px; transition:background-size .45s var(--ease), color .3s ease;
}
.cl-footer .col a:hover{background-size:100% 1.5px; color:var(--ink);}
.cl-footer .col i{font-size:13.5px; font-style:normal; color:var(--faint);}
.cl-footer .col i em, .cl-footer .col a em{font-style:normal; font-size:10.5px; font-weight:700; color:var(--faint);
  border:1px solid var(--line); border-radius:99px; padding:1px 7px; margin-left:6px;}
.cl-footer .bottom{
  border-top:1px solid var(--line); padding-top:20px;
  display:flex; justify-content:space-between; align-items:center; gap:40px;
}
/* ⚠max-width가 좁아 마지막 '다.' 한 글자가 다음 줄로 떨어졌다 */
.cl-footer .bottom p{margin:0; font-size:12px; line-height:1.7; color:var(--faint); max-width:860px; text-wrap:pretty;}
.cl-footer .right{display:flex; align-items:center; gap:16px;}
.cl-footer .right span{font-size:12px; color:var(--faint); white-space:nowrap;}
.cl-totop{
  width:40px; height:40px; border-radius:50%; border:1px solid rgba(25,27,32,.14);
  background:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer; color:var(--ink); font-size:15px;
  transition:transform .25s var(--ease), box-shadow .25s ease;
}
.cl-totop:hover{transform:translateY(-3px); box-shadow:0 10px 20px -10px rgba(25,27,32,.25);}
@media (max-width:768px){
  .cl-footer{padding:44px 20px 32px;}
  .cl-footer .bottom{flex-direction:column; align-items:flex-start;}
  /* ⓒ는 왼쪽, 맨위로(↑)는 오른쪽 끝 — column 전환으로 왼쪽에 뭉쳐 있던 것 교정 */
  .cl-footer .right{width:100%; justify-content:space-between;}
  .cl-footer .top{gap:32px;}
  .cl-footer .cols{gap:28px 36px;}
  .cl-footer .col{min-width:0;}          /* ⚠150px 고정이 모바일에서 가로 넘침을 만든다 */
  .cl-footer .brand{max-width:none;}
}

/* ════════ 조각2b: 글 상세 심화 ════════ */
/* 대표 이미지를 제목 아래로 */
.single .inside-article{display:flex; flex-direction:column;}
.single .inside-article > *{min-width:0;}
.single .entry-header{order:1;}
.single .post-image, .single .featured-image{order:2; margin:4px 0 34px;}
.single .entry-content{order:3;}
.single .inside-article > footer.entry-meta{order:4;}
.single .entry-header .entry-meta{display:none;}   /* 기본 날짜줄 은퇴 — 에디터 카드가 대체 */

/* 에디터 카드 */
.cl-editor{display:flex; align-items:center; gap:13px; margin-top:22px;}
.cl-editor .av{
  width:40px; height:40px; border-radius:50%; background:var(--ink); color:#FAF9F6;
  display:flex; align-items:center; justify-content:center; flex:0 0 40px;
}
.cl-editor .av svg{width:22px; height:22px;}
.cl-editor .nm{display:flex; flex-direction:column; gap:2px;}
.cl-editor .nm b{font-size:14px; font-weight:600; color:var(--ink);}
.cl-editor .nm span{font-size:12.5px; color:var(--faint);}

/* 사이드바: 함께 읽으면 */
.cl-related{
  background:var(--card); border:1px solid var(--line); border-radius:18px;
  padding:24px; display:flex; flex-direction:column; gap:14px;
  box-shadow:0 1px 2px rgba(25,27,32,.03);
}
.cl-related .t{font-size:11.5px; font-weight:700; letter-spacing:.16em; color:var(--lab-deep);}
.cl-related a{display:flex; flex-direction:column; gap:4px; padding-bottom:12px; border-bottom:1px solid rgba(25,27,32,.06);}
.cl-related a:last-child{padding-bottom:0; border-bottom:0;}
.cl-related a b{
  font-size:14px; font-weight:600; line-height:1.5; color:var(--ink); width:fit-content;
  background:linear-gradient(var(--lab),var(--lab)) no-repeat left 100%/0% 1.5px;
  padding-bottom:2px; transition:background-size .45s var(--ease);
}
.cl-related a:hover b{background-size:100% 1.5px;}
.cl-related a span{font-size:12px; color:var(--faint);}
@media (max-width:1100px){ .cl-related{display:none;} }

/* GP 기본 하단 잔재 완전 철거(내 카드와 중복) */
.single .post-navigation, .single nav.post-navigation, .single .inside-article > footer.entry-meta{display:none !important;}

/* 문장형 소제목은 자르지 않고 두 줄까지 편다 (정식 해법은 라벨링) */
@media (min-width:1101px){
  .cl-toc a{white-space:normal;}
  .cl-toc a .tx{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; line-height:1.5;
  }
}
/* 대표 이미지는 본문 기둥과 사이드바 사이에서 중앙에 선다 */
@media (min-width:1101px){
  :is(.single, .page-id-3) .site-main > article.has-toc > .post-image,
  :is(.single, .page-id-3) .site-main > article.has-toc > .featured-image{justify-self:start; width:100%;}
}

/* ════════ 조각4: 샘플 대조 보완 (상단 띠 · 하단 2단 · 밴드) ════════ */

/* ── 상단 띠 (샘플: 날짜 + 흐르는 줄) ── */
.cl-ticker{
  height:38px; display:flex; align-items:center; gap:28px; padding:0 48px;
  border-bottom:1px solid rgba(25,27,32,.06);
  font-size:12.5px; font-weight:450; color:var(--muted); background:var(--paper);
}
.cl-ticker .day{flex:0 0 auto;}
.cl-ticker .track{
  flex:1; min-width:0; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);
          mask-image:linear-gradient(90deg,transparent,#000 36px,#000 calc(100% - 36px),transparent);
}
.cl-ticker .run{display:flex; width:max-content; will-change:transform; animation:clTick 96s linear infinite;}
.cl-ticker:hover .run{animation-play-state:paused;}
@keyframes clTick{to{transform:translateX(-50%);}}
.cl-ticker a{display:flex; gap:8px; padding-right:40px; flex:0 0 auto; white-space:nowrap; color:var(--muted);}
.cl-ticker a em{font-style:normal; font-weight:600; color:var(--lab-deep);}
.cl-ticker a b{font-weight:500; color:var(--ink);}
.cl-ticker a:hover b{color:var(--lab-deep);}
@media (max-width:768px){ .cl-ticker{display:none;} }
@media (prefers-reduced-motion:reduce){ .cl-ticker .run{animation:none;} }

/* ── 하단 2단: 최근 업데이트 + 자주 묻는 질문 ── */
.ch-two{
  max-width:1200px; margin:0 auto; padding:80px 48px 88px;
  display:grid; grid-template-columns:1fr 400px; gap:64px; align-items:start;
}
.ch-feed{display:flex; flex-direction:column; gap:0;}
.ch-feed .head{display:flex; align-items:baseline; justify-content:space-between; padding-bottom:16px;}
.ch-feed .head h2{margin:0; font-family:var(--serif); font-size:24px; font-weight:600; letter-spacing:-.01em; color:var(--ink);}
.ch-feed .head a{font-size:13.5px; font-weight:600; color:var(--soft);}
.ch-feed .row{
  display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  padding:15px 2px; border-top:1px solid var(--line); border-radius:8px;
  transition:background .2s ease;
}
.ch-feed .row:last-child{border-bottom:1px solid var(--line);}
.ch-feed .row:hover{background:rgba(25,27,32,.025);}
.ch-feed .row b{
  font-size:15.5px; font-weight:500; color:var(--ink); line-height:1.5;
  background:linear-gradient(var(--lab),var(--lab)) no-repeat left 100%/0% 1.5px;
  padding-bottom:2px; transition:background-size .45s var(--ease);
}
.ch-feed .row:hover b{background-size:100% 1.5px;}
.ch-feed .row span{font-size:12.5px; color:var(--faint); white-space:nowrap;}

.ch-qa{
  background:var(--card); border:1px solid var(--line); border-radius:20px;
  padding:28px 26px; display:flex; flex-direction:column; gap:16px;
  box-shadow:0 1px 2px rgba(25,27,32,.03), 0 16px 40px -24px rgba(25,27,32,.12);
}
.ch-qa .head{display:flex; align-items:baseline; justify-content:space-between;}
.ch-qa .head h3{margin:0; font-family:var(--serif); font-size:20px; font-weight:600; color:var(--ink);}
.ch-qa .head a{font-size:13px; font-weight:600; color:var(--soft);}
.ch-qa .q{display:flex; flex-direction:column; gap:6px; padding-bottom:14px; border-bottom:1px solid rgba(25,27,32,.06);}
.ch-qa .q:last-of-type{padding-bottom:0; border-bottom:0;}
.ch-qa .q b{font-size:14.5px; font-weight:500; line-height:1.55; color:var(--ink);}
.ch-qa .q span{font-size:12px; color:var(--faint);}
.ch-qa .q:hover b{color:var(--lab-deep);}
.ch-qa .ask{
  height:44px; background:var(--ink); color:#FAF9F6; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  font-size:14px; font-weight:600; margin-top:4px; transition:transform .15s ease;
}
.ch-qa .ask:hover{color:#FAF9F6;}
.ch-qa .ask:active{transform:scale(.98);}
@media (max-width:1100px){ .ch-two{grid-template-columns:1fr; gap:44px; padding:64px 24px 72px;} }

/* ── 다크 밴드 ── */
.ch-band-wrap{max-width:1200px; margin:0 auto; padding:0 48px 8px;}
.ch-band{
  position:relative; overflow:hidden; border-radius:24px;
  background:linear-gradient(160deg,#191B20,#23262E);
  padding:56px 60px; display:flex; align-items:center; justify-content:space-between; gap:60px;
}
.ch-band .aura{
  position:absolute; top:-140px; right:-40px; width:440px; height:440px; pointer-events:none;
  background:radial-gradient(closest-side, rgba(249,115,22,.20), transparent 70%);
}
.ch-band .copy{position:relative; display:flex; flex-direction:column; gap:10px; max-width:460px;}
.ch-band .copy h2{margin:0; font-family:var(--serif); font-size:28px; font-weight:600; line-height:1.4; letter-spacing:-.01em; color:#FAF9F6;}
.ch-band .copy p{margin:0; font-size:14.5px; line-height:1.7; color:#A6AAB4;}
/* 구독 폼 (샘플: 입력창 + 구독 버튼, 420 고정) */
.ch-band .sub{position:relative; display:flex; gap:10px; flex:0 0 420px; flex-wrap:wrap;}
.ch-band .sub input{
  flex:1; min-width:200px; height:50px; padding:0 20px; box-sizing:border-box;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:99px;
  font:450 14px 'Pretendard Variable',Pretendard,sans-serif; color:#FAF9F6;
  transition:border-color .2s ease, background .2s ease;
}
.ch-band .sub input::placeholder{color:#8A8F9A;}
.ch-band .sub input:focus{outline:none; border-color:rgba(249,115,22,.55); background:rgba(255,255,255,.12);}
.ch-band .sub button{
  height:50px; padding:0 26px; background:var(--lab); color:#191B20; border:0; border-radius:99px;
  font:700 14px 'Pretendard Variable',Pretendard,sans-serif; cursor:pointer;
  box-shadow:0 8px 20px -8px rgba(249,115,22,.5); transition:transform .15s ease, opacity .2s ease;
}
.ch-band .sub button:hover{transform:translateY(-1px);}
.ch-band .sub button:active{transform:scale(.97);}
.ch-band .sub button[disabled]{opacity:.6; cursor:default;}
.ch-band .sub .msg{flex:1 0 100%; min-height:16px; font-size:12.5px; color:#A6AAB4; padding-left:4px;}
@media (max-width:1100px){
  .ch-band{flex-direction:column; align-items:flex-start; gap:28px; padding:40px 32px;}
  .ch-band-wrap{padding:0 24px 8px;}
  .ch-band .sub{flex:1 1 auto; width:100%;}
}

/* ── 글 상세: 시리즈 카드 (샘플 사이드바) ── */
.cl-series{
  position:relative; overflow:hidden; border-radius:18px;
  background:linear-gradient(160deg,#191B20,#23262E); padding:26px 24px;
  display:flex; flex-direction:column; gap:12px;
}
.cl-series::before{
  content:""; position:absolute; top:-70px; right:-50px; width:220px; height:220px;
  background:radial-gradient(closest-side, rgba(249,115,22,.26), transparent 70%);
  filter:blur(22px); pointer-events:none;
}
.cl-series .t{position:relative; font-size:11.5px; font-weight:700; letter-spacing:.16em; color:var(--lab);}
.cl-series b{position:relative; font-family:var(--serif); font-size:18px; font-weight:600; line-height:1.5; color:#FAF9F6;}
.cl-series .bar{position:relative; height:4px; border-radius:99px; background:rgba(255,255,255,.12); overflow:hidden;}
.cl-series .bar i{display:block; width:0; height:100%; background:var(--lab); border-radius:99px;
  transition:width 1.4s var(--ease) .4s;}
.cl-series a{position:relative; display:flex; gap:6px; font-size:13px; font-weight:600; color:#FAF9F6;}
.cl-series a span{color:var(--lab);}
.cl-series a:hover{color:#FAF9F6;}
@media (max-width:1100px){ .cl-series{display:none;} }

/* ════════ 조각5: 빈 가구 (자리·비율은 샘플 100%, 알맹이는 나중에) ════════ */
/* 규칙: 없는 데이터는 지어내지 않는다. 수치는 '—', 상태는 '준비 중' 배지. */
.cl-soon{
  font-size:10.5px; font-weight:700; letter-spacing:.02em; color:var(--faint);
  border:1px solid var(--line); border-radius:99px; padding:2px 8px; white-space:nowrap;
  background:rgba(255,255,255,.5);
}

/* 상단 띠 */
.cl-ticker .tk{display:flex; gap:8px; padding-right:44px; flex:0 0 auto; white-space:nowrap;}
.cl-ticker .tk em{font-style:normal; color:var(--muted);}
.cl-ticker .tk b{font-weight:600; color:#C4BFB6;}
.cl-ticker > .cl-soon{flex:0 0 auto;}

/* 시세 등락색 — 한국 관례(상승 붉음·하락 푸름), 사이트 톤에 맞춰 채도 절제 */
.mk-up{color:#C0504B !important;}
.mk-dn{color:#3E63B0 !important;}
.cl-ticker .tk .chg{font-style:normal; font-size:11.5px; font-weight:600; align-self:center;}
.cl-ticker .tk.mk-live b.v{color:var(--ink);}

/* 시황 브리핑 / Q&A 빈 골격 — 줄 수와 높이를 진짜 목록과 같게 잡는다 */
.ch-feed.is-empty .rows{display:flex; flex-direction:column;}
.ch-feed.is-empty .rows i{display:block; height:1px; background:var(--line); margin:26px 0;}
.ch-feed.is-empty .rows i:last-child{margin-bottom:0;}
.ch-qa.is-empty .rows{display:flex; flex-direction:column; gap:0;}
.ch-qa.is-empty .rows i{display:block; height:1px; background:rgba(25,27,32,.06); margin:26px 0;}
.ch-qa .ask.off{background:#EDEBE4; color:#A8A29A; cursor:default;}
.ch-qa .ask.off:hover{color:#A8A29A;}
.ch-feed.is-empty .head, .ch-qa.is-empty .head{align-items:center;}

/* 새 글 머리의 '전체 글' */
.ch-latest .head .more{font-size:14px; font-weight:600; color:var(--soft); padding-bottom:4px;}

/* 홈은 3장만 — 페이지 번호 은퇴 */
.blog:not(.paged) .site-main .paging-navigation,
.blog:not(.paged) .site-main > nav{display:none;}

/* ── 전체 글 페이지 (/all/) ── */
.cl-index{display:flex; flex-direction:column; gap:44px; margin-top:8px;}
.cl-index-cat h2{
  display:flex; align-items:baseline; gap:10px; margin:0 0 6px;
  font-family:var(--serif); font-size:22px; font-weight:600; color:var(--ink);
}
.cl-index-cat h2 span{font-family:inherit; font-size:12.5px; font-weight:500; color:var(--faint);}
.cl-index .list{display:flex; flex-direction:column;}
.cl-index .list a{
  display:flex; align-items:baseline; justify-content:space-between; gap:24px;
  padding:14px 2px; border-top:1px solid var(--line); border-radius:8px;
  transition:background .2s ease;
}
.cl-index .list a:last-child{border-bottom:1px solid var(--line);}
.cl-index .list a:hover{background:rgba(25,27,32,.025);}
.cl-index .list a b{
  font-size:15.5px; font-weight:500; color:var(--ink); line-height:1.5;
  background:linear-gradient(var(--lab),var(--lab)) no-repeat left 100%/0% 1.5px;
  padding-bottom:2px; transition:background-size .45s var(--ease);
}
.cl-index .list a:hover b{background-size:100% 1.5px;}
.cl-index .list a span{font-size:12.5px; color:var(--faint); white-space:nowrap;}

/* ── 이사된 글의 잔재 정리 (콘텐츠 수정 없이 CSS로) ──
   ① 소제목마다 박혀 있던 구분선 <hr> → 은퇴. 샘플은 여백으로 마디를 나눈다.
   ② 가운데 정렬 강조 문단 → 강조 박스로 승격 (강조는 살리고 정렬은 왼쪽으로) */
.entry-content hr{display:none;}
.entry-content > p[style*="center"], .entry-content > p[align="center"]{
  text-align:left !important;
  background:var(--chip); border-radius:14px; padding:20px 24px; margin:0 0 24px;
  font-size:16px; line-height:1.75; color:var(--ink);
}
.entry-content > p[style*="center"] b, .entry-content > p[style*="center"] strong{font-weight:700;}
/* 연속된 강조 박스는 하나로 붙여 읽는다 */
.entry-content > p[style*="center"] + p[style*="center"]{margin-top:-16px; border-radius:0 0 14px 14px;}
.entry-content > p[style*="center"]:has(+ p[style*="center"]){border-radius:14px 14px 0 0; margin-bottom:0; padding-bottom:0;}

/* ── '함께 읽으면 좋아요'가 본문 끝으로 내려올 때 = 가로 카드 3장 ── */
.cl-related.at-foot{
  display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch;
  background:transparent; border:0; box-shadow:none; padding:0; margin:44px 0 0;
}
.cl-related.at-foot .t{grid-column:1 / -1; padding:0;}
.cl-related.at-foot a{
  background:var(--card); border:1px solid var(--line); border-radius:16px;
  padding:20px 22px; gap:8px; border-bottom:1px solid var(--line);
  box-shadow:0 1px 2px rgba(25,27,32,.03);
  transition:transform .25s var(--ease), box-shadow .25s ease;
}
.cl-related.at-foot a:last-child{padding-bottom:20px; border-bottom:1px solid var(--line);}
.cl-related.at-foot a:hover{transform:translateY(-3px); box-shadow:0 16px 32px -16px rgba(25,27,32,.16);}
.cl-related.at-foot a b{font-family:var(--serif); font-size:15.5px; line-height:1.5;}
@media (max-width:900px){
  .cl-related.at-foot{grid-template-columns:1fr;}
}
/* 1100px 아래에서도 본문 끝 관련글은 보여준다 (사이드바만 숨기던 규칙의 예외) */
@media (max-width:1100px){ .cl-related.at-foot{display:grid;} }

/* ════════ 조각6: 검토 반영 (2026-08-12 밤) ════════ */

/* ① 세로 기준선 통일 — 표준 축은 .ch-in 의 1104폭(1440에서 x=168)
   헤더만 32px 패딩이라 로고가 16px 튀어나와 있었고, 브로커 밴드만 1040폭이라 32px 안으로 들어와 있었다 */
.inside-header{padding:0 48px !important;}

/* ② 모바일: 글 제목이 화면 끝에 붙던 것
   ⚠목차 JS가 .entry-header 를 .inside-article 밖으로 꺼내는데 좌우 여백은 .inside-article 에만 있었다 */
@media (max-width:1100px){
  :is(.single, .page-id-3) .site-main > article.has-toc > .entry-header,
  :is(.single, .page-id-3) .site-main > article.has-toc > .post-image,
  :is(.single, .page-id-3) .site-main > article.has-toc > .featured-image{padding-left:18px; padding-right:18px;}
}

/* ③ 모바일: '새 글' 카드가 자기 섹션 제목보다 왼쪽으로 나가던 것 */
@media (max-width:1100px){
  .blog .site-main, .archive .site-main{padding:0 20px; box-sizing:border-box;}
}

/* ④ 빈 가구가 '불러오기 실패'로 읽히지 않도록 — 빈 줄만 두지 말고 언제 열리는지 한 줄 */
.ch-feed.is-empty .rows, .ch-qa.is-empty .rows{opacity:.55;}
.ch-empty-note{
  margin:14px 0 0; font-size:13px; line-height:1.7; color:var(--faint);
}
.ch-qa .ask.off{cursor:default;}

/* ⑤ (ch-card 철거로 이동 — mn-foot 규칙이 이어받음, 위 '마켓 나우 보조창' 참조) */
/* 허니팟 칸 — 사람에게는 보이지 않는다 */
.cl-hp{position:absolute !important; left:-9999px; width:1px; height:1px; opacity:0; pointer-events:none;}

/* ── 본문 효과 (2026-08-12 준 결정: 딱 두 가지만)
   원칙: 움직이는 건 '누를 수 있다'는 약속이다. 읽기만 하는 박스·목록엔 넣지 않는다. ── */

/* ① 본문 링크 — 상시 옅은 밑줄(강조 em과 구분, 2026-08-14 준 도장) 위로
      호버 시 진한 주황이 왼쪽에서 차오른다 (기존 슬라이드 모션 유지) */
.entry-content a:not(.cl-btn){
  color:var(--lab-deep);
  background:
    linear-gradient(var(--lab),var(--lab)) no-repeat left 100%/0% 1.5px,
    linear-gradient(rgba(194,65,12,.3),rgba(194,65,12,.3)) no-repeat left 100%/100% 1px;
  padding-bottom:2px; border-bottom:0;
  transition:background-size .45s var(--ease);
}
.entry-content a:not(.cl-btn):hover{background-size:100% 1.5px, 100% 1px; border-bottom:0;}
.entry-content a:has(img){background:none;}

/* ② 표 행 — 마우스가 올라간 줄만 살짝 밝아진다 (장식이 아니라 숫자 읽기 보조) */
.entry-content table tbody tr{transition:background .2s ease;}
.entry-content table tbody tr:hover{background:rgba(249,115,22,.05);}
@media (hover:none){ .entry-content table tbody tr:hover{background:transparent;} }


/* ════════════════════════════════════════════════════════════
   본문 조판 v2 — 준 샘플 "글 레버리지 ETF 규제"(2026-08-14) 반영
   원칙(유지): 글에 클래스를 안 써도 기본 태그가 곧 부품이 된다.
   이번에 더한 것: ①리드 문단 ②소제목 번호 ③핵심 박스 승격 ④서랍 부품 4종
   ⚠샘플의 금색은 주황으로 치환(08-12 도장). 이미 도장된 규격(인용=확인 박스,
     목록=흰 카드)은 건드리지 않는다 — 샘플이 새로 가져온 것만 더한다.
   ════════════════════════════════════════════════════════════ */

/* ① 리드 문단 — 글의 첫 숨. 세리프로 한 톤 크게 (샘플 20px/1.85) */
.single .entry-content > p:first-of-type{
  font-family:var(--serif); font-size:19.5px; line-height:1.85; font-weight:500;
  color:var(--ink); margin-bottom:26px; text-wrap:pretty;
}

/* ② 소제목 번호 — 목차에 오른 마디에만 붙는다(data-toc 기준) */
.single .entry-content{counter-reset:clsec}
.single .entry-content :is(h2,h3)[data-toc]{counter-increment:clsec}
.single .entry-content :is(h2,h3)[data-toc]::before{
  content:counter(clsec,decimal-leading-zero);
  font-family:var(--serif); font-weight:600; color:var(--lab);
  margin-right:12px; letter-spacing:.02em;
}
.single .entry-content h2[data-toc]::before{font-size:.54em}
.single .entry-content h3[data-toc]::before{font-size:.62em}

/* ③ 핵심 박스 — 도입부의 한 문장을 세워 둔다 (샘플 '핵심' 박스) */
.entry-content .cl-sum{
  position:relative; background:var(--lab-bg); border:1px solid var(--lab-edge);
  border-radius:16px; padding:20px 26px 20px 62px; color:#4A4438; font-size:15px; line-height:1.8;
}
.entry-content .cl-sum::before{
  content:"핵심"; position:absolute; left:24px; top:20px;
  font-family:var(--serif); font-size:13.5px; font-weight:600; color:var(--lab-deep);
}
.entry-content .cl-sum p{margin:0}
.entry-content .cl-sum p + p{margin-top:10px}

/* ④ 표 — 강조 줄은 주황 틴트 한 겹 (샘플) */
.entry-content table tr.hi td,
.entry-content table tbody tr:has(td b){background:rgba(249,115,22,.05)}
.entry-content table td b{color:var(--lab-deep); font-weight:650}

/* ── 서랍 부품 (글에서 클래스로 부른다) ────────────────────── */

/* 형광펜 강조: <span class="mk">…</span> — 문장이 아니라 구절에만
   (제목 형광펜과 같은 언어 · 본문 전체 굵은 글씨에 칠하지 않는다는 08-14 준 정정 유지) */
.entry-content .mk{
  font-weight:650; color:var(--ink);
  box-shadow:inset 0 -9px rgba(249,115,22,.22);
}

/* 풀 인용: <p class="cl-pull">한 줄<br>두 줄</p> — 글의 결론을 한 번 세운다 */
.entry-content .cl-pull{
  margin:40px 0 32px; padding:0; text-align:center;
  font-family:var(--serif); font-size:23px; line-height:1.6; font-weight:600;
  letter-spacing:-.01em; color:var(--ink); text-wrap:balance;
}
.entry-content .cl-pull::before{
  content:"\201C"; display:block; font-family:var(--serif); font-size:22px;
  color:var(--lab); line-height:1; margin-bottom:6px;
}
.entry-content .cl-pull::after{
  content:""; display:block; width:56px; height:2px; border-radius:99px;
  background:var(--lab); margin:22px auto 0;
}

/* 다음 단계: <div class="cl-next"><a href><span>설명</span><b>제목</b></a>…</div> */
.entry-content .cl-next{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:0 0 26px}
.entry-content .cl-next a{
  display:flex; flex-direction:column; gap:6px; background:var(--card);
  border:1px solid var(--line); border-radius:14px; padding:18px 20px; color:inherit;
  transition:transform .25s var(--ease), box-shadow .25s ease;
}
.entry-content .cl-next a:hover{transform:translateY(-3px); box-shadow:0 16px 32px -16px rgba(25,27,32,.16)}
.entry-content .cl-next a span{font-size:12px; color:var(--faint)}
.entry-content .cl-next a b{font-family:var(--serif); font-size:15px; line-height:1.5; font-weight:600; color:var(--ink)}
.entry-content .cl-next a:hover b{color:var(--lab-deep)}

/* 고지: <p class="cl-note">…</p> — 본문 끝 작은 글씨 */
.entry-content .cl-note{
  margin:44px 0 0; padding-top:24px; border-top:1px solid var(--line);
  font-size:12.5px; line-height:1.8; color:var(--faint);
}

@media (max-width:768px){
  .single .entry-content > p:first-of-type{font-size:17px; line-height:1.8}
  .entry-content .cl-sum{padding:18px 20px 18px 20px}
  .entry-content .cl-sum::before{position:static; display:block; margin-bottom:8px}
  .entry-content .cl-pull{font-size:19px; margin:32px 0 26px}
  .entry-content .cl-next{grid-template-columns:1fr}
}

/* 인용 박스 — 테마 기본 기울임 해제 (한글 가짜 이탤릭은 읽기 어렵다) */
.entry-content blockquote{font-style:normal}
.entry-content i{font-style:normal; color:var(--ink); font-weight:550}

/* 이모지는 사진이 아니다 — 본문 이미지 액자(테두리·그림자·라운드)를 받지 않게
   (👉 같은 글자용 이모지가 작은 액자에 갇혀 링크 위에 선처럼 보이던 것) */
.entry-content img.emoji,
.entry-content a img.emoji{
  display:inline-block; width:1.15em; height:1.15em; margin:0 .12em; padding:0;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  background:transparent !important; vertical-align:-.16em;
}

/* ════ 글 상세 사이드바 v2 (2026-08-15 · 준 샘플 구조) ════
   기둥은 붙잡지 않는다(sticky 함정). 목차만 따라오고, 그 아래 카드는 제자리에서 다 보인다. */
:is(.single, .page-id-3) .site-main > article.has-toc > .cl-side{position:static; margin-top:30px}
:is(.single, .page-id-3) .cl-side > .cl-toc{position:sticky; top:92px}

/* '함께 읽으면' — 사이드바에서는 다크 카드 (샘플) */
.cl-side .cl-related{
  position:relative; overflow:hidden; background:linear-gradient(160deg,#191B20,#23262e);
  border:0; border-radius:16px; padding:24px 22px; box-shadow:none; gap:12px;
}
.cl-side .cl-related::before{
  content:""; position:absolute; top:-70px; right:-50px; width:220px; height:220px;
  background:radial-gradient(closest-side, rgba(249,115,22,.24), transparent 70%);
  filter:blur(22px); pointer-events:none;
}
.cl-side .cl-related .t{position:relative; color:var(--lab)}
.cl-side .cl-related a{position:relative; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:12px}
.cl-side .cl-related a:last-child{border-bottom:0; padding-bottom:0}
.cl-side .cl-related a b{
  font-family:inherit; font-size:13.5px; line-height:1.5; color:#FAF9F6;
  background:linear-gradient(var(--lab),var(--lab)) no-repeat left 100%/0% 1.5px;
  transition:background-size .28s var(--ease);
}
.cl-side .cl-related a:hover b{background-size:100% 1.5px; color:#fff}
.cl-side .cl-related a span{font-size:11.5px; color:#A6AAB4}

/* 본문 끝 '다음 단계' — 2×2 카드 (샘플) */
.entry-content .cl-nextsteps{margin:48px 0 0}
.entry-content .cl-nextsteps .t{
  display:block; font-size:11.5px; font-weight:700; letter-spacing:.16em;
  color:var(--lab-deep); padding-bottom:14px;
}
.entry-content .cl-nextsteps .g{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.entry-content .cl-nextsteps a{
  display:flex; flex-direction:column; gap:6px; background:var(--card);
  border:1px solid var(--line); border-radius:14px; padding:18px 20px; color:inherit;
  box-shadow:0 1px 2px rgba(25,27,32,.03);
  transition:transform .25s var(--ease), box-shadow .25s ease;
}
.entry-content .cl-nextsteps a:hover{transform:translateY(-3px); box-shadow:0 16px 32px -16px rgba(25,27,32,.16)}
.entry-content .cl-nextsteps a span{font-size:12px; color:var(--faint)}
.entry-content .cl-nextsteps a b{font-family:var(--serif); font-size:15px; line-height:1.5; font-weight:600; color:var(--ink)}
.entry-content .cl-nextsteps a:hover b{color:var(--lab-deep)}

@media (max-width:1100px){
  .cl-side .cl-related{background:var(--card); border:1px solid var(--line)}
  .cl-side .cl-related::before{display:none}
  .cl-side .cl-related .t{color:var(--lab-deep)}
  .cl-side .cl-related a b{color:var(--ink)}
  .cl-side .cl-related a span{color:var(--faint)}
  .entry-content .cl-nextsteps .g{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════════════════════════
   글 상세 = 준 샘플 수치 그대로 (2026-08-15)
   ⛔해석 금지 구역: 아래 값은 샘플 파일에서 그대로 옮긴 것이다.
     `_규격/ChartLAB 글 레버리지 ETF 규제.dc.html` 과 다르면 그건 버그다.
   ══════════════════════════════════════════════════════════════ */

/* 2단: 본문 720 · 사이드 300 · 간격 64 · 위 여백 48 */
:is(.single, .page-id-3) .site-main > article.has-toc{
  grid-template-columns:minmax(0,1fr) 300px !important;
  gap:64px !important; align-items:start !important;
}
:is(.single, .page-id-3) article.has-toc > .inside-article{max-width:720px; padding-top:48px}

/* 사이드 기둥 = 통째로 따라온다 (샘플: position:sticky; top:92px; gap:20px) */
:is(.single, .page-id-3) .site-main > article.has-toc > .cl-side{
  position:sticky !important; top:92px !important; gap:20px !important; margin-top:48px;
}
:is(.single, .page-id-3) .cl-side > .cl-toc{position:static !important}

/* 머리 — h1 42/1.38 · 부제 17/1.75 */
.single h1.entry-title{font-size:42px !important; line-height:1.38 !important}
.single .entry-summary, .single .cl-lead{font-size:17px; line-height:1.75}

/* 본문 — 문단 16.5/1.9, 문단 사이 20 */
.single .entry-content{font-size:16.5px; line-height:1.9}
.single .entry-content > p{margin:0 0 20px}
/* 리드 문단 20/1.85 세리프 500 */
.single .entry-content > p:first-of-type{font-size:20px; line-height:1.85; font-weight:500; margin-bottom:20px}

/* 소제목 — h2 26/1.45, 위 56 아래 18 */
.single .entry-content h2{font-size:26px !important; line-height:1.45 !important; margin:56px 0 18px !important}
.single .entry-content h3{font-size:21px !important; line-height:1.5 !important; margin:56px 0 18px !important}
.single .entry-content h2:first-child, .single .entry-content h3:first-child{margin-top:0 !important}

/* 본문 시작선 — 저자줄과 본문 사이 헤어라인 + 36 */
.single .entry-content{border-top:1px solid rgba(25,27,32,.09); padding-top:36px; margin-top:30px}

/* 목차 카드 22/22/18 · 항목 13px */
.cl-toc{padding:22px 22px 18px !important; border-radius:16px !important}
.cl-toc a{font-size:13px !important; padding:7px 10px !important; gap:9px !important}

/* 하단 — 다음 단계 → 고지 → 이전·다음 (샘플 순서, 1열) */
.entry-content .cl-nextsteps{margin-top:56px}
.cl-pn{grid-template-columns:1fr !important; gap:12px !important; margin-top:28px !important}
.cl-pn a.nx{align-items:flex-start !important; text-align:left !important}

/* 문단 숨통 — 우리 글은 짧은 문단이 스무 개씩이라 샘플의 20px로는 빽빽하다 (준 지적 08-15) */
.single .entry-content{line-height:1.95}
.single .entry-content > p{margin:0 0 30px}
.single .entry-content > p:first-of-type{margin-bottom:34px; line-height:1.9}
.single .entry-content h2{margin:64px 0 22px !important}
.single .entry-content h3{margin:56px 0 20px !important}
.single .entry-content > ul,
.single .entry-content > ol,
.single .entry-content > table,
.single .entry-content > figure,
.single .entry-content > blockquote,
.single .entry-content > .cl-sum{margin-bottom:30px}

/* 🔴 sticky 사망 원인 제거 (08-15)
   body{overflow-x:clip} 은 body 를 스크롤 컨테이너로 만들어 자식의 position:sticky 를 무력화한다.
   (옛 메모의 "clip 은 sticky 를 안 깬다"는 틀렸다 — 목차·사이드바가 안 따라오던 진범)
   가로 넘침 차단은 html 로 옮긴다. html 은 원래 문서 스크롤러라 sticky 가 산다. */
@media (min-width:769px){
  body{overflow-x:visible !important}
  html{overflow-x:clip}
}

/* 저자줄과 본문 사이 여백 정리 (48+30+36 이 겹쳐 120px 구멍이 났다) */
:is(.single, .page-id-3) article.has-toc > .inside-article{padding-top:0}
.single .entry-content{margin-top:26px; padding-top:30px}

/* 하단 = 샘플 순서: 풀인용 → 「NN 다음 단계」 소제목 → 2×2 카드 → 고지 → 이전 글 */
.entry-content .cl-nextsteps{margin:64px 0 0}
.entry-content .cl-nextsteps h2{
  font-family:var(--serif); font-size:26px !important; line-height:1.45 !important; font-weight:600;
  letter-spacing:-.01em; color:var(--ink); margin:0 0 18px !important;
}
.entry-content .cl-nextsteps h2::before{
  content:counter(clsec,decimal-leading-zero); font-family:var(--serif); font-size:.54em;
  font-weight:600; color:var(--lab); margin-right:12px; letter-spacing:.02em;
}
.entry-content .cl-note{margin:44px 0 0; padding-top:24px; border-top:1px solid var(--line)}

/* 본문 폭 = 샘플 720px 정확히 (테마가 좌우 6px씩 먹던 것을 되돌림)
   ⚠좌우 0은 '목차 기둥이 옆에 서는' 데스크탑 레이아웃 전용이다. 미디어쿼리 밖에 두면
     1100px 이하 전 구간(모바일 포함)에서 본문이 화면 유리창에 그대로 붙는다.
     specificity가 모바일 규칙(.single .inside-article)보다 높아 !important 없이도 이긴다. (2026-08-15 수리) */
@media (min-width:1101px){
  :is(.single, .page-id-3) article.has-toc > .inside-article{
    max-width:720px !important; padding-left:0 !important; padding-right:0 !important;
  }
}
/* 720+64+300 = 1084 가 들어가도록 카드 좌우 여백을 18px 로 (article 안쪽 1072 → 1084) */
@media (min-width:1101px){
  :is(.single, .page-id-3) .site-main > article.has-toc{padding-left:18px !important; padding-right:18px !important}
}

/* ⛔해석 금지 — 샘플 실측값 그대로 (문단 사이 18 · 소제목 뒤 18 · 섹션 사이 56)
   문단을 벌리면 섹션과의 대비가 죽어 마디가 사라진다. 샘플은 문단 18 : 섹션 56 = 1:3 이다. */
.single .entry-content{line-height:1.9}
.single .entry-content > p{margin:0 0 20px}
.single .entry-content > p:first-of-type{margin-bottom:20px; line-height:1.85}
.single .entry-content > ul,
.single .entry-content > ol,
.single .entry-content > table,
.single .entry-content > figure,
.single .entry-content > blockquote,
.single .entry-content > .cl-sum{margin-bottom:20px}
/* 섹션 = 소제목 위 56, 소제목 아래 18 */
.single .entry-content h2{margin:56px 0 18px !important}
.single .entry-content h3{margin:56px 0 18px !important}
.single .entry-content h2:first-child,
.single .entry-content h3:first-child{margin-top:0 !important}
.entry-content .cl-nextsteps{margin-top:56px}
.entry-content .cl-nextsteps h2{margin:0 0 18px !important}

/* ── 준 지적 3건 (08-15) ── */

/* ① 이전·다음 글 카드 은퇴 — 하단은 '다음 단계'가 담당한다 */
.cl-pn{display:none !important}

/* ② 사이드바 컴팩트 — 목차가 길어져도 화면을 넘지 않게 (넘치면 그 안에서만 스크롤) */
:is(.single, .page-id-3) .site-main > article.has-toc > .cl-side{
  max-height:calc(100vh - 112px); overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin;
}
:is(.single, .page-id-3) .cl-side::-webkit-scrollbar{width:4px}
:is(.single, .page-id-3) .cl-side::-webkit-scrollbar-thumb{background:rgba(25,27,32,.14); border-radius:99px}
.cl-toc{padding:18px 18px 14px !important; gap:1px !important}
.cl-toc .t{padding-bottom:8px !important}
.cl-toc a{font-size:12.5px !important; padding:5px 9px !important; gap:8px !important}
.cl-toc a b{font-size:12px !important}
.cl-side .cl-related{padding:20px 18px !important; gap:10px !important}
.cl-side .cl-related a{padding-bottom:10px}
.cl-side .cl-related a b{font-size:13px !important}
.cl-side .cl-related a span{font-size:11px !important}

/* ③ 작성자줄 ↔ 본문 사이 여백 (그리드 행 간격 64 + 안쪽 여백들이 겹쳐 128px 구멍이 났다) */
:is(.single, .page-id-3) .site-main > article.has-toc{row-gap:0 !important}
:is(.single, .page-id-3) article.has-toc > .inside-article{padding-top:0 !important}
.single .entry-content{margin-top:34px; padding-top:30px}

/* 본문 끝 '다음 칸' 한 장 — 여정에서 바로 이어지는 한 걸음 (2026-08-15) */
.entry-content .cl-step{
  display:flex; flex-direction:column; gap:7px; margin:56px 0 0;
  background:var(--card); border:1px solid var(--line); border-radius:18px; padding:26px 28px;
  box-shadow:0 1px 2px rgba(25,27,32,.03); color:inherit;
  transition:transform .25s var(--ease), box-shadow .25s ease, border-color .2s ease;
}
.entry-content .cl-step:hover{transform:translateY(-3px); box-shadow:0 20px 40px -20px rgba(25,27,32,.18); border-color:var(--lab-edge)}
.entry-content .cl-step .lb{font-size:11.5px; font-weight:700; letter-spacing:.16em; color:var(--lab-deep)}
.entry-content .cl-step b{font-family:var(--serif); font-size:20px; line-height:1.5; font-weight:600; color:var(--ink)}
.entry-content .cl-step:hover b{color:var(--lab-deep)}
.entry-content .cl-step .ld{font-size:13.5px; line-height:1.7; color:#7A756C}
.entry-content .cl-step .go{margin-top:4px; font-size:12.5px; font-weight:600; color:var(--lab-deep)}
@media (max-width:768px){
  .entry-content .cl-step{padding:20px 22px; border-radius:14px; margin-top:44px}
  .entry-content .cl-step b{font-size:17px}
}



/* ═══ 히어로 1번 슬라이드 · 우측 증거판(계산) — 2026-08-16 ═══
   준 피드백: 데코 수준으로 축소 · 카드는 배경 없이 테두리+그림자만(색이 튀지 않게)
   껍데기는 또렷하게, 알맹이만 오파시티 .5 — 준 확정 값
   움직임은 기존 .rv 리빌 재사용(감속 설정 자동 상속) · 배속 1.5×(= .75s → .78s)
   배너가 넘어갈 때마다 재생 — 리셋은 JS가 transition을 잠깐 꺼서 즉시 확정시킨다 */
.cl-slide .cl-ev{
  position:absolute; top:50%; right:64px; transform:translateY(-50%);
  width:344px; pointer-events:none;
  background:transparent;
  border:1px solid rgba(25,27,32,.1); border-radius:16px;
  padding:16px 18px 13px;
  box-shadow:0 14px 30px -20px rgba(25,27,32,.26);
}
.cl-ev .cl-ev-in{opacity:.5;}
.cl-ev .cl-ev-hd{font-size:11px; font-weight:600; letter-spacing:.05em; color:var(--muted); padding-bottom:9px;}
.cl-ev .cl-ev-r{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  padding:7px 0; border-top:1px solid rgba(25,27,32,.09);
}
.cl-ev .cl-ev-r > span{font-size:11.5px; font-weight:450; color:#7A756C;}
.cl-ev .cl-ev-r > span i{font-style:normal; color:#A9A399;}
.cl-ev .cl-ev-r > b{font-size:12.5px; font-weight:500; color:var(--ink); font-variant-numeric:tabular-nums;}
.cl-ev .cl-ev-sum{border-top:1px solid rgba(25,27,32,.2); padding-top:10px; margin-top:2px;}
.cl-ev .cl-ev-sum > span{font-size:12px; font-weight:650; color:var(--ink);}
.cl-ev .cl-ev-sum > b{font-family:var(--serif); font-size:20px; font-weight:650; line-height:1.25;}
.cl-ev .cl-ev-sum > b em{font-style:normal; color:var(--lab-deep);}
.cl-ev .cl-ev-nt{font-size:9.5px; color:#A9A399; padding-top:8px;}
.cl-ev .rv{transform:translateY(6px); transition-duration:.78s;}
/* 좁아지면 글자와 부딪히므로 통째로 뺀다 (준 결정: 모바일엔 넣지 않음) */
@media (max-width:1239px){ .cl-slide .cl-ev{display:none;} }

/* ═══ MAP 카드 개편 — 2026-08-16 ═══
   준 결정: "준비 중"·"N편" 칩 제거 → 제목 + 설명 한 줄만. 높이는 그만큼 키운다.
   샘플 5a(코너 글리프) 채택 — 카드 구조를 안 건드리고 아이콘만 얹는 안.
   호버는 이미 .ch-room에 있는 것(-3px)을 그대로 쓰고, 글리프는 밝기만 바뀐다. */
.ch-room{position:relative; overflow:hidden; padding:22px 24px; gap:9px;}
.ch-room .gl{
  position:absolute; right:-20px; bottom:-24px; width:112px; height:112px;
  color:var(--lab); opacity:.1; pointer-events:none;
  transition:opacity .35s ease, transform .45s var(--ease);
}
.ch-room .gl svg{width:100%; height:100%; display:block;}
.ch-room:hover .gl{opacity:.2; transform:translateY(-6px) rotate(-4deg) scale(1.06);}
.ch-room .nm, .ch-room .d{position:relative;}
.ch-room .nm b{font-size:17px;}
.ch-room .d{font-size:12.5px; line-height:1.6; color:#7A756C; padding-right:34px;}
@media (max-width:768px){
  .ch-room{padding:16px 17px; gap:6px;}
  .ch-room .nm b{font-size:15px;}
  /* 칩이 빠져 제목만 남으면 폰에서 너무 휑하므로 설명을 되살린다 */
  .ch-room .d{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
              overflow:hidden; font-size:11.5px; padding-right:20px;}
  .ch-room .gl{width:84px; height:84px; right:-16px; bottom:-18px;}
}

/* MAP 설명 — 잘라내지 말고 흘러내리게 (2026-08-16)
   .ch-room이 flex라 자식의 -webkit-box가 blockify돼서 line-clamp가 안 먹는다.
   → 말줄임표 없이 하드컷되던 문제. 클램프를 버리고 카드가 내용만큼 자라게 둔다.
   (그리드라 8칸 높이는 어차피 자동으로 같이 맞춰진다) */
.ch-room .d{
  display:block; -webkit-line-clamp:none; overflow:visible;
  flex:0 0 auto; min-height:0;
}
@media (max-width:768px){
  .ch-room .d{display:block; overflow:visible; -webkit-line-clamp:none;}
}

/* MAP 설명 — 데스크탑에서 한 줄로 떨어지게 (2026-08-16)
   글리프가 10%라 글자가 살짝 걸쳐도 읽히므로 오른쪽 여백을 줄여 자리를 벌린다.
   혹시 넘치더라도 "정리합니 / 다." 꼴이 안 나오게 균형 잡아 접는다. */
.ch-room .d{padding-right:22px; text-wrap:pretty; word-break:keep-all;}
@media (max-width:768px){ .ch-room .d{padding-right:14px;} }

/* MAP — 폰에서 줄 수가 달라 카드 높이가 갈리는 것 방지 (2026-08-16)
   설명 칸을 2줄 높이로 고정하면 8칸이 같은 높이로 떨어진다. */
@media (max-width:768px){ .ch-room .d{min-height:3.2em;} }

/* ═══ 글 썸네일 = 숫자판 (2026-08-16) ═══
   사진 대신 코드로 그린다. 시안 확정: 판 바탕 .55 · 아이콘 .13 · 숫자 40px
   lg = 홈·아카이브(290×182) · sm = IBKR 방 낱글(200×125) · xs = 시리즈 줄(120폭) */
.blog .post-image, .archive .post-image{display:none;}
.cl-th{
  position:relative; border-radius:12px; overflow:hidden;
  background:rgba(241,239,232,.55); border:1px solid rgba(25,27,32,.05);
  display:flex; flex-direction:column; justify-content:flex-end; padding:18px 20px;
}
.cl-th .gl{
  position:absolute; right:-14px; bottom:-20px; width:132px; height:132px;
  color:var(--lab); opacity:.13; pointer-events:none;
  transition:opacity .35s ease, transform .45s var(--ease);
}
.cl-th .gl svg{width:100%; height:100%; display:block;}
.cl-th .cat{
  position:absolute; top:16px; left:20px; z-index:1;
  font-size:10.5px; font-weight:700; letter-spacing:.14em; color:var(--lab-deep);
  max-width:calc(100% - 40px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cl-th .num{
  position:relative; font-family:var(--serif); font-size:40px; font-weight:650;
  line-height:1.1; color:var(--ink); letter-spacing:-.02em;
}
.cl-th .num em{font-style:normal; font-size:.5em; font-weight:600; margin-left:3px; color:var(--lab-deep);}
.cl-th .lb{
  position:relative; font-size:11.5px; font-weight:500; color:var(--soft); margin-top:5px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cl-th.plain{justify-content:center;}
.cl-th.plain .rm{
  position:relative; font-family:var(--serif); font-size:26px; font-weight:600;
  line-height:1.25; color:rgba(25,27,32,.5);
}
.cl-th.plain .lb{color:var(--faint);}

/* lg — 홈·아카이브 목록: 옛 대표이미지 자리를 그대로 물려받는다 */
.cl-th.lg{order:-2; margin:0 -8px 7px; aspect-ratio:29/18;}
.blog .site-main > article:hover .cl-th .gl,
.archive .site-main > article:hover .cl-th .gl{
  opacity:.22; transform:translateY(-5px) rotate(-4deg) scale(1.05);
}
@media (max-width:768px){
  .cl-th.lg{padding:16px 18px;}
  .cl-th.lg .num{font-size:34px;}
  .cl-th.lg .gl{width:112px; height:112px;}
}

/* sm — IBKR 방 낱글 행(200×125). 템플릿 인라인 CSS를 이기려면 #cl-board 로 특이성을 올린다 */
#cl-board .row .im.cl-th{
  background:rgba(241,239,232,.6); border:1px solid rgba(25,27,32,.05);
  border-radius:10px; padding:12px 13px;
  display:flex; flex-direction:column; justify-content:flex-end;
}
#cl-board .row .im.cl-th .cat{top:10px; left:13px; font-size:9px; letter-spacing:.1em;}
#cl-board .row .im.cl-th .num{font-size:27px;}
#cl-board .row .im.cl-th .num em{font-size:.46em;}
#cl-board .row .im.cl-th .lb{font-size:10px; margin-top:2px;}
#cl-board .row .im.cl-th .gl{width:84px; height:84px; right:-10px; bottom:-14px;}
#cl-board .row .im.cl-th.plain{justify-content:center;}
#cl-board .row .im.cl-th.plain .rm{font-size:17px;}
#cl-board .row:hover .im.cl-th .gl{opacity:.22; transform:translateY(-4px) rotate(-4deg) scale(1.05);}

/* xs — 시리즈 줄(120폭) */
#cl-board .srow .im.cl-th{
  background:rgba(241,239,232,.6); border:1px solid rgba(25,27,32,.05);
  border-radius:8px; padding:9px 10px;
  display:flex; flex-direction:column; justify-content:flex-end;
}
#cl-board .srow .im.cl-th .cat{display:none;}
#cl-board .srow .im.cl-th .num{font-size:20px;}
#cl-board .srow .im.cl-th .num em{font-size:.45em;}
#cl-board .srow .im.cl-th .lb{display:none;}
#cl-board .srow .im.cl-th .gl{width:58px; height:58px; right:-8px; bottom:-10px;}
#cl-board .srow .im.cl-th.plain .rm{font-size:13px;}

/* 폰 — 낱글 행 이미지가 88px 정사각이 된다. 숫자만 남긴다 */
@media (max-width:768px){
  #cl-board .row .im.cl-th{padding:8px 9px;}
  #cl-board .row .im.cl-th .cat, #cl-board .row .im.cl-th .lb{display:none;}
  #cl-board .row .im.cl-th .num{font-size:19px;}
  #cl-board .row .im.cl-th.plain .rm{font-size:12px; line-height:1.2;}
  #cl-board .row .im.cl-th .gl{width:56px; height:56px; right:-8px; bottom:-10px;}
}

/* 숫자 없는 판 — 큰 글자가 '단계 이름/묶음 이름'이라 길어질 수 있다 (2026-08-16)
   분수는 계좌 개설 코스에만 쓰기로 해서(준 지적: 글 추가되면 분모가 다 틀어짐) 이쪽이 기본이 됐다 */
.cl-th.plain .rm{
  font-size:22px; line-height:1.3; text-wrap:balance; word-break:keep-all;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#cl-board .row .im.cl-th.plain .rm{font-size:16px; line-height:1.32;}
#cl-board .srow .im.cl-th.plain .rm{font-size:12.5px; line-height:1.3;}
@media (max-width:768px){
  .cl-th.lg.plain .rm{font-size:20px;}
  #cl-board .row .im.cl-th.plain .rm{font-size:11.5px; line-height:1.25;}
}

/* 썸네일 문구도 숫자와 같은 검정으로 (준 08-16) — 흐린 회색이면 주인공이 아니게 보인다 */
.cl-th.plain .rm{color:var(--ink);}
#cl-board .row .im.cl-th.plain .rm{color:var(--ink);}
#cl-board .srow .im.cl-th.plain .rm{color:var(--ink);}

/* ═══ 전체 글 아카이브 /all/ — 2026-08-16 (준 샘플, 골드→주황 환산) ═══
   펼치기 대신 방마다 최신 6편 + "전체 N편 →". HTML 길이가 글 수와 무관하게 고정된다. */
.cl-arc{display:flex; flex-direction:column; margin-top:4px;}
.cl-arc .cl-crumb{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:500; color:var(--faint);}
.cl-arc .cl-crumb a{color:var(--faint);}
.cl-arc .cl-crumb a:hover{color:var(--lab-deep);}
.cl-arc .cl-crumb b{font-weight:500; color:var(--soft);}

.cl-arc .ahead{display:flex; align-items:flex-end; justify-content:space-between; gap:40px;
  padding-top:18px; flex-wrap:wrap; row-gap:18px;}
.cl-arc .ht{display:flex; flex-direction:column; gap:11px;}
.cl-arc .eyebrow{font-size:12px; font-weight:700; letter-spacing:.18em; color:var(--lab-deep);}
.cl-arc .ht h2{margin:0; font-family:var(--serif); font-size:38px; font-weight:600; line-height:1.3;
  letter-spacing:-.02em; color:var(--ink);}
.cl-arc .ht h2 i{font-style:normal; font-size:18px; color:var(--lab);}
.cl-arc .ht p{margin:0; font-size:15px; line-height:1.7; color:var(--soft);}

.cl-arc .asearch{display:flex; align-items:center; gap:10px; height:46px; padding:0 20px;
  background:#fff; border:1px solid rgba(25,27,32,.1); border-radius:99px; min-width:300px;
  color:var(--faint); transition:border-color .2s ease, box-shadow .2s ease;}
.cl-arc .asearch:focus-within{border-color:var(--lab-edge); box-shadow:0 0 0 3px rgba(249,115,22,.1);}
.cl-arc .asearch input{border:0; outline:0; background:transparent; width:100%;
  font-size:14px; color:var(--ink); -webkit-appearance:none;}
.cl-arc .asearch input::placeholder{color:#B4AEA2;}

.cl-arc .achips{display:flex; gap:8px; padding-top:22px; flex-wrap:wrap;}
.cl-arc .achips button{font-family:inherit; font-size:13px; font-weight:500; color:var(--soft);
  background:transparent; border:1px solid rgba(25,27,32,.14); border-radius:99px; padding:8px 16px;
  cursor:pointer; transition:background .2s ease, color .2s ease, border-color .2s ease;}
.cl-arc .achips button:hover{border-color:rgba(25,27,32,.3);}
.cl-arc .achips button.on{background:var(--ink); border-color:var(--ink); color:var(--paper); font-weight:600;}
.cl-arc .achips .soon{font-size:13px; font-weight:500; color:#C9C4B8;
  border:1px dashed rgba(25,27,32,.14); border-radius:99px; padding:8px 16px;}

.cl-arc .agroup{padding-top:34px;}
.cl-arc .gh{display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding-bottom:6px;}
.cl-arc .gh h3{margin:0; display:flex; align-items:baseline; gap:12px; font-family:var(--serif);
  font-size:23px; font-weight:600; letter-spacing:-.01em; color:var(--ink);}
.cl-arc .gh h3 i{font-style:normal; font-size:13px; color:var(--lab);}
.cl-arc .gh h3 span{font-family:var(--sans,inherit); font-size:13px; font-weight:500; color:var(--faint);}
.cl-arc .gc{font-size:12.5px; color:var(--faint); white-space:nowrap;}

.cl-arc .alist{border-top:1px solid rgba(25,27,32,.12);}
.cl-arc .alist a{display:flex; align-items:baseline; gap:20px; padding:15px 14px; margin:0 -14px;
  border-bottom:1px solid rgba(25,27,32,.06); border-radius:10px; transition:background .2s ease;}
.cl-arc .alist a:hover{background:#F5F3EC; color:var(--ink);}
.cl-arc .ad{font-size:12.5px; color:#B4AEA2; flex:0 0 92px; white-space:nowrap;}
.cl-arc .at{font-family:var(--serif); font-size:16px; font-weight:550; line-height:1.5;
  color:var(--ink); flex:1; min-width:0;}
.cl-arc .at em{font-style:normal; color:var(--faint);}
.cl-arc .at .ser{font-family:var(--sans,inherit); font-size:11.5px; font-weight:500; color:var(--lab-deep);
  background:var(--lab-bg); border-radius:99px; padding:3px 10px; margin-left:10px;
  white-space:nowrap; position:relative; top:-2px;}
.cl-arc .am{font-size:12.5px; color:var(--faint); white-space:nowrap;}

.cl-arc .amore{display:flex; justify-content:center; padding-top:16px;}
.cl-arc .amore a{display:flex; align-items:center; gap:8px; height:38px; padding:0 20px;
  border:1px solid rgba(25,27,32,.12); border-radius:99px; font-size:12.5px; font-weight:600;
  color:var(--soft); transition:background .2s ease, color .2s ease, border-color .2s ease;}
.cl-arc .amore a span{color:var(--lab); transition:transform .25s var(--ease);}
.cl-arc .amore a:hover{background:var(--ink); border-color:var(--ink); color:var(--paper);}
.cl-arc .amore a:hover span{color:var(--lab); transform:translateX(3px);}

@media (max-width:768px){
  .cl-arc .ht h2{font-size:29px;}
  .cl-arc .asearch{min-width:0; width:100%;}
  .cl-arc .gh{flex-direction:column; align-items:flex-start; gap:4px;}
  .cl-arc .gh h3{font-size:20px;}
  .cl-arc .alist a{flex-wrap:wrap; gap:6px 14px; padding:13px 12px; margin:0 -12px;}
  .cl-arc .ad{flex:0 0 auto; order:2;}
  .cl-arc .at{flex:1 0 100%; order:1; font-size:15px;}
  .cl-arc .am{order:3;}
  .cl-arc .at .ser{margin-left:8px;}
}

/* ═══ 검색 결과 화면 — 목록과 같은 옷 (2026-08-16) ═══
   body에 'archive'를 얹어 기존 목록 규칙을 재사용하고, 여기선 차이나는 것만 손본다. */
.search .page-header{display:none;}                 /* GP 기본 제목판 봉인 — 우리 머리를 따로 그린다 */
.cl-srch{max-width:1200px; margin:0 auto; padding:44px 48px 8px;}
.cl-srch .cl-arc{margin-top:0;}
.cl-srch .ht h2 i{font-style:normal; color:var(--lab-deep); font-size:inherit;}
.search .site-main{padding-top:8px;}
.search .no-results{background:#fff; border:1px solid var(--line); border-radius:18px; padding:34px 32px;}
.search .no-results .entry-title, .search .search-submit{display:none;}
@media (max-width:768px){ .cl-srch{padding:22px 20px 4px;} }

/* ═══ 목록 페이지 번호 — GP 기본 옷 벗기기 (2026-08-16) ═══ */
.site-main .paging-navigation{
  grid-column:1 / -1; background:transparent; border:0;
  margin:8px 0 0; padding:14px 0 0; display:flex; justify-content:center;
}
.site-main .paging-navigation .nav-links{display:flex; align-items:center; gap:7px; flex-wrap:wrap;}
.site-main .paging-navigation .page-numbers{
  min-width:38px; height:38px; padding:0 13px; border-radius:99px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:13.5px; font-weight:600; color:var(--soft); text-decoration:none;
  background:#fff; border:1px solid rgba(25,27,32,.12);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.site-main .paging-navigation .page-numbers:hover{border-color:rgba(25,27,32,.3); color:var(--ink);}
.site-main .paging-navigation .page-numbers.current{
  background:var(--ink); border-color:var(--ink); color:var(--paper);
}
.site-main .paging-navigation .page-numbers.dots{background:transparent; border-color:transparent; color:var(--faint);}
.site-main .paging-navigation .prev, .site-main .paging-navigation .next{font-weight:600;}
.site-main .paging-navigation .prev:hover, .site-main .paging-navigation .next:hover{
  background:var(--ink); border-color:var(--ink); color:var(--paper);
}
@media (max-width:768px){
  .site-main .paging-navigation .page-numbers{min-width:34px; height:34px; padding:0 10px; font-size:13px;}
}
/* ⚠테마는 검색 토글을 '모바일 컨트롤 영역'(.menu-bar-items)에도 하나 만든다.
   우리는 메뉴 안의 .cl-navsearch 하나만 쓴다 — 여기를 열어두면 돋보기가 두 개(안경)가 된다. */
.main-navigation .menu-bar-items{display:none !important;}

/* ═══ 헤더 검색 — 테마 기능을 켜서 우리 톤으로 입힘 (2026-08-16) ═══
   창이 아니라 돋보기 하나. 누르면 그 자리에서 펼쳐진다.
   ⚠모바일은 커스텀 메뉴 모달을 쓰므로 여기선 감춘다(모달에 넣는 건 다음 일). */

/* 펼쳐진 검색줄 — 헤더 위에 종이 한 장 덮듯 */
.main-navigation .navigation-search{
  position:absolute; left:0; top:0; width:100%; height:100%;
  background:rgba(250,249,246,.97); backdrop-filter:blur(10px);
  display:flex; align-items:center; padding:0 48px; z-index:20;
  opacity:0; pointer-events:none; visibility:hidden; transition:opacity .25s ease;
}
.main-navigation .navigation-search.nav-search-active{opacity:1; pointer-events:auto; visibility:visible;}
.main-navigation .navigation-search input[type="search"]{
  width:100%; height:46px; padding:0 4px; border:0; border-bottom:1px solid rgba(25,27,32,.14);
  background:transparent; outline:0; box-shadow:none;
  font-family:var(--serif); font-size:22px; font-weight:600; color:var(--ink);
}
.main-navigation .navigation-search input[type="search"]::placeholder{
  font-family:inherit; font-weight:400; color:#B4AEA2;
}
.main-navigation .navigation-search input[type="search"]:focus{
  border-bottom-color:var(--lab); background:transparent;
}
@media (max-width:768px){
    .main-navigation .navigation-search{display:none;}
}

/* ═══ 헤더 검색 v2 — 아이콘이 메뉴 안으로 옮겨진 뒤 (2026-08-16) ═══
   ⚠검색 토글은 이제 .cl-navsearch(주 메뉴 마지막 항목)다. 옛 .menu-bar-items 선택자는 안 맞는다. */
.main-navigation .main-nav > ul > li.cl-navsearch{display:flex; align-items:center; margin-left:6px;}
.main-navigation .main-nav > ul > li.cl-navsearch > a{
  display:flex !important; align-items:center; justify-content:center;
  width:38px !important; height:38px; padding:0 !important; border-radius:50%;
  color:var(--soft); background:transparent;
  transition:background .2s ease, color .2s ease;
}
.main-navigation .main-nav > ul > li.cl-navsearch > a:hover,
.main-navigation .main-nav > ul > li.cl-navsearch.active > a{background:var(--chip); color:var(--ink);}
.main-navigation .main-nav > ul > li.cl-navsearch .gp-icon{display:flex;}
.main-navigation .main-nav > ul > li.cl-navsearch .gp-icon svg{width:17px; height:17px;}

/* 펼침 — 계산값이 안 따라오는 경우가 있어 못박는다 */
.main-navigation .navigation-search.nav-search-active{
  opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
}

/* ═══ 메가패널 정렬 — 자리 번호가 아니라 실측으로 (2026-08-16) ═══
   옛 규칙: `li:nth-of-type(n+4) > ul` 은 4번째 칸부터 무조건 오른쪽 정렬.
   → '마켓'은 왼쪽 정렬해도 화면에 들어가는데 뒤집혀서 엉뚱한 곳에 떴다(준 지적).
   이제 JS가 넘칠 때만 .cl-sub-right 를 붙인다. 창 크기가 바뀌면 다시 잰다. */
@media (min-width:769px){
  .main-navigation .main-nav > ul > li:nth-of-type(n+4) > ul{left:-18px !important; right:auto !important;}
  .main-navigation .main-nav > ul > li.cl-sub-right > ul{left:auto !important; right:-18px !important;}
}


/* /all/ 전체글 페이지 (2026-08-17)
   GP가 페이지 제목을 자동 출력하는데 본문 .cl-arc에 머리가 또 있어 중복 → 제목 숨김.
   숨긴 뒤 남는 윗여백을 검색결과 화면과 동일하게 맞춤:
   site-main margin 20 + inside-article padding 24 + cl-arc 0 = 44px (= .cl-srch padding-top) */
.page-id-173 .entry-header{display:none}
.page-id-173 .inside-article{padding-top:24px}
.page-id-173 .cl-arc{margin-top:0}


[data-bupum="stock-page"] *{box-sizing:border-box}[data-bupum="stock-page"]{margin:0;background:#FAF9F6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:15px;line-height:1.75;font-weight:450;color:#191B20;font-variant-numeric:tabular-nums}[data-bupum="stock-page"] a{text-decoration:none;color:inherit}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] a:hover{color:#C2410C}}[data-bupum="stock-page"] a[data-hov]{color:#C2410C}[data-bupum="stock-page"] ::selection{background:rgba(194,65,12,.20)}[data-bupum="stock-page"]{--크림:#FAF9F6;--판:#FFFFFF;--먹:#191B20;--흐림:#5A564E;--연:#9A948A;--선:rgba(25,27,32,.09);--주황:#C2410C;--주황연:#f6ece2;--cl-red:#B0483E;--cl-blue:#3D6B9E;--오름:var(--cl-red);--내림:var(--cl-blue);--연연:#B4AEA2;--끔:#7A756C;--세리프:'Hahmlet',serif;--산세:'Pretendard Variable',Pretendard,sans-serif;--cl-cream:#FAF9F6;--cl-ink:#191B20;--cl-mid:#5A564E;--cl-fade:#B4AEA2;--cl-mut:#9A948A;--cl-acc:#C2410C;--cl-ink-rgb:25,27,32;--cl-acc2-rgb:249,115,22;--cl-acc2:#F97316;--줄연:#f2ece1}[data-bupum="stock-page"] .쪽{max-width:1180px;margin:0 auto;padding:calc(30px + clamp(28px,5vw,56px)) 24px 80px;word-break:keep-all;text-wrap:pretty}[data-bupum="stock-page"] .쪽 svg text{word-break:normal}[data-bupum="stock-page"] .머리{margin-bottom:40px}[data-bupum="stock-page"] .머리 .나라{margin-bottom:9px;font-size:11.5px;font-weight:700;line-height:1.75;letter-spacing:.2em;color:var(--주황)}[data-bupum="stock-page"] .머리 h1{margin:0 0 3px;font-family:var(--세리프);font-size:clamp(30px,5.5vw,44px);font-weight:600;line-height:1.15;letter-spacing:-.025em}[data-bupum="stock-page"] .머리 h1 .티커{margin-left:10px;font-family:var(--산세);font-size:24px;font-weight:500;letter-spacing:.03em;color:var(--연)}[data-bupum="stock-page"] .머리 .영문{margin-bottom:0;font-size:14px;line-height:1.57;letter-spacing:-.007em;color:var(--연)}[data-bupum="stock-page"] .머리 .영문 .갈래{color:var(--연연)}[data-bupum="stock-page"] .머리 .영문 .갈래::before{content:" · "}[data-bupum="stock-page"] .차트판.둘{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:0;padding:0;overflow:hidden}[data-bupum="stock-page"] .소개{padding:26px 26px 22px;border-right:1px solid var(--선);display:flex;flex-direction:column;min-width:0}[data-bupum="stock-page"] .소개.뒤집기{perspective:900px;cursor:pointer;-webkit-tap-highlight-color:transparent}[data-bupum="stock-page"] .소개.뒤집기:focus-visible{outline:2px solid var(--주황);outline-offset:-2px}[data-bupum="stock-page"] .소개 .플립{position:relative;flex:1;min-height:0;display:grid;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transform:rotateX(0deg);transition:transform .72s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .소개.뒤집힘>.플립{transform:rotateX(-180deg)}[data-bupum="stock-page"] .소개 .면{grid-area:1 / 1;min-height:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-bupum="stock-page"] .소개:not(.뒤집힘) .면.뒷{pointer-events:none}[data-bupum="stock-page"] .소개.뒤집힘 .면:not(.뒷){pointer-events:none}[data-bupum="stock-page"] .소개 .면.뒷{position:absolute;inset:0;transform:rotateX(180deg);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(194,65,12,.45) transparent}[data-bupum="stock-page"] .소개 .면.뒷::-webkit-scrollbar{width:4px}[data-bupum="stock-page"] .소개 .면.뒷::-webkit-scrollbar-track{background:transparent}[data-bupum="stock-page"] .소개 .면.뒷::-webkit-scrollbar-thumb{background:rgba(194,65,12,.45);border-radius:99px}[data-bupum="stock-page"] .소개 .면.뒷>:last-child{margin-bottom:auto}[data-bupum="stock-page"] .소개 .면.뒷 .머리{display:block;margin-bottom:12px;font-size:11px;line-height:1.6;color:var(--연);letter-spacing:.02em}[data-bupum="stock-page"] .소개 .면.뒷 .글{margin:0 0 12px;font-size:12.5px;line-height:1.85;color:var(--흐림)}[data-bupum="stock-page"] .소개 .면.뒷 .글:last-of-type{margin-bottom:0}[data-bupum="stock-page"] .소개 .면.뒷 .글 b{font-weight:600;color:var(--먹)}[data-bupum="stock-page"] .소개 .면.뒷 .밑{display:block;margin-top:12px;font-size:10.5px;line-height:1.6;color:var(--연연)}[data-bupum="stock-page"] .소개.뒤집기{position:relative}[data-bupum="stock-page"] .소개 .표지{position:absolute;z-index:2;top:21px;right:26px;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;line-height:1.4;letter-spacing:.02em;color:var(--연);border:1px solid var(--선);border-radius:999px;background:transparent;white-space:nowrap;transition:color .28s ease,border-color .28s ease,opacity .25s ease}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .소개.뒤집기:hover .표지{color:var(--먹);border-color:rgba(194,85,31,.45)}}[data-bupum="stock-page"] .소개.뒤집힘 .표지{opacity:0;visibility:hidden;pointer-events:none}[data-bupum="stock-page"] .소개.뒤집기 .면:not(.뒷) .갈래말{padding-right:80px}@media (max-width:900px){[data-bupum="stock-page"] .소개 .표지{top:16px;right:0}}[data-bupum="stock-page"] .소개 .갈래말{font-size:11.5px;font-weight:700;letter-spacing:.14em;line-height:1.75;color:var(--주황);margin-bottom:14px}[data-bupum="stock-page"] .소개 .큰값{font-family:var(--세리프);font-size:clamp(30px,3.6vw,44px);font-weight:600;line-height:1.05;letter-spacing:-.025em;color:var(--먹)}[data-bupum="stock-page"] .소개 .큰값 span{font-size:16px;font-weight:450;margin-left:4px;letter-spacing:0;color:var(--흐림)}[data-bupum="stock-page"] .소개 .잔말{margin-top:5px;font-size:11.5px;line-height:1.7;color:var(--연)}[data-bupum="stock-page"] .소개 .잔말 b{font-weight:600;color:var(--흐림)}[data-bupum="stock-page"] .소개 .원화큰{margin-top:2px;font-family:var(--세리프);font-size:clamp(15px,1.8vw,21px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--흐림)}[data-bupum="stock-page"] .소개 .원화큰 span{font-size:11px;font-weight:450;margin-left:3px;letter-spacing:0;color:var(--연)}[data-bupum="stock-page"] .소개 .잔말 .환출처{color:var(--연연)}[data-bupum="stock-page"] .소개.짚음 .원화큰,
[data-bupum="stock-page"] .소개.짚음 .잔말 .환출처{visibility:hidden}[data-bupum="stock-page"] .소개.짚음 .큰값{color:var(--주황)}[data-bupum="stock-page"] .소개 .벌이{margin-top:16px;font-size:12.5px;line-height:1.65;color:var(--흐림)}[data-bupum="stock-page"] .소개 .벌이 b{font-weight:600;color:var(--먹)}[data-bupum="stock-page"] .소개 .속줄{display:flex;align-items:baseline;gap:10px;margin-top:11px;font-size:12.5px;line-height:1.65}[data-bupum="stock-page"] .소개 .속줄 i{font-style:normal;color:var(--연);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-bupum="stock-page"] .소개 .속줄 b{font-family:var(--세리프);font-size:15px;font-weight:600;color:var(--먹);letter-spacing:-.02em;margin-left:auto}[data-bupum="stock-page"] .소개 .속줄 b.빔{font-family:var(--산세);font-size:12.5px;font-weight:450;color:var(--연연)}[data-bupum="stock-page"] .소개 .해매출{margin-top:15px}[data-bupum="stock-page"] .소개 .해매출 .칩말{font-size:10px;line-height:1.45;color:var(--연연);margin-bottom:5px}[data-bupum="stock-page"] .소개 .해줄{display:grid;grid-template-columns:8ch minmax(0,1fr) 70px;gap:9px;align-items:center;padding:1.5px 6px;border-radius:3px}[data-bupum="stock-page"] .소개 .해줄 .해{font-style:normal;font-size:10px;line-height:1.35;color:var(--연);white-space:nowrap}[data-bupum="stock-page"] .소개 .해줄 .통{position:relative;height:9px;border-radius:2px;background:var(--줄연);overflow:hidden;transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .소개 .해줄 .찬{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:#d8cfbe}[data-bupum="stock-page"] .소개 .해줄.짙 .찬{background:var(--주황)}[data-bupum="stock-page"] .소개 .해줄 .수{font-family:var(--세리프);font-size:11.5px;line-height:1.35;text-align:right;letter-spacing:-.02em;color:var(--연);white-space:nowrap;transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .소개 .해줄.짙 .수{color:var(--먹)}[data-bupum="stock-page"] .소개 .해줄 .수 span{font-size:9.5px;font-weight:450;margin-left:2px;letter-spacing:0;color:var(--연)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .소개 .해줄:hover{background:var(--주황연)}}[data-bupum="stock-page"] .소개 .해줄[data-hov]{background:var(--주황연)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .소개 .해줄:hover .통{transform:scaleY(1.4)}}[data-bupum="stock-page"] .소개 .해줄[data-hov] .통{transform:scaleY(1.4)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .소개 .해줄:hover .수{transform:translateX(3px)}}[data-bupum="stock-page"] .소개 .해줄[data-hov] .수{transform:translateX(3px)}[data-bupum="stock-page"] .소개 .다음{margin-top:auto;padding-top:18px}[data-bupum="stock-page"] .소개 .다음 .때말{font-size:12.5px;line-height:1.6;color:var(--흐림)}[data-bupum="stock-page"] .소개 .다음 .때말 b{font-family:var(--세리프);font-size:15px;font-weight:600;color:var(--먹);letter-spacing:-.02em}[data-bupum="stock-page"] .소개 .다음 .바{position:relative;height:3px;margin:10px 0 6px;border-radius:99px;background:var(--줄연)}[data-bupum="stock-page"] .소개 .다음 .바 i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--주황);opacity:.55}[data-bupum="stock-page"] .소개 .다음 .바 u{position:absolute;top:-2.5px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--주황);text-decoration:none}[data-bupum="stock-page"] .소개 .다음 .양끝{display:flex;justify-content:space-between;font-size:10.5px;line-height:1.6;color:var(--연연)}[data-bupum="stock-page"] .차트판.둘>.차트쪽{padding:20px 26px 18px;min-width:0;--판바탕:var(--크림);background:var(--크림);display:flex;flex-direction:column}[data-bupum="stock-page"] .차트판.둘>.칸판-4{grid-column:1 / -1;margin:0;border-top:1px solid var(--선)}[data-bupum="stock-page"] .차트판.둘>.칸판-4>.칸{padding:clamp(20px,2.6vw,26px) clamp(22px,3vw,30px)}[data-bupum="stock-page"] .차트판.둘>.칸판-4>.칸.뒤집기 .면:not(.뒷){justify-content:center}@media (min-width:901px){[data-bupum="stock-page"] .차트판.둘>.칸판-4>.칸:first-child{padding-left:clamp(22px,3vw,30px)}[data-bupum="stock-page"] .차트판.둘>.칸판-4>.칸:last-child{padding-right:clamp(22px,3vw,30px)}}@media (max-width:900px){[data-bupum="stock-page"] .차트판.둘>.칸판-4>.칸:nth-child(n){padding-left:clamp(22px,3vw,30px);padding-right:clamp(22px,3vw,30px)}}@media (max-width:900px){[data-bupum="stock-page"] .차트판.둘{grid-template-columns:minmax(0,1fr)}[data-bupum="stock-page"] .소개{border-right:0;border-bottom:1px solid var(--선);padding:20px 0 18px}[data-bupum="stock-page"] .차트판.둘>.차트쪽{padding:16px 0 14px;background:transparent}}[data-bupum="stock-page"] .히어로{margin-bottom:0}[data-bupum="stock-page"] .차트판{--판바탕:var(--판);background:var(--판바탕);border:1px solid rgba(25,27,32,.09);border-radius:16px;padding:clamp(18px,2.4vw,26px) clamp(20px,2.6vw,28px) clamp(14px,2vw,20px);margin-bottom:6px}[data-bupum="stock-page"] .히어로 .알약줄{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}[data-bupum="stock-page"] .히어로 .알약줄 .범례{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:11px;line-height:1.64;color:var(--흐림);min-width:0;min-height:38px}[data-bupum="stock-page"] .히어로 .알약줄 .범례>span{display:flex;align-items:center;gap:7px;white-space:nowrap}[data-bupum="stock-page"] .히어로 .알약줄 .범례 i{display:block;width:14px;height:2px;border-radius:1px;flex:none}[data-bupum="stock-page"] .히어로 .차트칸{position:relative;margin-top:14px}[data-bupum="stock-page"] .히어로 svg.차트{height:250px}[data-bupum="stock-page"] svg.막대판{display:block;width:100%;height:190px;overflow:visible;margin:6px 0 2px}[data-bupum="stock-page"] .막대묶음{margin:6px 0 2px}[data-bupum="stock-page"] .막대묶음 svg.막대판{margin:0}[data-bupum="stock-page"] .막대칸>.눈판{z-index:0}[data-bupum="stock-page"] .막대칸>svg.막대판{position:relative;z-index:1}[data-bupum="stock-page"] .막대칸 .판칸{position:relative}[data-bupum="stock-page"] .막대칸 .판칸>.눈판{z-index:0}[data-bupum="stock-page"] .막대칸 .판칸>svg{position:relative;z-index:1}[data-bupum="stock-page"] svg.곡선판{display:block;width:100%;height:104px;overflow:visible}[data-bupum="stock-page"] .판칸 + .판칸{margin-top:9px;padding-top:11px;border-top:1px solid var(--선)}[data-bupum="stock-page"] .곡선판 .줄{fill:none;stroke:var(--먹);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}[data-bupum="stock-page"] .곡선판 .점{fill:var(--먹)}[data-bupum="stock-page"] .곡선판 .점.끝{r:3.2;fill:var(--주황)}[data-bupum="stock-page"] .곡선판 .격자{stroke:var(--선);stroke-width:1}[data-bupum="stock-page"] .곡선판 .영선{stroke:var(--먹);stroke-width:1;stroke-dasharray:2 3;opacity:.45}[data-bupum="stock-page"] .막대칸.짚음 .곡선판 .점{opacity:.3}[data-bupum="stock-page"] .막대칸.짚음 .곡선판 .점.짚은{opacity:1;r:3.4}[data-bupum="stock-page"] .막대묶음 .해판{position:relative;height:15px;margin-top:2px}[data-bupum="stock-page"] .막대묶음 .해판 .눈x{position:absolute;transform:translateX(-50%);font-size:10.5px;color:var(--연);white-space:nowrap}[data-bupum="stock-page"] .막대판 .막{fill:var(--주황);opacity:.30}[data-bupum="stock-page"] .막대판 .막.끝{opacity:.9}[data-bupum="stock-page"] .막대판 .막.밑짐{fill:var(--먹);opacity:.22}[data-bupum="stock-page"] .막대판 .막.밑짐.끝{opacity:.45}[data-bupum="stock-page"] .막대판 .격자{stroke:var(--선);stroke-width:1}[data-bupum="stock-page"] .막대판 .눈{font-size:10px;fill:var(--연);font-family:var(--산세)}[data-bupum="stock-page"] .막대판 .끝글{font-size:12px;fill:var(--먹);font-weight:700;font-family:var(--산세)}[data-bupum="stock-page"] .막대판 .겹줄{fill:none;stroke:var(--먹);stroke-width:1.4}[data-bupum="stock-page"] .막대판 .겹점{fill:var(--먹)}[data-bupum="stock-page"] .막대판 .선글{font-size:11px;fill:var(--먹);font-weight:700;font-family:var(--산세)}[data-bupum="stock-page"] .막대판 .영선{stroke:var(--먹);stroke-width:1;stroke-dasharray:2 3;opacity:.45}[data-bupum="stock-page"] .막대판 .영글{font-size:10px;fill:var(--먹);opacity:.55;font-family:var(--산세)}[data-bupum="stock-page"] .칩라벨{margin:14px 0 0;font-size:12px;color:var(--흐림)}[data-bupum="stock-page"] .막대칸{position:relative}[data-bupum="stock-page"] .막대칸 .막{transition:opacity .18s ease}[data-bupum="stock-page"] .막대칸.짚음 .막{opacity:.16}[data-bupum="stock-page"] .막대칸.짚음 .막.짚은{opacity:.95}[data-bupum="stock-page"] .막대딱{position:absolute;transform:translate(-50%,0);top:8px;padding:7px 11px;border-radius:9px;background:var(--크림);border:1px solid rgba(25,27,32,.14);box-shadow:0 10px 24px -12px rgba(25,27,32,.35);pointer-events:none;opacity:0;transition:opacity .18s ease;white-space:nowrap;z-index:6}[data-bupum="stock-page"] .막대딱 .날{display:block;font:500 10.5px var(--산세);color:var(--연)}[data-bupum="stock-page"] .막대딱 .줄{display:flex;gap:14px;align-items:baseline;justify-content:space-between;padding-top:4px}[data-bupum="stock-page"] .막대딱 .줄 + .줄{margin-top:2px;padding-top:5px;border-top:1px solid rgba(25,27,32,.10)}[data-bupum="stock-page"] .막대딱 .이{font:500 11.5px var(--산세);color:var(--연연)}[data-bupum="stock-page"] .막대딱 .수{font:600 15px var(--세리프);color:var(--먹)}[data-bupum="stock-page"] .히어로 .차트칸,
[data-bupum="stock-page"] .히어로 svg,
[data-bupum="stock-page"] .차트칸,
[data-bupum="stock-page"] svg.차트,
[data-bupum="stock-page"] .막대칸,
[data-bupum="stock-page"] svg.막대판,
[data-bupum="stock-page"] [style*="crosshair"]{touch-action:pan-y;-webkit-tap-highlight-color:transparent}[data-bupum="stock-page"] #cl-stock-app [data-tipbox],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox] *{touch-action:pan-y;-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){[data-bupum="stock-page"] #cl-stock-app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-bupum="stock-page"] #cl-stock-app .본문 *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-bupum="stock-page"] #cl-stock-app p,
[data-bupum="stock-page"] #cl-stock-app h1,
[data-bupum="stock-page"] #cl-stock-app h2,
[data-bupum="stock-page"] #cl-stock-app h3,
[data-bupum="stock-page"] #cl-stock-app h4,
[data-bupum="stock-page"] #cl-stock-app .요약,
[data-bupum="stock-page"] #cl-stock-app .주석,
[data-bupum="stock-page"] #cl-stock-app .해석,
[data-bupum="stock-page"] #cl-stock-app .본문{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}[data-bupum="stock-page"] #cl-stock-app .본문 p,
[data-bupum="stock-page"] #cl-stock-app .본문 p *,
[data-bupum="stock-page"] #cl-stock-app .본문 h1,
[data-bupum="stock-page"] #cl-stock-app .본문 h1 *,
[data-bupum="stock-page"] #cl-stock-app .본문 h2,
[data-bupum="stock-page"] #cl-stock-app .본문 h2 *,
[data-bupum="stock-page"] #cl-stock-app .본문 h3,
[data-bupum="stock-page"] #cl-stock-app .본문 h3 *,
[data-bupum="stock-page"] #cl-stock-app .본문 h4,
[data-bupum="stock-page"] #cl-stock-app .본문 h4 *,
[data-bupum="stock-page"] #cl-stock-app .본문 .요약,
[data-bupum="stock-page"] #cl-stock-app .본문 .요약 *,
[data-bupum="stock-page"] #cl-stock-app .본문 .주석,
[data-bupum="stock-page"] #cl-stock-app .본문 .주석 *,
[data-bupum="stock-page"] #cl-stock-app .본문 .해석,
[data-bupum="stock-page"] #cl-stock-app .본문 .해석 *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}[data-bupum="stock-page"] [data-xscroll]{touch-action:pan-x pan-y}[data-bupum="stock-page"] .눈판{position:absolute;inset:0;pointer-events:none;z-index:0}[data-bupum="stock-page"] .히어로 .차트칸>svg.차트{position:relative;z-index:1}[data-bupum="stock-page"] .눈판 .눈y{position:absolute;left:0;transform:translateY(-50%);background:var(--판바탕,var(--판));padding-right:5px;font-size:10.5px;color:var(--연);white-space:nowrap}[data-bupum="stock-page"] .눈판 .꼭짓{position:absolute;font-size:10.5px;font-weight:600;white-space:nowrap}[data-bupum="stock-page"] .해판{position:relative;height:16px;margin-top:4px}[data-bupum="stock-page"] .해판 .눈x{position:absolute;transform:translateX(-50%);font-size:10.5px;color:var(--연)}[data-bupum="stock-page"] .히어로 .밑줄{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px;row-gap:12px;margin-top:auto;padding-top:12px;border-top:1px solid var(--선)}[data-bupum="stock-page"] .히어로 .밑줄 .범례{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:11px;line-height:1.82;color:var(--흐림)}[data-bupum="stock-page"] .히어로 .밑줄 .범례 #범례{display:flex;flex-wrap:wrap;align-items:center;gap:14px}[data-bupum="stock-page"] .히어로 .밑줄 .범례 .때{color:var(--연);white-space:nowrap}[data-bupum="stock-page"] .히어로 .밑줄 .겹{display:flex;flex-wrap:wrap;align-items:center;gap:9px}[data-bupum="stock-page"] .히어로 .밑줄 .겹말{flex:1 1 100%;font-size:11px;line-height:1.7;color:var(--연연)}[data-bupum="stock-page"] .히어로 .밑줄 .겹말 b{font-weight:600;color:var(--흐림)}[data-bupum="stock-page"] .히어로 .밑줄 .겹라벨{font-size:11px;line-height:1.75;color:var(--연);white-space:nowrap;margin-right:2px}[data-bupum="stock-page"] .줄기>section:first-child{border-top:0}[data-bupum="stock-page"] .알약{display:flex;flex-wrap:wrap;gap:5px}[data-bupum="stock-page"] .알약 button{padding:2px 8px;font-size:10.5px;font-weight:450;line-height:1.52;font-family:inherit;color:var(--연연);background:transparent;border:1px solid var(--선);border-radius:20px;cursor:pointer;transition:color .28s cubic-bezier(.22,.61,.36,1),border-color .28s cubic-bezier(.22,.61,.36,1),background-color .28s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .알약 button:hover{color:var(--먹);border-color:rgba(194,85,31,.45)}}[data-bupum="stock-page"] .알약 button[data-hov]{color:var(--먹);border-color:rgba(194,85,31,.45)}[data-bupum="stock-page"] .알약 button[aria-pressed="true"]{color:var(--크림);background:var(--먹);border-color:var(--먹)}[data-bupum="stock-page"] .알약.탭{position:relative;gap:0;flex-wrap:nowrap;padding:3px;border-radius:9px;background:rgba(25,27,32,.05)}[data-bupum="stock-page"] .알약.탭 .탭표{position:absolute;left:3px;top:3px;bottom:3px;width:42px;z-index:0;background:var(--판);border-radius:6px;box-shadow:0 1px 2px rgba(25,27,32,.1);pointer-events:none;transition:transform .42s cubic-bezier(.22,.61,.36,1),width .42s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .알약.탭 button{position:relative;z-index:1;min-width:42px;padding:5px 0;text-align:center;border:0;border-radius:6px;background:transparent;font-size:11px;font-weight:500;line-height:1.5;color:var(--끔);transition:color .28s ease}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .알약.탭 button:hover{color:var(--먹);border-color:transparent}}[data-bupum="stock-page"] .알약.탭 button[data-hov]{color:var(--먹);border-color:transparent}[data-bupum="stock-page"] .알약.탭 button[aria-pressed="true"]{font-weight:600;color:var(--먹);background:transparent;border-color:transparent}[data-bupum="stock-page"] .칸판{display:grid;gap:0;border-top:1px solid var(--선);border-bottom:1px solid var(--선)}[data-bupum="stock-page"] .칸판-2{grid-template-columns:repeat(2,minmax(0,1fr));margin:6px 0 2px}[data-bupum="stock-page"] .칸판-3{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 4px}[data-bupum="stock-page"] .칸판-4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px}[data-bupum="stock-page"] .칸판-1{grid-template-columns:minmax(0,1fr);margin:16px 0 4px}[data-bupum="stock-page"] .칸판-1>.칸{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:14px;padding:12px 0 13px;border-left:0}[data-bupum="stock-page"] .칸판-1>.칸 .라벨{grid-column:1;grid-row:1;margin-bottom:0}[data-bupum="stock-page"] .칸판-1>.칸 .큰수{grid-column:2;grid-row:1;font-size:22px;white-space:nowrap}[data-bupum="stock-page"] .칸판-1>.칸 .덧{grid-column:1;grid-row:2;margin-top:3px}[data-bupum="stock-page"] .칸판>*{transition:background-color .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .칸판>*:hover{background:var(--주황연)}}[data-bupum="stock-page"] .칸판>*[data-hov]{background:var(--주황연)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .본문 .칸판>*:hover{background:transparent}}[data-bupum="stock-page"] .본문 .칸판>*[data-hov]{background:transparent}[data-bupum="stock-page"] .칸 .큰수{transition:transform .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .칸판 .칸:not(.뒤집기):hover .큰수{transform:translateX(3px)}}[data-bupum="stock-page"] .칸판 .칸:not(.뒤집기)[data-hov] .큰수{transform:translateX(3px)}[data-bupum="stock-page"] .칸판 .칸{padding:18px 20px 20px}@media (min-width:901px){[data-bupum="stock-page"] .칸판 .칸:first-child{padding-left:calc(clamp(20px,2.6vw,28px) + 1px)}[data-bupum="stock-page"] .칸판 .칸:last-child{padding-right:calc(clamp(20px,2.6vw,28px) + 1px)}[data-bupum="stock-page"] .본문 .칸판{border:0;gap:26px 44px;margin:22px 0 6px}[data-bupum="stock-page"] .본문 .칸판 .칸{border:0;padding:0}[data-bupum="stock-page"] .본문 .칸판-3{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}[data-bupum="stock-page"] .본문 .칸판>.칸:not(.뒤집기){container-type:inline-size}[data-bupum="stock-page"] .본문 .칸판>.칸:not(.뒤집기) .큰수{font-size:clamp(17px,15.4cqi,31px)}}[data-bupum="stock-page"] .칸.뒤집기{perspective:900px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .28s ease}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .칸.뒤집기:hover,
[data-bupum="stock-page"] .칸.뒤집힘{background:rgba(249,115,22,.04)}}[data-bupum="stock-page"] .칸.뒤집기[data-hov],
[data-bupum="stock-page"] .칸.뒤집힘{background:rgba(249,115,22,.04)}[data-bupum="stock-page"] .칸.뒤집기:focus-visible{outline:2px solid var(--주황);outline-offset:-2px}[data-bupum="stock-page"] .칸.뒤집기 .플립{position:relative;height:100%;display:grid;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;transform:rotateX(0deg);transition:transform .72s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .칸.뒤집힘>.플립{transform:rotateX(-180deg)}[data-bupum="stock-page"] .칸.뒤집기 .면{grid-area:1 / 1;min-height:0;display:flex;flex-direction:column;backface-visibility:hidden;-webkit-backface-visibility:hidden}[data-bupum="stock-page"] .칸.뒤집기 .면.뒷{transform:rotateX(180deg)}[data-bupum="stock-page"] .칸.뒤집기 .면.뒷>:nth-child(2){margin-top:auto}[data-bupum="stock-page"] .칸.뒤집기 .면.뒷>:last-child{margin-bottom:auto}[data-bupum="stock-page"] .칸.뒤집기:not(.뒤집힘) .면.뒷{pointer-events:none}[data-bupum="stock-page"] .칸.뒤집힘 .면:not(.뒷){pointer-events:none}[data-bupum="stock-page"] .칸.뒤집기 .뒷 .라벨{margin-bottom:1px;line-height:1.48}[data-bupum="stock-page"] .칸.뒤집기 .뒷 .덧{margin-top:3px;line-height:1.48;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}[data-bupum="stock-page"] .분포{display:flex;align-items:flex-end;gap:1.5px;height:26px;margin:6px 0 0}[data-bupum="stock-page"] .분포 i{flex:1;min-width:0;background:var(--연연);opacity:.5;border-radius:.5px}[data-bupum="stock-page"] .분포 .분칸{flex:1;min-width:0;height:100%;position:relative;display:flex;align-items:flex-end}[data-bupum="stock-page"] .분포 .분칸[data-tip]::after{content:"";position:absolute;left:-.75px;right:-.75px;top:50%;transform:translateY(-50%);height:44px}[data-bupum="stock-page"] .분포 i.이제{background:var(--주황);opacity:1}[data-bupum="stock-page"] .분포판{margin:18px 0 4px}[data-bupum="stock-page"] .분포판 .분포{height:44px;margin:8px 0 0}[data-bupum="stock-page"] .분포판 .분포 i{border-radius:1px;transition:opacity .18s}[data-bupum="stock-page"] #cl-stock-app [data-tipbox] .분칸[data-tip],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox] .분칸[data-tip][data-hov]{box-shadow:none}[data-bupum="stock-page"] .분포판 .분포 .분칸[data-hov]{background:rgba(194,65,12,.10);border-radius:1px}[data-bupum="stock-page"] .분포판 .분포 .분칸[data-hov]>i{opacity:1;background:var(--흐림)}[data-bupum="stock-page"] .분포판 .분포 .분칸[data-hov]>i.이제{background:var(--주황)}[data-bupum="stock-page"] .분포끝{display:flex;justify-content:space-between;margin-top:5px;font-size:10.5px;color:var(--연);font-variant-numeric:tabular-nums}@media (max-width:900px){[data-bupum="stock-page"] .분포판 .분포{height:38px}}[data-bupum="stock-page"] .달별{position:relative;display:flex;align-items:stretch;gap:1.5px;height:26px;margin:6px 0 0}[data-bupum="stock-page"] .달별::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--선)}[data-bupum="stock-page"] .달별 span{flex:1;position:relative;min-width:0}[data-bupum="stock-page"] .달별 i{position:absolute;left:0;right:0;border-radius:.5px;opacity:.72}[data-bupum="stock-page"] .달별 i.위{bottom:50%}[data-bupum="stock-page"] .달별 i.아래{top:50%}[data-bupum="stock-page"] .달별 i.좋음{background:var(--cl-blue)}[data-bupum="stock-page"] .달별 i.나쁨{background:var(--cl-red)}[data-bupum="stock-page"] .물밑{display:block;width:100%;height:26px;margin:6px 0 0}[data-bupum="stock-page"] .갈래통{display:flex;height:7px;margin:8px 0 2px;border-radius:99px;overflow:hidden;background:var(--선)}[data-bupum="stock-page"] .갈래통 i{display:block;height:100%}[data-bupum="stock-page"] .갈래말{display:flex;justify-content:space-between;font-size:10px;line-height:1.4;color:var(--연)}@media (min-width:901px){[data-bupum="stock-page"] .칸판-2>*:nth-child(2n),
[data-bupum="stock-page"] .칸판-3>*:not(:nth-child(3n+1)),
[data-bupum="stock-page"] .칸판-4>*:not(:nth-child(4n+1)){border-left:1px solid var(--선)}[data-bupum="stock-page"] .칸판-2>*:nth-child(n+3),
[data-bupum="stock-page"] .칸판-3>*:nth-child(n+4),
[data-bupum="stock-page"] .칸판-4>*:nth-child(n+5){border-top:1px solid var(--선)}}[data-bupum="stock-page"] .칸 .라벨{margin-bottom:5px;font-size:11.5px;line-height:1.7;color:var(--흐림)}[data-bupum="stock-page"] .칸 .큰수{font-family:var(--세리프);font-size:31px;font-weight:600;line-height:1.05;letter-spacing:-.025em;white-space:nowrap}[data-bupum="stock-page"] .칸 .큰수 span{display:inline;font-size:15px;font-weight:450;line-height:1;letter-spacing:0}[data-bupum="stock-page"] .칸 .덧{margin-top:4px;font-size:11.5px;line-height:1.7;color:var(--연)}[data-bupum="stock-page"] .칸 .큰수.좋음{color:var(--cl-blue)}[data-bupum="stock-page"] .칸 .큰수.나쁨{color:var(--cl-red)}[data-bupum="stock-page"] .사이트띠{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 0 16px;border-bottom:1px solid var(--선)}[data-bupum="stock-page"] .사이트띠 .브랜드{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--먹)}[data-bupum="stock-page"] .사이트띠 .브랜드 svg{width:22px;height:22px;display:block}[data-bupum="stock-page"] .사이트띠 .브랜드 .말{font-family:var(--세리프);font-size:16px;font-weight:600;letter-spacing:-.01em}[data-bupum="stock-page"] .사이트띠 .브랜드 .랩{color:var(--주황)}[data-bupum="stock-page"] .사이트띠 .갈래줄{display:flex;align-items:center;gap:16px;flex-wrap:wrap}[data-bupum="stock-page"] .사이트띠 .갈래줄 a{font-size:12.5px;color:var(--흐림);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .사이트띠 .갈래줄 a:hover{color:var(--먹);border-bottom-color:var(--주황)}}[data-bupum="stock-page"] .사이트띠 .갈래줄 a[data-hov]{color:var(--먹);border-bottom-color:var(--주황)}[data-bupum="stock-page"] .돌아갈길{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:26px 0 96px}[data-bupum="stock-page"] .돌아갈길 a{font-size:12.5px;color:var(--흐림);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .돌아갈길 a:hover{color:var(--먹);border-bottom-color:var(--주황)}}[data-bupum="stock-page"] .돌아갈길 a[data-hov]{color:var(--먹);border-bottom-color:var(--주황)}[data-bupum="stock-page"] .본체{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:76px;margin-top:0}[data-bupum="stock-page"] .절{display:grid;grid-template-columns:170px minmax(0,1fr);gap:36px;padding:56px 0;border-top:1px solid var(--선)}[data-bupum="stock-page"] .레일{position:sticky;top:34px;align-self:start}[data-bupum="stock-page"] .레일 .기둥{font-family:var(--세리프);font-size:12px;font-weight:600;color:var(--cl-acc2);margin-bottom:6px}[data-bupum="stock-page"] .레일 h2{margin:0 0 9px;font-family:var(--세리프);font-size:clamp(19px,2.4vw,23px);font-weight:600;line-height:1.35;letter-spacing:-.015em}[data-bupum="stock-page"] .레일 .영{font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--연)}[data-bupum="stock-page"] .코너머리{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}[data-bupum="stock-page"] .코너{position:relative;margin-top:44px;padding-top:18px;view-timeline-name:--코너자;view-timeline-axis:block}[data-bupum="stock-page"] .코너::after{content:"";position:absolute;left:0;top:calc(-1px + var(--줄밀기,0px));width:102px;height:1px;background:var(--주황)}@keyframes 그어짐{from{width:0}to{width:102px}}[data-bupum="stock-page"] .코너알약{gap:4px;flex:0 0 auto;margin-top:1px}[data-bupum="stock-page"] .코너몸{transition:opacity .2s ease}[data-bupum="stock-page"] .코너몸.갓바뀜{opacity:.45;transition:none}[data-bupum="stock-page"] .본문>*:first-child{margin-top:0;padding-top:0;border-top:0}[data-bupum="stock-page"] .본문>h3:first-child::after{display:none}[data-bupum="stock-page"] .본문>.코너:first-child{padding-top:18px}[data-bupum="stock-page"] .소제목{margin:0 0 6px;font-family:var(--세리프);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.5}[data-bupum="stock-page"] .요약{margin:0 0 18px;font-size:13px;font-weight:450;line-height:1.75;color:var(--흐림)}[data-bupum="stock-page"] .해석{margin:16px 0 0;font-size:13px;font-weight:450;line-height:1.75;color:var(--흐림)}[data-bupum="stock-page"] .주석{margin:9px 0 0;font-size:11.5px;font-weight:450;line-height:1.7;color:var(--연연)}[data-bupum="stock-page"] b.형광{font-weight:700;box-shadow:inset 0 -13px rgba(194,65,12,.16)}[data-bupum="stock-page"] .좋음{color:var(--cl-blue)}[data-bupum="stock-page"] .나쁨{color:var(--cl-red)}[data-bupum="stock-page"] .갈래판{margin:18px 0 4px}[data-bupum="stock-page"] .갈래줄{padding:7px 0 8px;border-bottom:1px solid var(--선);transition:background-color .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .갈래줄:hover{background:var(--주황연)}}[data-bupum="stock-page"] .갈래줄[data-hov]{background:var(--주황연)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .갈래줄:hover .채움{filter:brightness(.95)}}[data-bupum="stock-page"] .갈래줄[data-hov] .채움{filter:brightness(.95)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .갈래줄:hover .통{transform:scaleY(1.35)}}[data-bupum="stock-page"] .갈래줄[data-hov] .통{transform:scaleY(1.35)}[data-bupum="stock-page"] .갈래줄 .몫,
[data-bupum="stock-page"] .갈래줄 .증{transition:transform .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .갈래줄:hover .몫,
[data-bupum="stock-page"] .갈래줄:hover .증{transform:translateX(clamp(1.5px,.16em,3px))}}[data-bupum="stock-page"] .갈래줄[data-hov] .몫,
[data-bupum="stock-page"] .갈래줄[data-hov] .증{transform:translateX(clamp(1.5px,.16em,3px))}[data-bupum="stock-page"] .갈래줄:last-child{border-bottom:0}[data-bupum="stock-page"] .갈래줄 .윗{display:flex;align-items:baseline;gap:8px;margin-bottom:3px}[data-bupum="stock-page"] .갈래줄 .이름{font-size:13px;color:var(--글);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-bupum="stock-page"] .갈래줄 .이름.긴이름,
[data-bupum="stock-page"] .맞대기.넓이름 .이름.긴이름,
[data-bupum="stock-page"] .맞대기 .이름.긴이름,
[data-bupum="stock-page"] .이웃 .회.긴이름,
[data-bupum="stock-page"] .긴이름{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.32}[data-bupum="stock-page"] #cl-stock-app [data-tipbox] .이름[data-tip],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox] .회[data-tip],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox] .이름[data-tip][data-hov],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox] .회[data-tip][data-hov]{box-shadow:none}[data-bupum="stock-page"] #cl-stock-app [data-tipbox="이름"] [data-tipel]{white-space:normal;max-width:min(280px,74vw)}[data-bupum="stock-page"] #cl-stock-app [data-tipbox="이름"] [data-tipel] [data-tipv]{overflow-wrap:anywhere}[data-bupum="stock-page"] .갈래줄 .돈{font-size:11.5px;color:var(--흐림);white-space:nowrap;flex:0 0 auto}[data-bupum="stock-page"] .갈래줄 .몫{margin-left:auto;font-family:var(--세리프);font-size:17px;line-height:1.15;width:72px;flex:0 0 72px;text-align:right;letter-spacing:-.02em;white-space:nowrap}[data-bupum="stock-page"] .갈래줄 .몫 i{font-size:11px;font-style:normal;color:var(--흐림);margin-left:1px;letter-spacing:0}[data-bupum="stock-page"] .갈래줄 .아래{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center}[data-bupum="stock-page"] .갈래줄 .통{position:relative;height:10px;background:#f2ece1;border-radius:2px;overflow:hidden;transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .갈래줄 .채움{position:absolute;left:0;top:0;bottom:0;background:var(--연);border-radius:2px}[data-bupum="stock-page"] .갈래줄:first-child .채움{background:var(--주황)}[data-bupum="stock-page"] .갈래줄 .증{font-size:12px;text-align:right;white-space:nowrap}[data-bupum="stock-page"] .갈래판.민줄없음 .갈래줄 .아래{grid-template-columns:minmax(0,1fr)}[data-bupum="stock-page"] .갈래줄 .증.빔{color:var(--흐림)}[data-bupum="stock-page"] .갈래줄.남 .이름,
[data-bupum="stock-page"] .갈래줄.남 .몫{color:var(--흐림)}[data-bupum="stock-page"] .갈래줄.그밖 .이름{color:var(--흐림)}[data-bupum="stock-page"] .갈래줄.그밖 .채움{background:#cfc6b6}[data-bupum="stock-page"] .갈래줄.남 .채움{background:repeating-linear-gradient(135deg,#e7e0d3 0 5px,#f2ece1 5px 10px)}@media (max-width:900px){[data-bupum="stock-page"] .갈래줄 .이름{font-size:12.5px}[data-bupum="stock-page"] .갈래줄 .몫{font-size:17px}[data-bupum="stock-page"] .갈래줄 .아래{grid-template-columns:minmax(0,1fr) 72px;gap:8px}[data-bupum="stock-page"] .갈래판.민줄없음 .갈래줄 .아래{grid-template-columns:minmax(0,1fr)}}[data-bupum="stock-page"] .슬로프판{margin:18px 0 4px;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[data-bupum="stock-page"] .슬로프머리{display:grid;grid-template-columns:12% 44% minmax(0,1fr);font-size:10.5px;letter-spacing:.04em;padding-bottom:9px}[data-bupum="stock-page"] .슬로프머리 .옛{grid-column:2;color:var(--연)}[data-bupum="stock-page"] .슬로프머리 .새{grid-column:3;color:var(--주황)}[data-bupum="stock-page"] .슬로프몸{position:relative;cursor:crosshair}[data-bupum="stock-page"] .슬로프몸 .축{position:absolute;top:0;bottom:0;width:1px;display:block}[data-bupum="stock-page"] .슬로프몸 .축.왼{left:12%;background:rgba(25,27,32,.14)}[data-bupum="stock-page"] .슬로프몸 .축.오{left:56%;background:rgba(194,65,12,.34)}[data-bupum="stock-page"] .슬로프몸 .판{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}[data-bupum="stock-page"] .슬줄,
[data-bupum="stock-page"] .슬점,
[data-bupum="stock-page"] .옛값,
[data-bupum="stock-page"] .새값{transition:opacity .18s ease}[data-bupum="stock-page"] .슬로프판.짚음 .슬줄,
[data-bupum="stock-page"] .슬로프판.짚음 .슬점,
[data-bupum="stock-page"] .슬로프판.짚음 .옛값,
[data-bupum="stock-page"] .슬로프판.짚음 .새값{opacity:.24}[data-bupum="stock-page"] .슬로프판.짚음 .슬줄.짚은,
[data-bupum="stock-page"] .슬로프판.짚음 .슬점.짚은,
[data-bupum="stock-page"] .슬로프판.짚음 .옛값.짚은,
[data-bupum="stock-page"] .슬로프판.짚음 .새값.짚은{opacity:1}[data-bupum="stock-page"] .슬점{position:absolute;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;display:block}[data-bupum="stock-page"] .옛값{position:absolute;left:0;width:10%;text-align:right;transform:translateY(-50%);font-family:var(--세리프);font-size:13px;color:var(--연);white-space:nowrap;font-variant-numeric:tabular-nums}[data-bupum="stock-page"] .새값{position:absolute;left:59%;right:0;transform:translateY(-50%)}[data-bupum="stock-page"] .새값 b{display:block;font-family:var(--세리프);font-size:15px;font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--먹);font-variant-numeric:tabular-nums}[data-bupum="stock-page"] .새값 b i{font-size:10.5px;font-style:normal;color:var(--흐림);margin-left:1px;letter-spacing:0;font-weight:500}[data-bupum="stock-page"] .새값 em{display:block;font-style:normal;font-size:11px;line-height:1.35;color:var(--흐림);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-bupum="stock-page"] .새값.흐 b,
[data-bupum="stock-page"] .새값.흐 em{color:var(--연)}@media (max-width:900px){[data-bupum="stock-page"] .옛값{font-size:12px}[data-bupum="stock-page"] .새값 b{font-size:14px}}[data-bupum="stock-page"] .범위띠{margin:20px 0 6px;position:relative;padding:44px 0 40px}[data-bupum="stock-page"] .범위띠 .띠레일{position:relative;height:11px;border-radius:2px;background:var(--줄연)}[data-bupum="stock-page"] .범위띠 .띠속{position:absolute;top:0;bottom:0;background:#e3dbcc;border-radius:2px}[data-bupum="stock-page"] .범위띠 .띠중{position:absolute;top:-4px;bottom:-4px;width:1px;background:rgba(25,27,32,.42)}[data-bupum="stock-page"] .범위띠 .띠점{position:absolute;top:50%;width:11px;height:11px;border-radius:50%;margin:-5.5px 0 0 -5.5px;background:var(--주황);box-shadow:0 0 0 3px var(--판)}[data-bupum="stock-page"] .범위띠 .띠위글,
[data-bupum="stock-page"] .범위띠 .띠밑글{position:absolute;white-space:nowrap;line-height:1.4}[data-bupum="stock-page"] .범위띠 .띠위글{top:0;transform:translateX(-50%);text-align:center}[data-bupum="stock-page"] .범위띠 .띠위글 b{font-family:var(--세리프);font-size:17px;font-weight:600;letter-spacing:-.02em;color:var(--주황);font-variant-numeric:tabular-nums}[data-bupum="stock-page"] .범위띠 .띠위글 b i{font-size:11px;font-style:normal;margin-left:1px;letter-spacing:0}[data-bupum="stock-page"] .범위띠 .띠위글 em{display:block;font-style:normal;font-size:10.5px;color:var(--연)}[data-bupum="stock-page"] .범위띠 .띠밑글{bottom:0;font-size:11px;color:var(--흐림);font-variant-numeric:tabular-nums}[data-bupum="stock-page"] .범위띠 .띠밑글 b{display:block;font-family:var(--세리프);font-size:13px;font-weight:600;color:var(--먹);letter-spacing:-.02em}[data-bupum="stock-page"] .범위띠 .띠밑글.가운데{transform:translateX(-50%);text-align:center}[data-bupum="stock-page"] .범위띠 .띠잇기{position:absolute;left:0;right:0;top:55px;height:9px;display:block;overflow:visible;pointer-events:none}[data-bupum="stock-page"] .범위띠 .띠잇기 line{stroke:var(--연연);stroke-width:.7;opacity:.75}[data-bupum="stock-page"] .범위띠 .띠짚{position:absolute;top:34px;height:30px;width:34px;margin-left:-17px;cursor:pointer;border-radius:3px;z-index:2}[data-bupum="stock-page"] .범위띠 .띠짚::after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}[data-bupum="stock-page"] .범위띠 .띠짚.넓{margin-left:0;z-index:1}[data-bupum="stock-page"] .범위띠 .띠짚[data-hov]{background:rgba(194,65,12,.10)}[data-bupum="stock-page"] #cl-stock-app [data-tipbox] .띠짚[data-tip][data-hov]{box-shadow:0 0 0 2px var(--cl-acc2)}@media (max-width:480px){[data-bupum="stock-page"] .범위띠 .띠위글 b{font-size:15px}[data-bupum="stock-page"] .범위띠 .띠밑글{font-size:10.5px}[data-bupum="stock-page"] .범위띠 .띠밑글 b{font-size:12px}}[data-bupum="stock-page"] .산점도판{margin:14px 0 4px}[data-bupum="stock-page"] .산점도판 .머리줄{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}[data-bupum="stock-page"] .산점도판 .알약.탭{flex:none}[data-bupum="stock-page"] .산점도판 .알약.탭 button{min-width:0;padding:5px 11px}[data-bupum="stock-page"] .산점도판 .곁말{flex:1 1 190px;min-width:0}[data-bupum="stock-page"] .산점도판 .곁말{font-size:11.5px;color:var(--연연);line-height:1.6}[data-bupum="stock-page"] .산점도판 .곁말 b{font-weight:600;color:var(--흐림)}[data-bupum="stock-page"] .산점도몸{position:relative}[data-bupum="stock-page"] .국면판{margin:18px 0 4px}[data-bupum="stock-page"] .국면머리,
[data-bupum="stock-page"] .국면줄{display:grid;grid-template-columns:118px 64px minmax(0,1fr);gap:12px;align-items:center}[data-bupum="stock-page"] .국면머리{font-size:10.5px;color:var(--흐림);padding-bottom:7px;border-bottom:1px solid var(--선)}[data-bupum="stock-page"] .국면머리 .깊{text-align:right}[data-bupum="stock-page"] .국면머리 .되{color:var(--주황)}[data-bupum="stock-page"] .국면줄{padding:10px 0 11px;border-bottom:1px solid var(--선);transition:background-color .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .국면줄:last-child{border-bottom:0}[data-bupum="stock-page"] .국면줄 .때{font-size:12px;color:var(--흐림);white-space:nowrap}[data-bupum="stock-page"] .국면줄 .깊{text-align:right;font-family:var(--세리프);font-size:18px;letter-spacing:-.02em;white-space:nowrap;transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .국면줄 .깊 i{font-size:11px;font-style:normal;color:var(--흐림);margin-left:1px;letter-spacing:0}[data-bupum="stock-page"] .국면줄 .띠{display:flex;height:9px;border-radius:2px;overflow:hidden;background:#f2ece1;transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .국면줄 .띠 i{background:#b9b0a2}[data-bupum="stock-page"] .국면줄 .띠 b{background:var(--주황);opacity:.55}[data-bupum="stock-page"] .국면줄 .띠글{font-size:10.5px;color:var(--흐림);margin-top:5px}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .국면줄:hover{background:var(--주황연)}}[data-bupum="stock-page"] .국면줄[data-hov]{background:var(--주황연)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .국면줄:hover .깊{transform:translateX(clamp(1.5px,.16em,3px))}}[data-bupum="stock-page"] .국면줄[data-hov] .깊{transform:translateX(clamp(1.5px,.16em,3px))}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .국면줄:hover .띠{transform:scaleY(1.35)}}[data-bupum="stock-page"] .국면줄[data-hov] .띠{transform:scaleY(1.35)}@media (max-width:900px){[data-bupum="stock-page"] .국면줄{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"때 깊" "띠 띠";row-gap:7px;column-gap:10px;padding:11px 0 12px}[data-bupum="stock-page"] .국면줄 .때{grid-area:때;font-size:12px}[data-bupum="stock-page"] .국면줄 .깊{grid-area:깊;font-size:17px}[data-bupum="stock-page"] .국면줄 .띠칸{grid-area:띠}[data-bupum="stock-page"] .국면머리{display:none}}[data-bupum="stock-page"] .점판{margin:18px 0 0}[data-bupum="stock-page"] .점줄{display:grid;grid-template-columns:112px minmax(0,1fr) 184px;gap:14px;align-items:center;padding:6px 0;border-bottom:1px solid var(--선);transition:background-color .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .점줄:last-child{border-bottom:0}[data-bupum="stock-page"] .점줄 .이름{font-size:13px}[data-bupum="stock-page"] .점줄 .이름 span{display:block;font-size:11px;color:var(--흐림);margin-top:2px}[data-bupum="stock-page"] .점줄 .끝{text-align:right;font-size:11px;color:var(--흐림);transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .점줄 .끝 b{display:block;font-family:var(--세리프);font-size:17px;color:var(--먹);letter-spacing:-.02em;white-space:nowrap}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .점줄:hover{background:var(--주황연)}}[data-bupum="stock-page"] .점줄[data-hov]{background:var(--주황연)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .점줄:hover .끝{transform:translateX(clamp(1.5px,.16em,3px))}}[data-bupum="stock-page"] .점줄[data-hov] .끝{transform:translateX(clamp(1.5px,.16em,3px))}[data-bupum="stock-page"] .점띠{position:relative;height:34px}[data-bupum="stock-page"] .점띠:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:var(--연)}[data-bupum="stock-page"] .점띠 i{position:absolute;width:5px;height:5px;border-radius:50%;margin-left:-2.5px;background:var(--먹);opacity:.30}[data-bupum="stock-page"] .점띠 i.좋음{background:var(--cl-blue)}[data-bupum="stock-page"] .점띠 i.나쁨{background:var(--cl-red)}[data-bupum="stock-page"] .점띠 i.넘{width:3px;height:13px;border-radius:1px;margin-left:-1.5px;opacity:.55}[data-bupum="stock-page"] .점띠 u{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--주황);text-decoration:none}[data-bupum="stock-page"] .따띠{display:flex;flex-direction:column;gap:6px;padding:2px 0}[data-bupum="stock-page"] .따줄기{display:grid;grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:9px}[data-bupum="stock-page"] .따통{min-width:0;height:10px;border-radius:2px;background:var(--줄연)}[data-bupum="stock-page"] .따통 i{display:block;height:100%;border-radius:2px;min-width:2px;transition:transform .3s cubic-bezier(.22,.61,.36,1);transform-origin:0 50%}[data-bupum="stock-page"] .따통 i.시{background:var(--연연)}[data-bupum="stock-page"] .따통 i.좋음{background:var(--cl-blue)}[data-bupum="stock-page"] .따통 i.나쁨{background:var(--cl-red)}[data-bupum="stock-page"] .따줄기 u{width:auto;text-align:right;text-decoration:none;white-space:nowrap;font-family:var(--세리프);font-size:12.5px;letter-spacing:-.02em;color:var(--흐림);font-variant-numeric:tabular-nums}[data-bupum="stock-page"] .따줄기 u.짙{color:var(--먹)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .점줄:hover .따통 i{transform:scaleY(1.35)}}[data-bupum="stock-page"] .점줄[data-hov] .따통 i{transform:scaleY(1.35)}@media (max-width:900px){[data-bupum="stock-page"] .따줄기 u{font-size:12px}}[data-bupum="stock-page"] .치띠{position:relative;height:26px}[data-bupum="stock-page"] .치띠:before{content:"";position:absolute;left:50%;top:3px;bottom:3px;width:1px;background:var(--연)}[data-bupum="stock-page"] .치띠 i{position:absolute;top:4px;bottom:4px;background:rgba(25,27,32,.05);border-left:1px solid rgba(25,27,32,.14);border-right:1px solid rgba(25,27,32,.14)}[data-bupum="stock-page"] .치띠 b{position:absolute;top:8px;height:10px;min-width:2px;border-radius:2px;transition:transform .3s cubic-bezier(.22,.61,.36,1);transform-origin:50% 50%}[data-bupum="stock-page"] .치띠 b.좋음{background:var(--cl-blue)}[data-bupum="stock-page"] .치띠 b.나쁨{background:var(--cl-red)}[data-bupum="stock-page"] .치띠 b.밍{background:var(--연연)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .점줄:hover .치띠 b{transform:scaleY(1.3)}}[data-bupum="stock-page"] .점줄[data-hov] .치띠 b{transform:scaleY(1.3)}[data-bupum="stock-page"] .눈자{display:grid;grid-template-columns:112px minmax(0,1fr) 184px;gap:14px;font-size:10px;color:var(--연);margin-top:4px}[data-bupum="stock-page"] .눈자 div:nth-child(2){display:flex;justify-content:space-between}@media (max-width:900px){[data-bupum="stock-page"] .점줄{grid-template-columns:minmax(0,1fr) 184px;grid-template-areas:"이름 끝" "띠 띠";row-gap:2px;column-gap:10px;padding:9px 0 4px}[data-bupum="stock-page"] .점줄 .이름{grid-area:이름}[data-bupum="stock-page"] .점줄 .끝{grid-area:끝}[data-bupum="stock-page"] .점줄 .점띠,
[data-bupum="stock-page"] .점줄 .치띠,
[data-bupum="stock-page"] .점줄 .따띠{grid-area:띠}[data-bupum="stock-page"] .점줄 .이름 span{display:inline;margin-left:6px}[data-bupum="stock-page"] .눈자{grid-template-columns:minmax(0,1fr)}[data-bupum="stock-page"] .눈자 div:nth-child(1),
[data-bupum="stock-page"] .눈자 div:nth-child(3){display:none}}[data-bupum="stock-page"] .맞대기{margin:20px 0 4px}[data-bupum="stock-page"] .막줄{display:grid;grid-template-columns:92px minmax(0,1fr) 100px;gap:12px;align-items:center;padding:7px 0;transition:background-color .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .막줄 + .막줄{border-top:1px solid var(--선)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .막줄:hover{background:var(--주황연)}}[data-bupum="stock-page"] .막줄[data-hov]{background:var(--주황연)}[data-bupum="stock-page"] .막줄 .이름{font-size:12.5px;color:var(--흐림)}[data-bupum="stock-page"] .막줄 .이름 .때{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:10.5px;color:var(--연);margin-top:3px;line-height:1.3;white-space:normal;overflow:hidden;overflow-wrap:anywhere}[data-bupum="stock-page"] .맞대기.넓이름 .막줄,
[data-bupum="stock-page"] .맞대기.넓이름 .틈{grid-template-columns:236px minmax(0,1fr) 104px}[data-bupum="stock-page"] .맞대기.넓이름 .이름{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-bupum="stock-page"] .맞대기.넓이름 .막줄.음수 .채움{background:repeating-linear-gradient(135deg,#d8cfbe 0 4px,#eee7db 4px 8px)}[data-bupum="stock-page"] .막줄 .통{position:relative;height:11px;background:#f2ece1;border-radius:2px;overflow:hidden;transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .채움{position:absolute;left:0;top:0;bottom:0;background:var(--연);border-radius:2px;transform-origin:left center}[data-bupum="stock-page"] .막줄.짙 .채움{background:var(--주황)}[data-bupum="stock-page"] .막줄 .기준눈{position:absolute;top:0;bottom:0;width:1px;background:rgba(25,27,32,.28)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .막줄:hover .채움{filter:brightness(.95)}}[data-bupum="stock-page"] .막줄[data-hov] .채움{filter:brightness(.95)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .막줄:hover .통{transform:scaleY(1.35)}}[data-bupum="stock-page"] .막줄[data-hov] .통{transform:scaleY(1.35)}[data-bupum="stock-page"] .막줄 .수,
[data-bupum="stock-page"] .이웃 .상{transition:transform .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .막줄:hover .수,
[data-bupum="stock-page"] .이웃:hover .상{transform:translateX(3px)}}[data-bupum="stock-page"] .막줄[data-hov] .수,
[data-bupum="stock-page"] .이웃[data-hov] .상{transform:translateX(3px)}[data-bupum="stock-page"] .막줄 .수{font-family:var(--세리프);font-size:19px;text-align:right;letter-spacing:-.02em;white-space:nowrap}[data-bupum="stock-page"] .막줄 .수 span{font-size:12px;letter-spacing:0}[data-bupum="stock-page"] .맞대기.긴단위 .막줄,
[data-bupum="stock-page"] .맞대기.긴단위 .틈{grid-template-columns:92px minmax(0,1fr) 108px}[data-bupum="stock-page"] .맞대기.넓이름.긴단위 .막줄,
[data-bupum="stock-page"] .맞대기.넓이름.긴단위 .틈{grid-template-columns:220px minmax(0,1fr) 108px}[data-bupum="stock-page"] .틈{display:grid;grid-template-columns:92px minmax(0,1fr) 100px;gap:12px;font-size:11.5px;color:var(--흐림);padding-top:5px}[data-bupum="stock-page"] .틈 span:nth-child(2){border-top:1px dashed var(--연);padding-top:6px}[data-bupum="stock-page"] .이웃판{margin:20px 0 4px;border-top:1px solid var(--선)}[data-bupum="stock-page"] .이웃판.민:not(.연결) .이웃{grid-template-columns:minmax(0,1fr) 220px 52px}[data-bupum="stock-page"] .이웃판.민:not(.연결) .이웃:first-child .채움{background:var(--연)}[data-bupum="stock-page"] .이웃{display:grid;grid-template-columns:minmax(0,1fr) 128px 220px 52px;gap:14px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--선);transition:background-color .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .이웃:hover{background:var(--주황연)}}[data-bupum="stock-page"] .이웃[data-hov]{background:var(--주황연)}[data-bupum="stock-page"] .이웃 .누구{min-width:0;display:flex;align-items:baseline;gap:7px}[data-bupum="stock-page"] .이웃 .누구 .회{min-width:0;flex:0 1 auto}[data-bupum="stock-page"] .이웃 .누구 .티{flex:0 0 auto}[data-bupum="stock-page"] .이웃 .업{font-size:11.5px;color:var(--연);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-bupum="stock-page"] .이웃 .티{font-family:var(--세리프);font-size:11.5px;letter-spacing:-.02em;color:var(--연);transition:transform .3s cubic-bezier(.22,.61,.36,1),color .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .이웃:hover .티{transform:translateX(3px);color:var(--주황)}}[data-bupum="stock-page"] .이웃[data-hov] .티{transform:translateX(3px);color:var(--주황)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .이웃:hover .바{transform:scaleY(1.35)}}[data-bupum="stock-page"] .이웃[data-hov] .바{transform:scaleY(1.35)}[data-bupum="stock-page"] .이웃 .회{font-size:13.5px;color:var(--먹);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-bupum="stock-page"] .이웃 .바{height:9px;background:#f2ece1;border-radius:2px;overflow:hidden;position:relative;transition:transform .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .이웃:first-child .채움{background:var(--주황)}[data-bupum="stock-page"] .이웃 .상{font-family:var(--세리프);font-size:16px;text-align:right;color:var(--흐림);white-space:nowrap}[data-bupum="stock-page"] .이웃 .상 span{font-size:11px;margin-left:1px;letter-spacing:0}[data-bupum="stock-page"] .이웃판.연결 .이웃{grid-template-columns:minmax(0,1fr) 56px 44px;gap:10px;padding:4px 2px}[data-bupum="stock-page"] .이웃 .종목화살표{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font:600 13px 'Pretendard Variable';color:var(--연);text-decoration:none}[data-bupum="stock-page"] .이웃 a.종목화살표{color:var(--주황)}[data-bupum="stock-page"] .이웃 a.종목화살표:active{background:var(--주황연)}[data-bupum="stock-page"] .이웃 a.종목화살표:focus-visible{outline:2px solid var(--주황);outline-offset:-2px}@media(hover:hover) and (pointer:fine){[data-bupum="stock-page"] .이웃 a.종목화살표:hover{background:var(--주황연)}}[data-bupum="stock-page"] .목차{position:sticky;top:34px;align-self:start;margin-top:30px;font-size:11.5px;line-height:1.9;color:var(--연)}[data-bupum="stock-page"] .목차 .머리말{display:block;margin-bottom:11px;font-size:10px;font-weight:600;letter-spacing:.2em;color:var(--연)}[data-bupum="stock-page"] .목차 a{position:relative;display:grid;grid-template-columns:19px minmax(0,1fr);gap:11px;padding:6.5px 0 6.5px 13px;border-left:1px solid var(--선);font-size:13px;line-height:1.5;color:var(--흐림);transition:color .3s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .목차 a .번{font-family:var(--세리프);font-size:11px;color:var(--연);letter-spacing:0;transition:color .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] .목차 a:hover{color:var(--먹)}[data-bupum="stock-page"] .목차 a:hover .번{color:var(--cl-acc2)}}[data-bupum="stock-page"] .목차 a.현재{color:var(--먹);font-weight:600}[data-bupum="stock-page"] .목차 a.현재 .번{color:var(--cl-acc2);font-weight:600}[data-bupum="stock-page"] .목차 .진행{position:absolute;left:0;width:2px;background:var(--cl-acc2);pointer-events:none;transition:top .4s cubic-bezier(.22,.61,.36,1),height .4s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .섹션노트{margin-top:24px;padding-top:16px;border-top:1px solid var(--선)}[data-bupum="stock-page"] .섹션노트 .딱지{display:block;font-size:9.5px;font-weight:700;letter-spacing:.18em;color:var(--연연);padding-bottom:11px}[data-bupum="stock-page"] .노트칸{position:relative;min-height:146px;transition:min-height .45s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .노트{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] .노트.현재{opacity:1;transform:none;pointer-events:auto}[data-bupum="stock-page"] .노트 .수{display:block;font-family:var(--세리프);font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--주황)}[data-bupum="stock-page"] .노트 .수딱지{display:block;font-size:10.5px;font-weight:500;line-height:1.5;color:var(--연);padding-top:3px}[data-bupum="stock-page"] .노트 .글{margin:11px 0 0;font-size:11.5px;font-weight:450;line-height:1.7;color:var(--흐림);text-wrap:pretty}[data-bupum="stock-page"] .노트 .덧{margin:9px 0 0;font-size:10.5px;font-weight:450;line-height:1.6;color:var(--연연);text-wrap:pretty}[data-bupum="stock-page"] .꼬리{margin-top:34px;padding-top:16px;font-size:11.5px;line-height:1.95;color:var(--연);border-top:1px solid var(--선)}[data-bupum="stock-page"] .원산지{margin-top:22px;padding-top:11px;border-top:1px solid var(--선);font-size:11.5px;line-height:1.7;color:var(--연)}[data-bupum="stock-page"] .원산지 b{color:var(--흐림);font-weight:600}[data-bupum="stock-page"] svg.차트{display:block;width:100%;height:auto;overflow:visible}[data-bupum="stock-page"] .차트 .격자{stroke:var(--선);stroke-width:1;fill:none}[data-bupum="stock-page"] .차트 .영선{stroke:var(--연);stroke-width:1;stroke-dasharray:2 3;fill:none}[data-bupum="stock-page"] .차트 .종목선{fill:none;stroke:var(--먹);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}[data-bupum="stock-page"] .차트 .겹선{fill:none;stroke:var(--주황);stroke-width:1.2;opacity:.85}[data-bupum="stock-page"] .차트 .눈{font-size:10px;fill:var(--연);font-family:var(--산세)}[data-bupum="stock-page"] .차트 .꼭짓{font-size:10px;font-family:var(--산세);font-weight:600}[data-bupum="stock-page"] .차트 .분할{stroke:var(--연);stroke-width:1;stroke-dasharray:2 4}@keyframes 떠오름{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes 가로채움{from{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-bupum="stock-page"] .모션 [data-리빌].바로{animation:none;opacity:1;transform:none}[data-bupum="stock-page"] .모션 .코너::after{animation:그어짐 1s cubic-bezier(.22,.61,.36,1) both;animation-timeline:--코너자;animation-range:entry 5% entry 45%}[data-bupum="stock-page"] .모션 [data-리빌]{animation:떠오름 .9s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 45%}[data-bupum="stock-page"] .모션 .채움{animation:가로채움 1s cubic-bezier(.22,.61,.36,1) both;animation-timeline:view();animation-range:entry 0% entry 65%}}}@media (prefers-reduced-motion:reduce){[data-bupum="stock-page"] [data-리빌],
[data-bupum="stock-page"] .채움{animation:none!important;opacity:1!important;transform:none!important}[data-bupum="stock-page"] .코너::after{animation:none!important;width:102px!important}}@media (min-width:901px) and (max-width:1150px){[data-bupum="stock-page"] .이웃{grid-template-columns:minmax(0,1fr) 80px 124px 56px;gap:9px}[data-bupum="stock-page"] .이웃판.민:not(.연결) .이웃{grid-template-columns:minmax(0,1fr) 124px 56px}}@media (max-width:900px){[data-bupum="stock-page"] .쪽{padding:calc(30px + clamp(28px,5vw,56px)) 16px 56px}[data-bupum="stock-page"] .머리 h1 .티커{font-size:16px;margin-left:6px}[data-bupum="stock-page"] .머리{margin-bottom:20px}[data-bupum="stock-page"] .머리 .영문{font-size:13px}[data-bupum="stock-page"] .본체{grid-template-columns:minmax(0,1fr);gap:0}[data-bupum="stock-page"] .목차{display:none}[data-bupum="stock-page"] .절{grid-template-columns:minmax(0,1fr);gap:16px;padding:26px 0}[data-bupum="stock-page"] .레일{position:static;display:flex;align-items:baseline;gap:10px}[data-bupum="stock-page"] .레일 .기둥{margin-bottom:0}[data-bupum="stock-page"] .레일 h2{font-size:19px;margin:0;white-space:nowrap;flex:none}[data-bupum="stock-page"] .레일 .영{margin-left:auto}[data-bupum="stock-page"] .레일{flex-wrap:wrap}[data-bupum="stock-page"] .차트판{--판바탕:var(--크림);background:transparent;border:0;border-radius:0;padding:0;margin-bottom:2px}[data-bupum="stock-page"] .히어로 .밑줄 .겹{flex:1 1 100%;flex-direction:column;align-items:stretch;gap:8px}[data-bupum="stock-page"] .히어로 .밑줄 .겹라벨{margin-right:0}[data-bupum="stock-page"] .히어로 .밑줄 .겹 .알약{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}[data-bupum="stock-page"] .히어로 .밑줄 .겹 .알약 button{width:100%;padding-left:4px;padding-right:4px}[data-bupum="stock-page"] .코너머리{gap:2px}[data-bupum="stock-page"] .코너알약{flex:0 0 100%;margin:6px 0 8px}[data-bupum="stock-page"] .코너알약.탭 button{flex:1 1 0;min-width:0}[data-bupum="stock-page"] .알약 button{padding:3px 10px;font-size:11px}[data-bupum="stock-page"] .칸판:not(.칸판-1){grid-template-columns:repeat(2,minmax(0,1fr))}[data-bupum="stock-page"] .칸판>*{border-left:0;border-top:0}[data-bupum="stock-page"] .칸판>*:nth-child(2n){border-left:1px solid var(--선)}[data-bupum="stock-page"] .칸판>*:nth-child(n+3){border-top:1px solid var(--선)}[data-bupum="stock-page"] .칸판>*:nth-child(2n+1){padding-left:0}[data-bupum="stock-page"] .칸판>*:nth-child(2n){padding-left:18px}[data-bupum="stock-page"] .칸판-3{grid-template-columns:minmax(0,1fr)!important}[data-bupum="stock-page"] .칸판-3>.칸{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:14px;padding:12px 0 13px;border-left:0!important;padding-left:0!important}[data-bupum="stock-page"] .칸판-3>.칸:nth-child(n+2){border-top:1px solid var(--선)}[data-bupum="stock-page"] .칸판-3>.칸 .라벨{grid-column:1;grid-row:1;margin-bottom:0}[data-bupum="stock-page"] .칸판-3>.칸 .큰수{grid-column:2;grid-row:1;font-size:22px;white-space:nowrap}[data-bupum="stock-page"] .칸판-3>.칸 .덧{grid-column:1;grid-row:2;margin-top:3px}[data-bupum="stock-page"] .칸 .큰수{font-size:26px}[data-bupum="stock-page"] .분포,
[data-bupum="stock-page"] .달별,
[data-bupum="stock-page"] .물밑{height:21px}[data-bupum="stock-page"] .막줄,
[data-bupum="stock-page"] .틈{grid-template-columns:88px minmax(0,1fr) 82px;gap:9px}[data-bupum="stock-page"] .막줄 .수{font-size:16px}[data-bupum="stock-page"] .맞대기.넓이름 .막줄 .수{font-size:15px}[data-bupum="stock-page"] .맞대기.넓이름 .막줄,
[data-bupum="stock-page"] .맞대기.넓이름 .틈{grid-template-columns:132px minmax(0,1fr) 88px;gap:7px}[data-bupum="stock-page"] .맞대기.긴단위 .막줄,
[data-bupum="stock-page"] .맞대기.긴단위 .틈{grid-template-columns:82px minmax(0,1fr) 100px;gap:7px}[data-bupum="stock-page"] .맞대기.넓이름.긴단위 .막줄,
[data-bupum="stock-page"] .맞대기.넓이름.긴단위 .틈{grid-template-columns:118px minmax(0,1fr) 100px;gap:7px}[data-bupum="stock-page"] .맞대기.넓이름 .이름{font-size:11.5px}[data-bupum="stock-page"] .맞대기.넓이름 .수{font-size:17px}[data-bupum="stock-page"] .이웃{grid-template-columns:minmax(0,1fr) 96px 56px;gap:10px}[data-bupum="stock-page"] .이웃판.민:not(.연결) .이웃{grid-template-columns:minmax(0,1fr) 96px 56px}[data-bupum="stock-page"] .이웃 .업{display:none}[data-bupum="stock-page"] .본문 svg,
[data-bupum="stock-page"] .히어로 svg{height:auto;aspect-ratio:900/215}[data-bupum="stock-page"] .cl-scatter>svg{aspect-ratio:auto}[data-bupum="stock-page"] svg.곡선판{height:88px;aspect-ratio:auto}[data-bupum="stock-page"] .히어로 svg.차트{height:200px;aspect-ratio:auto}[data-bupum="stock-page"] svg.막대판{height:150px}[data-bupum="stock-page"] .차트 .눈,
[data-bupum="stock-page"] .차트 .꼭짓{font-size:13px}}@media (max-width:700px){[data-bupum="stock-page"] .차트 .눈,
[data-bupum="stock-page"] .차트 .꼭짓{font-size:17px}}@media (max-width:480px){[data-bupum="stock-page"] .차트 .눈,
[data-bupum="stock-page"] .차트 .꼭짓{font-size:24px}}[data-bupum="stock-page"] .clb{--clb-cream:var(--cl-cream,#FAF9F6);--clb-ink:var(--cl-ink,#191B20);--clb-body:var(--cl-mid,#5A564E);--clb-dim:var(--cl-fade,#9A948A);--clb-line:rgba(var(--cl-ink-rgb,25,27,32),.09);--clb-accent:var(--cl-acc,#C2410C);--clb-glow:rgba(var(--cl-acc2-rgb,249,115,22),.16);--clb-num:var(--cl-acc2,#F97316);--clb-ease:cubic-bezier(.22,.61,.36,1);display:none}@media (max-width:719px){[data-bupum="stock-page"] .clb{display:block}[data-bupum="stock-page"] #cl-ind-app,
[data-bupum="stock-page"] #cl-st-app,
[data-bupum="stock-page"] #cl-stock-app{overflow-x:clip}body.cl-stock-page.clb-on{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}[data-bupum="stock-page"] .clb-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:6px 16px calc(5px + env(safe-area-inset-bottom,0px));overflow:hidden;touch-action:pan-y;background:rgba(250,249,246,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(var(--cl-ink-rgb,25,27,32),.12)}[data-bupum="stock-page"] .clb-titles{position:relative;overflow:hidden;height:26px;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}[data-bupum="stock-page"] .clb-track{position:absolute;left:0;top:0;display:flex;align-items:baseline;gap:24px;height:26px;transition:transform .5s var(--clb-ease);will-change:transform}[data-bupum="stock-page"] .clb-track button{display:flex;align-items:baseline;gap:7px;flex:none;padding:0;border:0;background:none;font:inherit;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}[data-bupum="stock-page"] .clb-track .clb-n{font-family:Hahmlet,serif;font-size:11px;font-weight:600;color:var(--clb-dim);transition:color .35s var(--clb-ease)}[data-bupum="stock-page"] .clb-track .clb-t{font:450 12px 'Pretendard Variable',Pretendard,-apple-system,sans-serif;color:var(--clb-dim);transition:color .35s var(--clb-ease)}[data-bupum="stock-page"] .clb-track [aria-current="true"] .clb-n{font-size:12px;color:var(--clb-num)}[data-bupum="stock-page"] .clb-track [aria-current="true"] .clb-t{font-size:13.5px;font-weight:600;color:var(--clb-ink)}[data-bupum="stock-page"] .clb-dots{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:34px;margin:0 -8px;touch-action:none;cursor:grab}[data-bupum="stock-page"] .clb-dots:active{cursor:grabbing}[data-bupum="stock-page"] .clb-rail{position:absolute;left:5.56%;right:5.56%;top:50%;height:1px;background:var(--clb-line);pointer-events:none}[data-bupum="stock-page"] .clb-rail i{display:block;width:0;height:1px;background:var(--clb-accent);transition:width .45s var(--clb-ease)}[data-bupum="stock-page"] .clb-dots button{position:relative;display:grid;place-items:center;height:44px;margin:-5px 0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}[data-bupum="stock-page"] .clb-dots button i{width:5px;height:5px;border-radius:50%;background:var(--clb-dim);box-shadow:0 0 0 3px rgba(250,249,246,.94);transition:width .3s var(--clb-ease),height .3s var(--clb-ease),background .3s var(--clb-ease)}[data-bupum="stock-page"] .clb-dots button[data-clb-past] i{background:var(--clb-accent)}[data-bupum="stock-page"] .clb-dots button[aria-current="true"] i{width:9px;height:9px;background:var(--clb-accent);box-shadow:0 0 0 3px rgba(250,249,246,.94),0 0 0 6px var(--clb-glow)}[data-bupum="stock-page"] .clb.is-dragging .clb-track{transition:transform .16s var(--clb-ease)}[data-bupum="stock-page"] .clb.is-dragging .clb-rail i{transition:width .16s var(--clb-ease)}}@media (prefers-reduced-motion:reduce){[data-bupum="stock-page"] .clb-track,
[data-bupum="stock-page"] .clb-rail i,
[data-bupum="stock-page"] .clb-dots button i{transition:none!important}}[data-bupum="stock-page"] #cl-stock-app [data-cards]{display:grid;gap:0 clamp(8px,1.6vw,16px)}[data-bupum="stock-page"] #cl-stock-app [data-cards="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}[data-bupum="stock-page"] #cl-stock-app [data-cards="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}[data-bupum="stock-page"] #cl-stock-app [data-cards="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}[data-bupum="stock-page"] #cl-stock-app [data-cards="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}[data-bupum="stock-page"] #cl-stock-app [data-brk]{display:inline;height:auto;overflow:visible}@media (max-width:719px){[data-bupum="stock-page"] #cl-stock-app [data-meori]{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 9px;flex:1 1 100%!important;width:100%}[data-bupum="stock-page"] #cl-stock-app [data-meori]>h2{margin:0!important;font-size:19px!important}[data-bupum="stock-page"] #cl-stock-app [data-meori]>span:first-child{padding:0!important}[data-bupum="stock-page"] #cl-stock-app [data-meori]>span:last-child{margin-left:auto;padding-top:0!important}[data-bupum="stock-page"] #cl-stock-app [data-cards]{grid-template-columns:1fr;gap:0}[data-bupum="stock-page"] #cl-stock-app [data-cards]>*{display:grid!important;grid-template-columns:minmax(52px,auto) 1fr auto;align-items:baseline;gap:0 12px;padding:10px 0!important;border-bottom:1px solid rgba(var(--cl-ink-rgb),.07)}[data-bupum="stock-page"] #cl-stock-app [data-cards]>*:last-child{border-bottom:0}[data-bupum="stock-page"] #cl-stock-app [data-cards]>*>:nth-child(2){text-align:right}[data-bupum="stock-page"] #cl-stock-app [data-cards]>*>:nth-child(3){text-align:right}}[data-bupum="stock-page"] #cl-stock-app :has(>[data-meori]){padding-top:clamp(64px,7.5vw,96px)!important}[data-bupum="stock-page"] #cl-stock-app [data-meori]>span:first-child{font-size:36px!important;line-height:1.1!important}[data-bupum="stock-page"] #cl-stock-app [data-meori]>span:first-child{font-family:'Hahmlet',serif!important}@media (max-width:719px){[data-bupum="stock-page"] #cl-stock-app :has(>[data-meori]){padding-top:48px!important;row-gap:48px!important}[data-bupum="stock-page"] #cl-stock-app [data-meori]>span:first-child{font-size:32px!important}[data-bupum="stock-page"] #cl-stock-app [data-meori]>h2{flex:1 1 0;min-width:0}}[data-bupum="stock-page"] #cl-stock-app [data-oneline]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden}[data-bupum="stock-page"] #cl-stock-app [data-jeolnote]>[data-oneline]{flex:1 1 auto;min-width:0;text-align:right}@media (max-width:719px){[data-bupum="stock-page"] #cl-stock-app [style*="2.6vw"]>[data-hbox]>[data-oneline]{flex:1 1 auto;min-width:0}}@media (max-width:719px){[data-bupum="stock-page"] #cl-stock-app [data-jeolnote]{flex-wrap:wrap}[data-bupum="stock-page"] #cl-stock-app [data-jeolnote]>[data-oneline]{flex:1 1 100%!important;text-align:left!important}}[data-bupum="stock-page"] :is(#cl-ind-app,#cl-st-app,#cl-stock-app,[data-meori]){--cl-section-rule-width:136px;--cl-section-rule-height:3px;--cl-section-rule-duration:.6s;--cl-red-rule-height:1px}@media (min-width:720px){[data-bupum="stock-page"] :is(#cl-ind-app,#cl-st-app,#cl-stock-app,[data-meori]){--cl-section-rule-width:192px}}[data-bupum="stock-page"] [data-meori]>h2{position:relative}[data-bupum="stock-page"] [data-meori]>h2::after{content:"";position:absolute;left:0;top:calc(100% + 20px);width:var(--cl-section-rule-width,96px);height:var(--cl-section-rule-height,3px);background:var(--cl-acc,var(--acc,#C2410C));transform-origin:left center;transform:scaleX(var(--cl-section-rule-progress,0));transition:transform var(--cl-section-rule-duration,.6s) cubic-bezier(.22,.61,.36,1);pointer-events:none}[data-bupum="stock-page"] #cl-stock-app [data-meori]>h2::after{content:none}[data-bupum="stock-page"] [data-rv]>[data-meori]>h2::after{transform:scaleX(0)}[data-bupum="stock-page"] [data-rv][style*="opacity: 1"]>[data-meori]>h2::after,
[data-bupum="stock-page"] [data-rv][style*="opacity:1"]>[data-meori]>h2::after{transform:scaleX(var(--cl-section-rule-progress,0))}[data-bupum="stock-page"] #cl-stock-app .절>.본문>.코너:first-child::after{width:var(--cl-section-rule-width);height:var(--cl-section-rule-height);animation:none;transform-origin:left center;transform:scaleX(var(--cl-section-rule-progress,0));transition:none}[data-bupum="stock-page"] #cl-stock-app .코너::after{height:var(--cl-red-rule-height)}[data-bupum="stock-page"] .소개 .다음 .바 i{top:.75px;bottom:.75px}[data-bupum="stock-page"] .cl-hero-l [style*="transition:width 1.2s"],
[data-bupum="stock-page"] .cl-hero-l [style*="transition: width 1.2s"]{height:var(--cl-red-rule-height,1px)!important;transform:translateY(-.25px)}[data-bupum="stock-page"] .범례 i[style*="--주황"]{height:var(--cl-red-rule-height,1px)!important}[data-bupum="stock-page"] .clb .clb-rail i{height:var(--cl-red-rule-height,1px)!important}[data-bupum="stock-page"] .cl-progress{height:var(--cl-red-rule-height,1px)}@media (prefers-reduced-motion:reduce){[data-bupum="stock-page"] [data-meori]>h2::after,
[data-bupum="stock-page"] #cl-stock-app .절>.본문>.코너:first-child::after{transform:scaleX(1)!important;transition:none}}[data-bupum="stock-page"] #cl-stock-app [data-mj],
[data-bupum="stock-page"] #cl-stock-app [data-colrow],
[data-bupum="stock-page"] #cl-stock-app [data-hrow]{position:relative;border-radius:5px;transition:background .16s ease}[data-bupum="stock-page"] #cl-stock-app [data-mj]::before,
[data-bupum="stock-page"] #cl-stock-app [data-colrow]::before,
[data-bupum="stock-page"] #cl-stock-app [data-hrow]::before{content:'';position:absolute;left:-6px;top:14%;bottom:14%;width:2px;border-radius:2px;background:var(--cl-acc2);transform:scaleY(0);transition:transform .18s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app [data-colrow]:hover,
[data-bupum="stock-page"] #cl-stock-app [data-hrow]:hover{background:rgba(var(--cl-ink-rgb),.032)}}[data-bupum="stock-page"] #cl-stock-app [data-colrow][data-hov],
[data-bupum="stock-page"] #cl-stock-app [data-hrow][data-hov]{background:rgba(var(--cl-ink-rgb),.032)}[data-bupum="stock-page"] #cl-stock-app [data-row]{position:relative;border-radius:5px;transition:background .16s ease}[data-bupum="stock-page"] #cl-stock-app [data-row]::before{content:'';position:absolute;left:-6px;top:16%;bottom:16%;width:2px;border-radius:2px;background:var(--cl-acc2);transform:scaleY(0);transition:transform .18s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app [data-row]:hover{background:rgba(var(--cl-ink-rgb),.032)}[data-bupum="stock-page"] #cl-stock-app [data-row]:hover [data-ic]{color:var(--cl-acc2)}}[data-bupum="stock-page"] #cl-stock-app [data-row][data-hov]{background:rgba(var(--cl-ink-rgb),.032)}[data-bupum="stock-page"] #cl-stock-app [data-row][data-hov] [data-ic]{color:var(--cl-acc2)}[data-bupum="stock-page"] #cl-stock-app [data-ic]{transition:color .16s ease}[data-bupum="stock-page"] #cl-stock-app tr[data-row]{border-radius:0}[data-bupum="stock-page"] #cl-stock-app tr[data-row]::before{content:none;display:none}[data-bupum="stock-page"] #cl-stock-app tr[data-row]>td:first-child,
[data-bupum="stock-page"] #cl-stock-app tr[data-row]>th:first-child{box-shadow:inset 0 0 0 0 var(--cl-acc2);transition:box-shadow .18s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app tr[data-row]:hover>td:first-child,
[data-bupum="stock-page"] #cl-stock-app tr[data-row]:hover>th:first-child{box-shadow:inset 2px 0 0 0 var(--cl-acc2)}}[data-bupum="stock-page"] #cl-stock-app tr[data-row][data-hov]>td:first-child,
[data-bupum="stock-page"] #cl-stock-app tr[data-row][data-hov]>th:first-child{box-shadow:inset 2px 0 0 0 var(--cl-acc2)}[data-bupum="stock-page"] #cl-stock-app [data-hbox]{position:relative;transition:background .18s ease}[data-bupum="stock-page"] #cl-stock-app [data-hbox]::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cl-acc2);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] #cl-stock-app [data-hover]{touch-action:pan-y}[data-bupum="stock-page"] #cl-stock-app [data-dist]{cursor:crosshair}[data-bupum="stock-page"] #cl-stock-app [data-dist] [data-x]{pointer-events:none}[data-bupum="stock-page"] #cl-stock-app .cl-tklab{position:absolute;top:-2px;transform:translateX(-50%);white-space:nowrap;pointer-events:none;font:600 11px 'Pretendard Variable';color:var(--cl-ink);opacity:0;z-index:4;transition:opacity .16s ease,left .18s cubic-bezier(.22,.61,.36,1)}[data-bupum="stock-page"] #cl-stock-app .cl-tklab b{color:var(--cl-acc);font-weight:600}[data-bupum="stock-page"] #cl-stock-app [data-tipbox]{position:relative}@media (hover:none) and (pointer:coarse){[data-bupum="stock-page"] #cl-stock-app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}[data-bupum="stock-page"] #cl-stock-app p,
[data-bupum="stock-page"] #cl-stock-app h1,
[data-bupum="stock-page"] #cl-stock-app h2,
[data-bupum="stock-page"] #cl-stock-app h3,
[data-bupum="stock-page"] #cl-stock-app h4{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}}[data-bupum="stock-page"] #cl-stock-app [data-tipel]{position:absolute;transform:translate(-50%,-100%);margin-top:-8px;padding:6px 10px;border-radius:9px;background:var(--cl-cream);border:1px solid rgba(var(--cl-ink-rgb),.14);box-shadow:0 10px 24px -12px rgba(var(--cl-ink-rgb),.35);pointer-events:none;opacity:0;transition:opacity .16s ease;white-space:nowrap;text-align:left;z-index:6}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-on]{opacity:1}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-side="below"]{transform:translate(-50%,0);margin-top:8px}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-tipx="left"]{transform:translate(-100%,-100%)}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-tipx="right"]{transform:translate(0,-100%)}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-tipx="left"][data-side="below"]{transform:translate(-100%,0)}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-tipx="right"][data-side="below"]{transform:translate(0,0)}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-tiptouch][data-side="above"]{margin-top:-16px}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-side="side"]{margin-top:0}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-side="side"][data-tipx="right"]{transform:translate(10px,-50%)}[data-bupum="stock-page"] #cl-stock-app [data-tipel][data-side="side"][data-tipx="left"]{transform:translate(calc(-100% - 10px),-50%)}[data-bupum="stock-page"] #cl-stock-app [data-tipel] [data-tiph]{display:block;font:500 10.5px 'Pretendard Variable';color:var(--cl-mut);padding-bottom:2px}[data-bupum="stock-page"] #cl-stock-app [data-tipel] [data-tipv]{display:block;font:600 12.5px 'Hahmlet',serif;color:var(--cl-ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}[data-bupum="stock-page"] #cl-stock-app [data-tip],
[data-bupum="stock-page"] #cl-stock-app [data-cell="1"]{transition:box-shadow .16s ease,transform .16s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app [data-tip]:hover,
[data-bupum="stock-page"] #cl-stock-app [data-cell="1"]:hover{box-shadow:0 0 0 2px var(--cl-acc2)}}[data-bupum="stock-page"] #cl-stock-app [data-tip][data-hov],
[data-bupum="stock-page"] #cl-stock-app [data-cell="1"][data-hov]{box-shadow:0 0 0 2px var(--cl-acc2)}[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-tip],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-cell="1"]{position:relative;transform-origin:center}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-tip]:hover,
[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-cell="1"]:hover{transform:scale(1.35);z-index:2}}[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-tip][data-hov],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-cell="1"][data-hov]{transform:scale(1.35);z-index:2}@media (prefers-reduced-motion:reduce){[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-tip]:hover,
[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-tip][data-hov],
[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-cell="1"]:hover,
[data-bupum="stock-page"] #cl-stock-app [data-tipbox="격자"] [data-cell="1"][data-hov]{transform:none}}[data-bupum="stock-page"] #cl-stock-app [data-tong],
[data-bupum="stock-page"] #cl-stock-app [data-tongdot]{transition:transform .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow]):hover [data-tong]{transform:scaleY(1.35)}[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow]):hover [data-tong="선"]{transform:scaleY(2)}[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow]):hover [data-tongdot]{transform:scale(1.35)}}[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow])[data-hov] [data-tong],
[data-bupum="stock-page"] #cl-stock-app [data-tong][data-hov]{transform:scaleY(1.35)}[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow])[data-hov] [data-tong="선"],
[data-bupum="stock-page"] #cl-stock-app [data-tong="선"][data-hov]{transform:scaleY(2)}[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow])[data-hov] [data-tongdot]{transform:scale(1.35)}@media (prefers-reduced-motion:reduce){[data-bupum="stock-page"] #cl-stock-app [data-tong],
[data-bupum="stock-page"] #cl-stock-app [data-tongdot]{transition:none}[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow]):hover [data-tong],
[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow])[data-hov] [data-tong],
[data-bupum="stock-page"] #cl-stock-app [data-tong][data-hov],
[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow]):hover [data-tongdot],
[data-bupum="stock-page"] #cl-stock-app :where([data-row],[data-mj],[data-hrow],[data-colrow])[data-hov] [data-tongdot]{transform:none}}[data-bupum="stock-page"] #cl-stock-app [data-toc]{border-radius:5px;transition:background .16s ease}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app [data-toc]:hover{background:rgba(var(--cl-ink-rgb),.03)}}[data-bupum="stock-page"] #cl-stock-app [data-toc][data-hov]{background:rgba(var(--cl-ink-rgb),.03)}[data-bupum="stock-page"] #cl-stock-app :where([data-hbox],[data-row],[data-hovable]) [style*="Hahmlet"]{transition:transform .3s cubic-bezier(.22,.61,.36,1)}@media (hover:hover) and (pointer:fine){[data-bupum="stock-page"] #cl-stock-app :where([data-hbox],[data-row]):hover [style*="Hahmlet"]{transform:translateX(clamp(1.5px,.16em,3px))}}[data-bupum="stock-page"] #cl-stock-app [data-hov] [style*="Hahmlet"]{transform:translateX(clamp(1.5px,.16em,3px))}@media (prefers-reduced-motion:reduce){[data-bupum="stock-page"] #cl-stock-app [style*="Hahmlet"]{transition:none}[data-bupum="stock-page"] #cl-stock-app :where([data-hbox],[data-row]):hover [style*="Hahmlet"],
[data-bupum="stock-page"] #cl-stock-app [data-hov] [style*="Hahmlet"]{transform:none}}

body.cl-stock-page .site-content{display:block;padding:0}
body.cl-stock-page #page{max-width:none}
[data-bupum="stock-page"]{width:100%;min-width:0}
[data-bupum="stock-page"] .사이트띠,[data-bupum="stock-page"] .돌아갈길{display:none}
[data-bupum="stock-page"] .목차,[data-bupum="stock-page"] .레일{top:calc(var(--cl-stock-header,67px) + 34px)}


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */