/* RECOVERIC 매거진 · 랭킹 지면 전용 (아트 디렉터 2026-10-23)
   하나의 12열 격자(.g, 칸 사이 28px) · 흰 바탕 · 검정 글자 · 포인트 네이비 #1B2438
   숫자: Bodoni Moda B안(공용 .bod 규칙: opsz 11 · 600) · 한글: Noto Serif KR / Noto Sans KR
   휴대폰 배치는 공용 규칙과 같이 body 폭(@container mg) 960px 이하에서 바뀐다. */

.rk-page{word-break:keep-all}
.rk-page :where(p){margin:0}
.rk-crumb{margin:44px 0 0}

/* 머리: 제목 8열 · 발행 정보 4열(오른쪽 끝 정렬) */
.rk-mast{margin-top:18px;padding-bottom:30px;border-bottom:1px solid #111111;align-items:end}
.rk-h1{grid-column:1 / span 8;margin:0;font-size:104px}
.rk-meta{grid-column:9 / span 4;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-family:'Noto Sans KR',sans-serif;font-size:12px;letter-spacing:.06em;color:#6A6A6A;line-height:1.6}
.rk-meta .bod{font-size:15px;color:#111111;letter-spacing:.02em}
.rk-dek{margin-top:26px!important;max-width:640px;font-size:19px;line-height:1.7;font-weight:300;color:#333333}

/* 분류 탭: 위 검정 선 · 아래 가는 선 · 활성 탭은 아래 선 위에 네이비 2px */
.rk-tabs{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch;margin-top:40px;border-top:1px solid #111111;border-bottom:1px solid #E6E6E6}
.rk-tabs-k{align-self:center;font-size:10px;letter-spacing:.24em;color:#6A6A6A}
.rk-tabs-row{display:flex;flex-wrap:wrap;column-gap:36px}
.rk-tab{position:relative;appearance:none;background:none;border:0;margin:0;padding:19px 0 17px;font-family:'Noto Serif KR',serif;font-size:15px;line-height:1;color:#6E6E6E;cursor:pointer;white-space:nowrap}
.rk-tab sup{margin-left:5px;font-size:10px;vertical-align:6px;color:#707070}
.rk-tab:hover{color:#111111}
.rk-tab.on{color:#111111;font-weight:500}
.rk-tab.on sup{color:#1B2438}
.rk-tab.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#1B2438}
.rk-tab:disabled{color:#8C8C8C;cursor:default}
.rk-tab:focus-visible{outline:1px solid #1B2438;outline-offset:4px}

/* 소제목 공통 */
.rk-lab{font-size:10px!important;letter-spacing:.24em!important;margin:0 0 18px!important}

/* 오늘의 흐름 7열 · 키워드 4열(9~12) */
.rk-read{margin-top:64px;align-items:start}
.rk-flow{grid-column:1 / span 7}
.rk-lead{font-size:25px;line-height:1.72;font-weight:300;color:#111111}
.rk-lead em{font-style:normal;font-weight:500;color:#1B2438;box-shadow:inset 0 -1px 0 #1B2438}
.rk-kw{grid-column:9 / span 4}
.rk-kw ol{list-style:none;margin:0;padding:0;border-top:1px solid #111111}
.rk-kw li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:baseline;padding:13px 0 12px;border-bottom:1px solid #E6E6E6}
.rk-kw li .bod{font-size:13px;color:#1B2438;letter-spacing:.04em}
.rk-kw li .ser{font-size:17px;line-height:1.4;color:#111111}

/* 섹션 머리: 왼쪽 라벨 · 오른쪽 설명(한 줄) */
.rk-sec,.rk-src{margin-top:88px}
.rk-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:14px;border-bottom:1px solid #111111}
.rk-sec-h h2{margin:0;font-size:11px;color:#111111}
.rk-sec-h p{font-size:12px;letter-spacing:.02em}

/* 숫자 카드: 보이는 카드마다 같은 너비 칸 하나(grid-auto-columns) · 빈 칸·빈 세로선이 생기지 않는다.
   칸 사이 72px 한가운데에 가는 세로선. 첫 카드는 왼쪽 끝, 마지막 카드는 오른쪽 끝에 맞는다. */
.rk-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:72px}
.rk-cards+.rk-cards{border-top:1px solid #E6E6E6}
.rk-cards[hidden],.rk-c[hidden],.rk-fi[hidden]{display:none!important}
.rk-c{position:relative;display:flex;flex-direction:column;min-width:0;padding:34px 0 30px;color:#111111;text-decoration:none}
.rk-c:not([hidden])~.rk-c:not([hidden])::before{content:'';position:absolute;top:34px;bottom:30px;left:-36px;width:1px;background:#E6E6E6}
.rk-c-src{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;min-height:18px}
.rk-c-pl{font-family:'Noto Sans KR',sans-serif;font-size:11px;font-weight:500;letter-spacing:.2em;color:#1B2438}
.rk-c-when{font-family:'Noto Sans KR',sans-serif;font-size:11px;letter-spacing:.06em;color:#6E6E6E}
.rk-c-n{margin-top:26px!important;font-size:clamp(52px,5.9cqw,86px);line-height:.95;letter-spacing:-.015em;color:#111111;font-variant-numeric:lining-nums proportional-nums!important}
.rk-sg{display:inline-block;margin-right:.04em;font-size:.4em;font-weight:400;vertical-align:.78em;color:#6A6A6A;letter-spacing:0}
.rk-pc{margin-left:.04em;font-size:.5em;font-weight:500;letter-spacing:0}
.rk-c-rule{display:block;width:28px;height:2px;margin:24px 0 18px;background:#1B2438}
.rk-c-m{font-size:18px;line-height:1.45;font-weight:500}
.rk-c-sub{margin-top:6px!important;font-size:13px;line-height:1.6;color:#6A6A6A}
/* 함께 다룬 보도: 이 탭 플랫폼의 수치를 네이비로 따로(대표 피드백 2026-11-02) */
.rk-c-own{color:#1B2438;font-weight:500}
.rk-c-ownk{display:inline-block;margin-right:8px;padding:1px 6px;border:1px solid #1B2438;font-size:10.5px;line-height:1.5;letter-spacing:.08em;font-weight:500;vertical-align:1px}
.rk-c-foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto!important;padding-top:26px;font-size:12px;color:#6E6E6E;letter-spacing:.02em}
.rk-c-foot .bod{font-size:12px;color:#6E6E6E}
.rk-c-go{flex-shrink:0;font-family:'Noto Sans KR',sans-serif;font-size:11px;letter-spacing:.2em;color:#111111;border-bottom:1px solid #111111;padding-bottom:2px}
.rk-c:hover .rk-c-m{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.rk-c:hover .rk-c-go{color:#1B2438;border-color:#1B2438}

/* 한 줄에 카드 4장이면 숫자를 한 단계 줄인다(가장 긴 수치도 한 줄) */
.rk-n4 .rk-c-n{font-size:clamp(44px,4.4cqw,64px)}

/* 순위 묶음(2026-10-23 개편): FT·Monocle 데이터 지면처럼 흰 바탕 · 1px 헤어라인 · 네이비 한 색.
   분류 탭은 머리 아래 고정(sticky) · 카드 격자 PC 2열 · 카드마다 상위 5위 표 + 펼치기 · 막대는 투명 네이비 헤어라인. */
.rk-boards{margin-top:88px}
.rk-bd-bar{position:sticky;top:var(--hd-h,0px);z-index:60;background:#FFFFFF;border-bottom:1px solid #E6E6E6}
.rk-bd-tabs{padding:14px 0}
.rk-bd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:0;grid-auto-rows:auto}
.rk-bd{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;min-width:0;padding:40px 0 56px;border-bottom:1px solid #E6E6E6}
.rk-bd[hidden]{display:none!important}
.rk-bd-h{min-width:0}
.rk-bd-k{display:flex;align-items:baseline;gap:12px;font-family:'Noto Sans KR',sans-serif;font-size:10px;letter-spacing:.24em;color:#6A6A6A}
.rk-bd-k .bod{font-size:13px;letter-spacing:.04em;color:#1B2438}
.rk-bd-t{margin:12px 0 0;font-size:22px;line-height:1.42;font-weight:500;color:#111111;letter-spacing:-.005em}
.rk-bd-meta{margin-top:10px!important;font-family:'Noto Sans KR',sans-serif;font-size:11.5px;line-height:1.6;letter-spacing:.02em;color:#6A6A6A}
.rk-bd-meta span::before{content:'\00a0\00a0·\00a0\00a0';color:#B5B5B5}
.rk-bd-meta span{white-space:nowrap}
.rk-bd-body{align-self:start;min-width:0;margin-top:22px}
/* 표: 순위 · 항목 · 값 · 변화율 · 순위 변동 */
.rk-bd-th,.rk-bd-r{display:grid;grid-template-columns:30px minmax(0,1fr) auto 64px 30px;column-gap:14px;align-items:baseline}
.rk-bd-th{margin:0;padding:0 0 9px;border-bottom:1px solid #111111;font-family:'Noto Sans KR',sans-serif;font-size:9.5px;letter-spacing:.18em;color:#6E6E6E;white-space:nowrap}
.rk-bd-th span:nth-child(n+3){text-align:right}
.rk-bd-th span:nth-child(4){letter-spacing:.04em}
.rk-bd-l{list-style:none;margin:0;padding:0}
.rk-bd-l li{border-bottom:1px solid #EDEDED}
.rk-bd-r{position:relative;width:100%;box-sizing:border-box;min-height:42px;padding:11px 0 10px;margin:0;border:0;background:none;color:#111111;text-align:left;cursor:pointer;font:inherit}
.rk-bd-r:focus-visible{outline:1px solid #1B2438;outline-offset:2px}
.rk-bd-no{font-size:17px;line-height:1;color:#111111;font-variant-numeric:lining-nums tabular-nums}
.rk-bd-l li:nth-child(n+4) .rk-bd-no{color:#4A4A4A}
.rk-bd-n{min-width:0;font-size:15px;line-height:1.45;font-weight:500}
.rk-bd-v{text-align:right;white-space:nowrap}
.rk-bd-v .bod{font-size:16px;line-height:1;font-variant-numeric:lining-nums tabular-nums}
.rk-bd-v small{margin-left:4px;font-family:'Noto Sans KR',sans-serif;font-size:10.5px;letter-spacing:.02em;color:#6E6E6E}
.rk-bd-c{text-align:right;white-space:nowrap;font-family:'Noto Sans KR',sans-serif;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#7A6A5B}
.rk-up .rk-bd-c{color:#1B2438;font-weight:500}
.rk-bd-mv{text-align:right;white-space:nowrap;font-family:'Noto Sans KR',sans-serif;font-size:11px;letter-spacing:.02em;color:#6E6E6E;font-variant-numeric:tabular-nums}
.rk-bd-mv i{font-style:normal;color:#767676}
/* 막대: 줄 아래 선 위에 겹치는 1.5px 네이비(투명) · 항목 칸에서 시작 */
.rk-bd-bar-l{position:absolute;left:44px;bottom:-1px;height:2px;max-width:calc(100% - 44px);background:#D1D3D7;pointer-events:none}
.rk-bd-r:hover .rk-bd-n{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.rk-bd-r:hover .rk-bd-bar-l,.rk-bd-l li.open .rk-bd-bar-l{background:#828796}
.rk-bd-th b{font-weight:400}.rk-th-s{display:none}
.rk-bd-v .rk-sg{font-size:.72em;vertical-align:.08em;margin-right:.06em}
/* 줄 해설(누르면 열림) */
.rk-bd-x{margin:0!important;padding:0 94px 14px 44px;font-family:'Noto Sans KR',sans-serif;font-size:12.5px;line-height:1.7;color:#5E5E5E}
.rk-bd-go{margin-left:8px;font-size:10.5px;letter-spacing:.18em;color:#111111;border-bottom:1px solid #111111;padding-bottom:1px;white-space:nowrap}
.rk-js .rk-bd:not(.open) .rk-more{display:none}
.rk-bd-more{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:13px 0 0;border:0;background:none;font-family:'Noto Sans KR',sans-serif;font-size:10.5px;letter-spacing:.2em;color:#111111;cursor:pointer;text-align:left}
.rk-bd-more::after{content:'';width:6px;height:6px;margin-bottom:3px;border-right:1px solid #111111;border-bottom:1px solid #111111;transform:rotate(45deg)}
.rk-bd.open .rk-bd-more::after{transform:rotate(-135deg);margin:3px 0 0}
.rk-bd-more .c,.rk-bd.open .rk-bd-more .o{display:none}
.rk-bd.open .rk-bd-more .c{display:inline}
.rk-bd-more:hover{color:#1B2438}
.rk-boards:not(.rk-js) .rk-bd-more{display:none}
/* 각주: 머리 설명 1문장 · 출처 */
.rk-bd-fn{margin-top:22px!important;padding-top:12px;border-top:1px solid #EDEDED;font-family:'Noto Sans KR',sans-serif;font-size:11.5px;line-height:1.7;color:#6E6E6E}
.rk-bd-fn .ser{display:block;font-size:13.5px;line-height:1.7;font-weight:300;color:#444444}
.rk-bd-note{display:none;margin-top:4px}
.rk-bd.open .rk-bd-note{display:block}
.rk-bd-src{display:block;margin-top:4px;letter-spacing:.02em}
.rk-bd-src a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* 데이터 출처(기본 접힘) · 표 2 · 4 · 2 · 2 · 2 (12열) */
.rk-src>summary{list-style:none;cursor:pointer}
.rk-src>summary::-webkit-details-marker{display:none}
.rk-src-t{margin-left:20px;font-family:'Noto Sans KR',sans-serif;font-size:10.5px;letter-spacing:.2em;color:#111111;border-bottom:1px solid #111111;padding-bottom:2px;white-space:nowrap}
.rk-src-t .c,.rk-src[open] .rk-src-t .o{display:none}
.rk-src[open] .rk-src-t .c{display:inline}
.rk-src>summary:hover .rk-src-t{color:#1B2438;border-color:#1B2438}
.rk-tb{font-size:13px;line-height:1.6}
.rk-tr{display:grid;grid-template-columns:2fr 4fr 2fr 2fr 2fr;column-gap:28px;padding:15px 0;border-bottom:1px solid #E6E6E6;align-items:baseline}
.rk-th{padding:12px 0;font-family:'Noto Sans KR',sans-serif;font-size:10px;letter-spacing:.2em;color:#6E6E6E}
.rk-td-pl{font-family:'Noto Sans KR',sans-serif;font-size:11px;font-weight:500;letter-spacing:.16em;color:#1B2438}
.rk-tr .ser{font-size:15px;color:#111111}
.rk-tr b.bod{margin-left:6px;font-size:14px;color:#111111}
.rk-tr a{color:#111111;border-bottom:1px solid #CFCFCF;padding-bottom:1px}
.rk-tr a:hover{border-color:#111111}

/* RECOVERIC의 시선: 라벨 3열 · 글 7열(4~10) */
.rk-view{margin-top:88px;padding-top:30px;border-top:1px solid #111111;align-items:start}
.rk-view-k{grid-column:1 / span 3;font-size:11px;color:#1B2438}
.rk-view-k::after{content:'';display:block;width:28px;height:2px;margin-top:14px;background:#1B2438}
.rk-view-t{grid-column:4 / span 7;font-size:20px;line-height:1.85;font-weight:300;color:#111111}

/* 휴대폰(390) · 좁은 창 */
@container mg (max-width:960px){
 .rk-crumb{margin-top:28px}
 .rk-mast{padding-bottom:22px;row-gap:16px!important}
 .rk-h1{font-size:60px!important}
 .rk-meta{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:0;row-gap:0}
 .rk-meta span{white-space:nowrap}.rk-meta span:not(:last-child)::after{content:'\00a0\00a0·\00a0';color:#707070}
 .rk-dek{margin-top:18px!important;font-size:17px}
 .rk-tabs{grid-template-columns:minmax(0,1fr);margin-top:28px}
 .rk-tabs-k{padding-top:14px}
 .rk-tabs-row{column-gap:22px}
 .rk-tab{padding:14px 0 12px}
 .rk-read{margin-top:40px;row-gap:40px!important}
 .rk-lead{font-size:20px;line-height:1.75}
 .rk-kw li .ser{font-size:16px}
 .rk-sec,.rk-src{margin-top:56px}
 .rk-sec-h{flex-direction:column;gap:4px}
 .rk-cards{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:minmax(0,1fr);column-gap:0}
 .rk-cards+.rk-cards{border-top:0}
 .rk-c{padding:28px 0 26px}
 .rk-c:not([hidden])~.rk-c:not([hidden])::before{top:0;bottom:auto;left:0;right:0;width:auto;height:1px}
 .rk-cards+.rk-cards .rk-c:not([hidden])::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#E6E6E6}
 .rk-c-n{margin-top:20px!important;font-size:64px}
 .rk-c-rule{margin:20px 0 14px}
 .rk-c-foot{padding-top:20px}
 .rk-boards{margin-top:56px}
 .rk-sec-h p.mute{font-size:12px}
 .rk-bd-tabs{padding:10px 0;grid-template-columns:minmax(0,1fr)!important}
 .rk-bd-tabs .chip-k{display:none}
 .rk-bd-tabs .chip{height:44px;padding:0 13px;font-size:13px}
 .rk-bd-grid{grid-template-columns:minmax(0,1fr);column-gap:0}
 .rk-bd{display:block;padding:30px 0 40px}
 .rk-bd-t{font-size:19px}
 .rk-bd-body{margin-top:18px}
 .rk-bd-th,.rk-bd-r{grid-template-columns:22px minmax(0,1fr) auto 54px 24px;column-gap:10px}
 .rk-bd-r{min-height:40px;padding:10px 0 9px}
 .rk-bd-no{font-size:15px}
 .rk-bd-n{font-size:14px}
 .rk-bd-v .bod{font-size:14.5px}
 .rk-bd-v small{font-size:10px;margin-left:3px}
 .rk-bd-c{font-size:11.5px}
 .rk-bd-bar-l{left:32px;max-width:calc(100% - 32px)}
 .rk-bd-x{padding:0 0 12px 32px}
 .rk-th-l{display:none}.rk-th-s{display:inline}
 .rk-src-t{display:table;margin:8px 0 0}
 .rk-tr.rk-th{display:none}
 .rk-tr{display:block;padding:16px 0}
 .rk-tr>span{display:inline;font-size:12px;color:#6A6A6A}
 .rk-tr>span:nth-child(1),.rk-tr>span:nth-child(2){display:block}
 .rk-tr>span.rk-td-pl{font-size:11px;color:#1B2438}
 .rk-tr>span:nth-child(2){margin:4px 0 6px;font-size:15px;color:#111111}
 .rk-tr>span:nth-child(n+4)::before{content:' · ';color:#707070}
 .rk-view{margin-top:56px;padding-top:24px;row-gap:16px!important}
 .rk-view-t{font-size:18px}
}

/* 시즌 판매 캘린더로 가는 줄(/season-md/) */
.rk-md{display:grid;grid-template-columns:120px minmax(0,1fr) auto;align-items:center;column-gap:16px;margin-top:28px;padding:16px 0;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;color:#111111}
.rk-md .k{font-size:10px;letter-spacing:.24em;color:#1B2438}
.rk-md .ser{font-size:16px;line-height:1.6}
.rk-md-ar{font-size:20px;line-height:1;color:#1B2438}
.rk-md:hover{text-decoration:none}.rk-md:hover .ser{box-shadow:inset 0 -1px 0 #111111}
@container mg (max-width:960px){.rk-md{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.rk-md .k{grid-column:1 / -1}.rk-md .ser{font-size:15px}}

/* 사용성 점검 2026-10-24: 휴대폰 분류 탭 · 6–10위 펼치기 누르는 칸 44px, 4–10위 순위 숫자 흐리지 않게 */
@container mg (max-width:960px){.rk-tab{padding:22px 0 21px}.rk-bd-more{min-height:44px;padding-top:4px}}
@container mg (max-width:960px){.rk-tr a{display:inline-flex;align-items:center;min-height:44px}.rk-tab{min-width:44px}}

/* 구역(랭킹 회의 2026-10-24 A절): 01 패션·디자인 → 02 섬유 소재 → 03 무역·시세·물가·통화.
   구역 머리는 위 검정 선 하나 · 번호(Bodoni, 네이비) · 세리프 제목 · 오른쪽 설명 한 줄 */
.rk-zone{margin-top:72px}
.rk-zone-h{display:grid;grid-template-columns:120px auto minmax(0,1fr);align-items:baseline;column-gap:0;padding-top:22px;border-top:1px solid #111111}
.rk-zone-h .bod{font-size:15px;letter-spacing:.04em;color:#1B2438}
.rk-zone-h h2{margin:0;font-size:30px;line-height:1.3;font-weight:500;letter-spacing:-.01em;color:#111111}
.rk-zone-h p{justify-self:end;padding-left:24px;text-align:right;font-family:'Noto Sans KR',sans-serif;font-size:12px;letter-spacing:.02em;color:#6A6A6A}
.rk-boards .rk-zone-h{margin-top:104px}
.rk-zb[hidden],.rk-pp[hidden]{display:none!important}
.rk-zb-h{margin-top:44px}

/* 플랫폼 탭: 구역 머리 아래라 위 선은 가는 선 */
.rk-zone .rk-ptabs{margin-top:32px;border-top-color:#E6E6E6}
.rk-sec-h h3{margin:0;font-size:11px;color:#111111}

/* 이 지면(플랫폼 탭 오른쪽 목차) */
.rk-kw li a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:17px;line-height:1.4;color:#111111;text-decoration:none}
.rk-kw li a small{font-size:13px;color:#1B2438;letter-spacing:.02em}
.rk-kw li a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* 플랫폼 브리핑 카드: 숫자 카드와 같은 틀 + 아래 작은 표(막대는 네이비 투명 2px) */
.rk-u{margin-left:.1em;font-family:'Noto Sans KR',sans-serif;font-size:.3em;font-weight:400;letter-spacing:0;color:#6A6A6A;vertical-align:.08em}
.rk-pb-l{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid #111111}
.rk-pb-l li{display:grid;grid-template-columns:minmax(4.5em,max-content) minmax(36px,1fr) 2.4em;column-gap:12px;align-items:center;padding:9px 0 8px;border-bottom:1px solid #EDEDED;font-family:'Noto Sans KR',sans-serif;font-size:12.5px;line-height:1.4;color:#333333}
.rk-pb-rk li{grid-template-columns:18px minmax(0,1fr) auto}
.rk-pb-nm{min-width:0;white-space:nowrap}
.rk-pb-c .rk-c-foot>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rk-pb-bar{position:relative;height:2px;background:#EDEDED}
.rk-pb-bar i{position:absolute;left:0;top:0;bottom:0;background:rgba(27,36,56,.55)}
.rk-pb-v{text-align:right;font-size:13.5px;line-height:1;color:#111111;font-variant-numeric:lining-nums tabular-nums}
.rk-pb-no{font-size:13px;line-height:1;color:#1B2438;font-variant-numeric:lining-nums tabular-nums}
.rk-pb .rk-c-n{font-size:clamp(48px,4.8cqw,72px)}

/* 관련 기사: 번호 · 분류 · 제목 · 요약 첫 문장 · 매체 */
.rk-ar{list-style:none;margin:0;padding:0}
.rk-ar li{border-bottom:1px solid #E6E6E6}
.rk-ar a{display:grid;grid-template-columns:120px minmax(0,1fr) 180px;column-gap:28px;align-items:baseline;padding:24px 0 22px;color:#111111;text-decoration:none}
.rk-ar-no{font-size:15px;color:#1B2438;letter-spacing:.04em}
.rk-ar-b{display:block;min-width:0}
.rk-ar-k{display:block;font-family:'Noto Sans KR',sans-serif;font-size:10.5px;letter-spacing:.2em;color:#6A6A6A}
.rk-ar-t{display:block;margin-top:6px;font-size:20px;line-height:1.5;font-weight:500}
.rk-ar-s{display:block;margin-top:6px;font-family:'Noto Sans KR',sans-serif;font-size:13.5px;line-height:1.75;color:#5E5E5E}
.rk-ar-src{justify-self:end;text-align:right;font-family:'Noto Sans KR',sans-serif;font-size:12px;letter-spacing:.02em;color:#6E6E6E}
.rk-ar-src .bod{margin-left:8px;font-size:12.5px;color:#6E6E6E}
.rk-ar a:hover .rk-ar-t{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

@container mg (max-width:960px){
 .rk-zone{margin-top:48px}
 .rk-zone-h{grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:6px;padding-top:18px}
 .rk-zone-h h2{font-size:24px}
 .rk-zone-h p{grid-column:1 / -1;justify-self:start;text-align:left}
 .rk-boards .rk-zone-h{margin-top:72px}
 .rk-zb-h{margin-top:28px}
 .rk-zone .rk-ptabs{margin-top:22px}
 .rk-kw li a{font-size:16px}
 .rk-pb .rk-c-n{font-size:60px}
 .rk-ar a{grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:20px 0 18px}
 .rk-ar-t{font-size:17px}
 .rk-ar-src{grid-column:2;justify-self:start;text-align:left;margin-top:8px}
}
.rk-c:hover,.rk-ar a:hover{text-decoration:none}
@container mg (max-width:960px){.rk-zone-h p{padding-left:0}}
@container mg (max-width:960px){.rk-ptabs .rk-tabs-row{flex-wrap:nowrap;column-gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rk-ptabs .rk-tabs-row::-webkit-scrollbar{display:none}.rk-ptabs .rk-tab{flex:none;font-size:14px;min-width:44px;padding-left:2px;padding-right:2px}}
/* 브리핑 링크가 점검을 통과하지 못한 날: 평가 · 제안을 지면에 바로(6열 + 6열) */
div.rk-pb-c{cursor:default}
.rk-pb-ev{margin-top:8px;padding-top:28px;border-top:1px solid #E6E6E6;align-items:start}
.rk-pb-ev-c{grid-column:span 6}
.rk-pb-ev-c .ser{margin-top:14px!important;font-size:17px;line-height:1.85;font-weight:300;color:#111111}
@container mg (max-width:960px){.rk-pb-ev{row-gap:28px!important}.rk-pb-ev-c{grid-column:1 / -1}.rk-pb-ev-c .ser{font-size:16px}}

/* 짧게(대표 지시 2026-10-24 '랭킹이 너무 길다, 짧고 고급스럽게'):
   묶음 해설 문장은 '전체 보기'를 눌렀을 때만 · 출처는 늘 보인다. 휴대폰 02·03 구역은 머리 + 숫자 한 줄만 */
.rk-js .rk-bd:not(.open) .rk-bd-fn .ser{display:none}
.rk-js .rk-bd:not(.open) .rk-bd-fn .rk-bd-src{margin-top:0}
.rk-bd-fn{margin-top:16px!important;padding-top:10px}
.rk-bd{padding:34px 0 40px}
.rk-zone-hl,.rk-zone-tg{display:none}
@container mg (max-width:960px){
 .rk-bd{padding:26px 0 30px}
 .rk-bd-r{min-height:38px;padding:9px 0 8px}
 .rk-bd-meta{margin-top:6px!important}
 .rk-bd-body{margin-top:14px}
 .rk-boards .rk-zone-h{margin-top:40px}
 /* 숫자 카드: 휴대폰에서는 숫자 왼쪽 · 지표 오른쪽(카드 한 장 높이를 절반으로) */
 .rk-c{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;align-items:end;padding:22px 0 20px}
 .rk-c>.rk-c-src,.rk-c>.rk-c-foot{grid-column:1 / -1}
 .rk-c-n,.rk-pb .rk-c-n{grid-column:1;grid-row:2 / span 2;margin-top:14px!important;font-size:46px!important}
 .rk-c-rule{display:none}
 .rk-c-m{grid-column:2;font-size:15.5px;line-height:1.45}
 .rk-c-sub{grid-column:2;margin-top:2px!important;font-size:12px}
 .rk-c>.rk-pb-l{grid-column:1 / -1}
 .rk-c-foot{padding-top:14px}
 /* 키워드: 한 줄로 이어 쓰기 */
 #rk-pp-0 .rk-kw ol{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:4px;padding-top:12px;border-top:1px solid #111111}
 #rk-pp-0 .rk-kw li{display:flex;gap:6px;padding:4px 0;border-bottom:0}
 #rk-pp-0 .rk-kw li .ser{font-size:15px}
 .rk-read{margin-top:32px;row-gap:28px!important}
 .rk-sec,.rk-src{margin-top:44px}
}
/* 짝 묶음 바꿔 보기(휴대폰만) */
.rk-pair{display:none}
@container mg (max-width:960px){
 .rk-boards.rk-js .rk-pair{display:flex;gap:0;margin-top:14px!important;border:1px solid #111111;width:max-content;max-width:100%}
 .rk-pair-b{appearance:none;min-height:44px;padding:0 16px;border:0;background:#FFFFFF;font-family:'Noto Sans KR',sans-serif;font-size:12.5px;letter-spacing:.04em;color:#111111;cursor:pointer;white-space:nowrap}
 .rk-pair-b+.rk-pair-b{border-left:1px solid #111111}
 .rk-pair-b.on{background:#1B2438;color:#FFFFFF}
 .rk-boards.rk-js .rk-p2:not(.rk-pon),.rk-boards.rk-js .rk-p1.rk-poff{display:none}
 .rk-bd-th{display:none}
}
@container mg (max-width:960px){
 .rk-dek{margin-top:14px!important;font-size:15.5px;line-height:1.65}
 .rk-md{margin-top:18px;padding:12px 0}
 .rk-md .k{display:none}
 .rk-md .ser{font-size:14px;line-height:1.55}
 .rk-sec-h{padding-bottom:10px}
 .rk-sec-h p.mute{display:none}
 .rk-zone .rk-zone-h p{display:none}
 .rk-lead{font-size:18px;line-height:1.72}
 .rk-zb-h{margin-top:20px}
 .rk-view{margin-top:40px;padding-top:20px;row-gap:10px!important}
 .rk-view-t{font-size:16.5px;line-height:1.8}
 .rk-view-k::after{display:none}
 .rk-src{margin-top:32px}
 .rk-bd-fn{margin-top:10px!important;padding-top:8px}
}
@container mg (max-width:960px){
 .rk-bd{padding:20px 0 22px}
 .rk-bd-r{min-height:36px;padding:8px 0 7px}
 .rk-c{padding:18px 0 16px}
 .rk-boards .rk-zone-h{margin-top:32px}
 .rk-boards{margin-top:44px}
}

/* 02·03 구역 접기(편집장 검수 2026-10-24): PC 도 휴대폰처럼 머리 + 핵심 숫자 한 줄만, 펼치면 지금 배치 그대로 */
.rk-boards.rk-js .rk-fold:not(.open) .rk-bd-grid{display:none}
.rk-boards.rk-js .rk-fold .rk-zone-fh{cursor:pointer}
.rk-boards.rk-js .rk-fold .rk-zone-hl{display:flex;grid-column:1 / -1;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;margin-top:10px;font-family:'Noto Sans KR',sans-serif}
.rk-zone-hl-k{font-size:10.5px;letter-spacing:.18em;color:#6A6A6A}
.rk-zone-hl .ser{font-size:16px;font-weight:500;color:#111111}
.rk-zone-hl .bod{font-size:17px;color:#1B2438;font-variant-numeric:lining-nums tabular-nums}
.rk-boards.rk-js .rk-fold .rk-zone-tg{display:flex;grid-column:1 / -1;align-items:center;gap:10px;min-height:44px;margin:6px 0 0;padding:0;border:0;background:none;font-family:'Noto Sans KR',sans-serif;font-size:10.5px;letter-spacing:.2em;color:#111111;cursor:pointer;text-align:left}
.rk-zone-tg::after{content:'';width:6px;height:6px;margin-bottom:3px;border-right:1px solid #111111;border-bottom:1px solid #111111;transform:rotate(45deg)}
.rk-fold.open .rk-zone-tg::after{transform:rotate(-135deg);margin:3px 0 0}
.rk-zone-tg .c,.rk-fold.open .rk-zone-tg .o{display:none}
.rk-fold.open .rk-zone-tg .c{display:inline}
.rk-boards .rk-fold+.rk-fold .rk-zone-h{margin-top:0}
.rk-fold .rk-zone-fh{padding-bottom:6px;border-bottom:1px solid #E6E6E6}
.rk-fold+.rk-fold .rk-zone-fh{border-top-color:#E6E6E6}
.rk-boards.rk-js .rk-fold .rk-zone-hl{grid-column:2 / 3;grid-row:2}
.rk-boards.rk-js .rk-fold .rk-zone-tg{grid-column:3;grid-row:2;justify-self:end;margin:0}
.rk-fold .rk-zone-fh{padding-bottom:4px}
.rk-boards .rk-fold .rk-zone-h{margin-top:0}
.rk-boards .rk-zb:not(.rk-fold)+.rk-fold .rk-zone-h{margin-top:72px}
.rk-zone-hl .ser{font-size:17px}
.rk-zone-hl .bod{font-size:18px}
@container mg (max-width:960px){
 .rk-boards.rk-js .rk-fold .rk-zone-hl{grid-column:1 / -1;grid-row:auto}
 .rk-boards.rk-js .rk-fold .rk-zone-tg{grid-column:1 / -1;grid-row:auto;justify-self:start;margin:6px 0 0}
 .rk-zone-hl .ser{font-size:16px}
 .rk-zone-hl .bod{font-size:17px}
 .rk-boards .rk-zb:not(.rk-fold)+.rk-fold .rk-zone-h{margin-top:32px}
}
/* 길이 기준(1440 4,500px · 390 5,000px, 시험 tests/ranking-length.e2e.js): 간격을 한 단계 좁힌다 */
.rk-crumb{margin-top:30px}
.rk-dek{margin-top:20px!important}
.rk-zone{margin-top:56px}
.rk-read{margin-top:44px}
.rk-sec,.rk-src,.rk-boards{margin-top:60px}
.rk-view{margin-top:60px}
.rk-c{padding:26px 0 22px}
.rk-c-n{margin-top:18px!important}
.rk-c-rule{margin:16px 0 12px}
.rk-c-foot{padding-top:18px}
.rk-bd{padding:28px 0 28px}
.rk-bd-r{min-height:38px;padding:9px 0 8px}
.rk-bd-body{margin-top:16px}
.rk-zb-h{margin-top:28px}
@container mg (max-width:960px){
 .rk-crumb{margin-top:22px}
 .rk-zone{margin-top:40px}
 .rk-read{margin-top:28px}
 .rk-sec,.rk-src,.rk-boards{margin-top:40px}
 .rk-view{margin-top:36px}
 .rk-c{padding:16px 0 14px}
 .rk-bd{padding:20px 0 22px}
 .rk-bd-r{min-height:36px;padding:8px 0 7px}
 /* 접힌 구역 머리: 번호 · 제목 · 펼침 단추(화살표)를 한 줄에, 다음 줄에 핵심 숫자 */
 .rk-fold .rk-zone-fh{grid-template-columns:auto minmax(0,1fr) 44px}
 .rk-fold .rk-zone-fh>p:not([class]){display:none}
 .rk-boards.rk-js .rk-fold .rk-zone-tg{grid-column:3;grid-row:1;justify-self:end;justify-content:center;width:44px;margin:0;font-size:0;letter-spacing:0}
 .rk-boards.rk-js .rk-fold .rk-zone-hl{grid-column:1 / -1;grid-row:2;margin-top:4px}
 .rk-zone-tg::after{width:8px;height:8px}
 /* 짝 묶음 단추는 분류 줄 오른쪽에 */
 .rk-bd-h{position:relative}
 .rk-boards.rk-js .rk-pair{position:absolute;top:-10px;right:0;margin:0!important}
 .rk-boards.rk-js .rk-p1 .rk-bd-t,.rk-boards.rk-js .rk-p2 .rk-bd-t{margin-top:22px;padding-right:0}
}
.rk-zone-h .rk-zone-hl{padding-left:0;justify-self:start;text-align:left}
/* 왼쪽 분류 목록(공용 side-nav, 2026-11-02): 플랫폼 지면의 '이 지면' 상자는 왼쪽 목록으로 옮겨, 오늘의 흐름이 한 줄을 다 쓴다 */
.rk-read>.rk-flow:only-child{grid-column:1 / -1;max-width:860px}
.rk-body>.rsn{margin-top:40px}