/* === financecover — 파이낸스 커버 허브 (금융·보험) =========================================
   2026-10-09 전면 재설계: 「경제 일간지 1면 / 금융 리서치 하우스」
   남색 + 금색 · 세리프 제목 · 가는 괘선 · 증권 인쇄풍 기요셰 문양(financecover/rosette.svg, wave.svg)
   전폭 띠는 100vw 대신 box-shadow + clip-path 로 늘린다 (PC 스크롤바가 있어도 가로 넘침이 생기지 않는다). */
:root {
    --fch-navy: #1F3A5F;
    --fch-navy-deep: #12253F;
    --fch-navy-ink: #0C1A2E;
    --fch-gold: #C9A227;
    --fch-gold-soft: #E9D9A0;
    --fch-ink: #141C28;
    --fch-text: #2B3442;
    --fch-muted: #5E6878;
    --fch-rule: #D5DAE2;
    --fch-hair: #E7EAEF;
    --fch-mist: #F3F5F8;
    --fch-serif: 'Noto Serif KR', 'Nanum Myeongjo', 'AppleMyungjo', serif;
}
.skin-financecover { background: #fff; color: var(--fch-text); overflow-x: clip; }  /* 전폭 띠의 문양이 가로 스크롤을 만들지 않게 자른다 */
.skin-financecover a { color: inherit; text-decoration: none; }
.skin-financecover h1, .skin-financecover h2, .skin-financecover h3 { font-family: var(--fch-serif); color: var(--fch-ink); letter-spacing: -0.3px; }
.skin-financecover main.container { padding-bottom: 0; }

/* ── 마스트헤드(공용 헤더를 신문 제호로) ───────────────────────────── */
.skin-financecover .main-header {
    position: relative; background: #fff; box-shadow: none; margin: 0; padding: 0;
    border-top: 5px solid var(--fch-navy); border-bottom: 0;
}
.skin-financecover .main-header::before {
    content: ''; display: block; height: 10px;
    background: url(/assets/skins/financecover/wave.svg) repeat-x center / auto 10px;
    opacity: .9;
}
.skin-financecover .main-header .containerHeader { padding-top: 18px; padding-bottom: 0; }
.skin-financecover .main-header .containerHeader::before {
    content: '금융 · 보험 리서치 브리프'; display: block;
    font-size: .74rem; letter-spacing: .42em; color: var(--fch-gold); font-weight: 700; margin-bottom: 6px;
}
.skin-financecover .main-header .brand-logo,
.skin-financecover .main-header .brand-logo a {
    font-family: var(--fch-serif) !important; font-weight: 900; color: var(--fch-navy-ink);
    font-size: 3.4rem; letter-spacing: -0.04em; line-height: 1.1; margin: 0 0 16px;
}
.skin-financecover .main-header nav { width: 100%; border-top: 1px solid var(--fch-ink); border-bottom: 3px double var(--fch-ink); }
.skin-financecover .main-header nav ul { justify-content: center; gap: 0; margin: 0; padding: 0; }
.skin-financecover .main-header nav ul li a {
    display: block; padding: 11px 22px; color: var(--fch-ink); font-weight: 700; font-size: .95rem; letter-spacing: .04em;
    border-left: 1px solid var(--fch-rule);
}
.skin-financecover .main-header nav > ul > li:first-child > a { border-left: 0; }
.skin-financecover .main-header nav ul li a:hover { color: var(--fch-navy); background: var(--fch-mist); }
.skin-financecover .main-header .dropdown { border: 1px solid var(--fch-ink); border-radius: 0; }
.skin-financecover .main-header .menu-toggle {
    background: var(--fch-navy); color: #fff; border-radius: 0; min-width: 44px; min-height: 44px; font-size: 1.2rem;
}
.skin-financecover .mobile-menu-overlay { background: var(--fch-navy-deep); }
.skin-financecover .mobile-menu-overlay a { color: #fff; min-height: 48px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.14); font-family: var(--fch-serif); }
.skin-financecover .mobile-menu-header { background: var(--fch-navy-ink); border-bottom: 1px solid var(--fch-gold); }
.skin-financecover .mobile-menu-header .logo { color: #fff; font-family: var(--fch-serif); }
.skin-financecover .close-menu { background: var(--fch-gold); color: var(--fch-navy-ink); border-radius: 0; min-height: 40px; }

/* ── 날짜 띠 ─────────────────────────────────────────────── */
.skin-financecover .fch-dateline {
    display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px;
    padding: 9px 0; border-bottom: 1px solid var(--fch-ink); font-size: .8rem; color: var(--fch-muted); letter-spacing: .02em;
}
.skin-financecover .fch-dl-date { font-family: var(--fch-serif); font-weight: 700; color: var(--fch-ink); }
.skin-financecover .fch-dl-mid { font-family: var(--fch-serif); font-style: italic; color: var(--fch-navy); text-align: center; }
.skin-financecover .fch-dl-right { text-align: right; }

/* ── 공통 조각 ─────────────────────────────────────────────── */
.skin-financecover .fch-kicker { display: inline-flex; align-items: center; gap: 8px; color: var(--fch-gold); font-size: .76rem; font-weight: 800; letter-spacing: .12em; }
.skin-financecover .fch-lead-mark { background: var(--fch-navy); color: #fff; padding: 3px 8px; letter-spacing: .08em; }
.skin-financecover .fch-date, .skin-financecover .fch-meta { color: var(--fch-muted); font-size: .78rem; font-variant-numeric: tabular-nums; letter-spacing: .03em; }
.skin-financecover .fch-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.skin-financecover .fch-meta > * + *::before { content: ''; display: inline-block; width: 1px; height: 10px; background: var(--fch-rule); margin-right: 14px; vertical-align: -1px; }
.skin-financecover .fch-more { color: var(--fch-navy); font-weight: 700; }
.skin-financecover .fch-more::after { content: ' →'; color: var(--fch-gold); }
.skin-financecover .fch-col-label {
    font-family: var(--fch-serif); font-size: .95rem; font-weight: 900; color: var(--fch-ink); margin: 0 0 4px; padding: 0 0 8px;
    border-bottom: 2px solid var(--fch-ink); letter-spacing: .02em;
}
.skin-financecover .fch-sh { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 22px; padding-top: 12px; border-top: 4px double var(--fch-ink); }
.skin-financecover .fch-sh-title { font-size: 1.6rem; font-weight: 900; margin: 0; }
.skin-financecover .fch-sh-sub { margin: 0; color: var(--fch-muted); font-size: .9rem; }
.skin-financecover .fch-sh-light { border-top-color: var(--fch-gold); }
.skin-financecover .fch-sh-light .fch-sh-title { color: #fff; }
.skin-financecover .fch-sh-light .fch-sh-sub { color: rgba(255,255,255,.7); }

/* 썸네일 — 주제와 무관한 풍경 사진이 많아 남색 단색조로 눌러 «인쇄 사진»처럼 통일한다 */
.skin-financecover .fch-fig { position: relative; margin: 0; overflow: hidden; background: var(--fch-navy); aspect-ratio: 16 / 9; }
.skin-financecover .fch-fig-none { background: var(--fch-navy) url(/assets/skins/financecover/rosette.svg) center / 70% no-repeat; }
.skin-financecover .fch-fig img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.08) brightness(1.04); mix-blend-mode: luminosity; opacity: .78; transition: opacity .3s, filter .3s; }
.skin-financecover .fch-fig::after { content: ''; position: absolute; inset: 0; box-shadow: inset 0 0 0 1px rgba(12,26,46,.12); pointer-events: none; }
.skin-financecover a:hover .fch-fig img { opacity: .92; }

/* ── 1면 ─────────────────────────────────────────────────── */
.skin-financecover .fch-front {
    display: grid; grid-template-columns: 250px minmax(0, 1fr) 280px; gap: 0; margin: 26px 0 48px;
}
.skin-financecover .fch-front > * { min-width: 0; }
.skin-financecover .fch-front-left { padding-right: 26px; border-right: 1px solid var(--fch-rule); }
.skin-financecover .fch-lead { padding: 0 30px; }
.skin-financecover .fch-front-right { padding-left: 26px; border-left: 1px solid var(--fch-rule); display: flex; flex-direction: column; gap: 26px; }
.skin-financecover .fch-front-solo { grid-template-columns: minmax(0, 1fr) 300px; }
.skin-financecover .fch-front-solo .fch-lead { padding-left: 0; }

.skin-financecover .fch-brief { border-bottom: 1px solid var(--fch-hair); }
.skin-financecover .fch-brief:last-child { border-bottom: 0; }
.skin-financecover .fch-brief a { display: flex; flex-direction: column; gap: 6px; padding: 16px 0; }
.skin-financecover .fch-brief h3 { font-size: 1.08rem; line-height: 1.45; margin: 0; font-weight: 700; }
.skin-financecover .fch-brief p { margin: 0; font-size: .86rem; line-height: 1.6; color: var(--fch-muted); }
.skin-financecover .fch-brief a:hover h3, .skin-financecover .fch-colpost a:hover h3, .skin-financecover .fch-lead a:hover .fch-lead-title { color: var(--fch-navy); text-decoration: underline; text-decoration-color: var(--fch-gold); text-decoration-thickness: 2px; text-underline-offset: 5px; }

.skin-financecover .fch-lead a { display: flex; flex-direction: column; gap: 14px; }
.skin-financecover .fch-lead-title { font-size: 2.55rem; line-height: 1.22; font-weight: 900; margin: 0; letter-spacing: -0.04em; word-break: keep-all; }
.skin-financecover .fch-fig-lead { aspect-ratio: 16 / 10; margin-top: 4px; }
.skin-financecover .fch-lead-deck { margin: 0; font-size: 1.02rem; line-height: 1.8; color: var(--fch-text); }
.skin-financecover .fch-lead-deck::first-letter { font-family: var(--fch-serif); font-weight: 900; font-size: 3.1em; float: left; line-height: .9; margin: 6px 10px 0 0; color: var(--fch-navy); }

.skin-financecover .fch-toc { list-style: none; margin: 0; padding: 0; }
.skin-financecover .fch-toc li { border-bottom: 1px solid var(--fch-hair); }
.skin-financecover .fch-toc li:last-child { border-bottom: 0; }
.skin-financecover .fch-toc a { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 13px 0; min-height: 44px; }
.skin-financecover .fch-toc-no { font-family: var(--fch-serif); font-weight: 900; font-size: 1.2rem; color: var(--fch-gold); line-height: 1.2; font-variant-numeric: tabular-nums; }
.skin-financecover .fch-toc-body { display: flex; flex-direction: column; gap: 3px; }
.skin-financecover .fch-toc-cat { font-size: .72rem; color: var(--fch-muted); font-weight: 700; letter-spacing: .08em; }
.skin-financecover .fch-toc-title { font-family: var(--fch-serif); font-weight: 700; font-size: .96rem; line-height: 1.45; color: var(--fch-ink); }
.skin-financecover .fch-toc a:hover .fch-toc-title { color: var(--fch-navy); }

.skin-financecover .fch-principle { position: relative; background: var(--fch-mist); border-top: 3px solid var(--fch-navy); padding: 18px 18px 16px; }
.skin-financecover .fch-principle-label { display: block; font-family: var(--fch-serif); font-weight: 900; color: var(--fch-navy); font-size: .92rem; margin-bottom: 8px; }
.skin-financecover .fch-principle p { margin: 0; font-size: .84rem; line-height: 1.7; color: var(--fch-text); }

/* ── 분야 색인(남색 전폭 띠) ─────────────────────────────── */
.skin-financecover .fch-index {
    position: relative; background: var(--fch-navy-deep); color: #fff; margin: 0 0 56px; padding: 44px 0 48px;
    box-shadow: 0 0 0 100vmax var(--fch-navy-deep); clip-path: inset(0 -100vmax);
}
.skin-financecover .fch-index::before {
    content: ''; position: absolute; right: 0; top: -40px; width: 380px; height: 380px;
    background: url(/assets/skins/financecover/rosette.svg) center / contain no-repeat; opacity: .35; pointer-events: none;
}
.skin-financecover .fch-index-inner { position: relative; }
.skin-financecover .fch-index-grid {
    list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgba(201,162,39,.55); border-left: 1px solid rgba(255,255,255,.12);
}
.skin-financecover .fch-ix { border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
.skin-financecover .fch-ix > a, .skin-financecover .fch-ix > div {
    display: grid; grid-template-columns: auto 1fr; grid-template-areas: 'icon no' 'name name' 'desc desc' 'latest latest';
    align-items: start; align-content: start; gap: 8px 10px; padding: 20px 20px 22px; height: 100%; box-sizing: border-box; transition: background .2s;
}
.skin-financecover .fch-ix > a:hover { background: rgba(255,255,255,.06); }
.skin-financecover .fch-ix-icon { grid-area: icon; width: 30px; height: 30px; color: var(--fch-gold); }
.skin-financecover .fch-ix-no { grid-area: no; justify-self: end; font-family: var(--fch-serif); font-size: .8rem; color: rgba(255,255,255,.45); font-variant-numeric: tabular-nums; }
.skin-financecover .fch-ix-name { grid-area: name; font-family: var(--fch-serif); font-weight: 900; font-size: 1.3rem; color: #fff; }
.skin-financecover .fch-ix-desc { grid-area: desc; font-size: .82rem; line-height: 1.6; color: rgba(255,255,255,.7); }
.skin-financecover .fch-ix-latest {
    grid-area: latest; margin-top: 6px; padding-top: 10px; border-top: 1px dashed rgba(201,162,39,.45);
    font-size: .84rem; line-height: 1.5; color: var(--fch-gold-soft); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.skin-financecover .fch-ix-latest::before { content: '최근 · '; color: var(--fch-gold); font-weight: 700; }
.skin-financecover .fch-ix-terms > a { background: rgba(201,162,39,.1); }
.skin-financecover .fch-ix-terms > a:hover { background: rgba(201,162,39,.18); }
.skin-financecover .fch-ix-terms .fch-ix-no { color: var(--fch-gold); }
.skin-financecover .fch-ix-go::before { content: none; }
.skin-financecover .fch-ix-go::after { content: ' →'; }
.skin-financecover .fch-ix-go { font-weight: 700; color: var(--fch-gold); }

/* ── 다단 칼럼 ─────────────────────────────────────────────── */
.skin-financecover .fch-columns-wrap { margin-bottom: 56px; }
.skin-financecover .fch-columns { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.skin-financecover .fch-colpost { padding: 0 20px; border-left: 1px solid var(--fch-rule); min-width: 0; }
.skin-financecover .fch-colpost:first-child { padding-left: 0; border-left: 0; }
.skin-financecover .fch-colpost:last-child { padding-right: 0; }
.skin-financecover .fch-colpost a { display: flex; flex-direction: column; gap: 8px; }
.skin-financecover .fch-fig-col { aspect-ratio: 3 / 2; margin-bottom: 6px; }
.skin-financecover .fch-colpost h3 { font-size: 1.08rem; line-height: 1.45; margin: 0; }
.skin-financecover .fch-colpost p { margin: 0; font-size: .86rem; line-height: 1.65; color: var(--fch-muted); }

/* ── 용어 노트 ─────────────────────────────────────────────── */
.skin-financecover .fch-terms { margin-bottom: 56px; }
.skin-financecover .fch-terms-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; border-top: 1px solid var(--fch-ink); }
.skin-financecover .fch-term { padding: 20px 22px 22px; border-bottom: 1px solid var(--fch-rule); border-right: 1px solid var(--fch-rule); background: linear-gradient(var(--fch-mist), var(--fch-mist)) left top / 100% 0 no-repeat; }
.skin-financecover .fch-term:nth-child(3n) { border-right: 0; }
.skin-financecover .fch-term dt { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
.skin-financecover .fch-term-no { font-family: var(--fch-serif); color: var(--fch-gold); font-weight: 900; font-size: .9rem; }
.skin-financecover .fch-term-word { font-family: var(--fch-serif); font-weight: 900; font-size: 1.25rem; color: var(--fch-navy-ink); }
.skin-financecover .fch-term-tag { margin-left: auto; font-size: .7rem; font-weight: 700; color: var(--fch-navy); border: 1px solid var(--fch-navy); padding: 1px 7px; letter-spacing: .06em; }
.skin-financecover .fch-term dd { margin: 0; font-size: .88rem; line-height: 1.75; color: var(--fch-text); }
.skin-financecover .fch-terms-compact { margin-top: 56px; }

/* ── 지면 목록(표 형식) ───────────────────────────────────── */
.skin-financecover .fch-archive { margin-bottom: 24px; }
.skin-financecover .fch-rows { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 48px; column-rule: 1px solid var(--fch-rule); }
.skin-financecover .fch-row { break-inside: avoid; border-bottom: 1px solid var(--fch-hair); }
.skin-financecover .fch-row a { display: grid; grid-template-columns: 88px 56px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 12px 0; min-height: 44px; box-sizing: border-box; }
.skin-financecover .fch-row-date { font-size: .78rem; color: var(--fch-muted); font-variant-numeric: tabular-nums; }
.skin-financecover .fch-row-cat { font-size: .74rem; font-weight: 800; color: var(--fch-gold); }
.skin-financecover .fch-row-title { font-family: var(--fch-serif); font-weight: 700; font-size: .98rem; line-height: 1.45; color: var(--fch-ink); }
.skin-financecover .fch-row a:hover .fch-row-title { color: var(--fch-navy); text-decoration: underline; text-decoration-color: var(--fch-gold); text-underline-offset: 4px; }

/* 페이지 번호 — 공용 인라인 색(보라)을 남색으로 덮는다 */
.skin-financecover .pagination { border-radius: 0 !important; box-shadow: none !important; border: 0 !important; border-top: 1px solid var(--fch-ink) !important; border-bottom: 1px solid var(--fch-ink) !important; }
.skin-financecover .pagination .page-link { border-radius: 0 !important; color: var(--fch-ink) !important; font-family: var(--fch-serif); }
.skin-financecover .pagination .page-link.active { background: var(--fch-navy) !important; color: #fff !important; box-shadow: none !important; }

/* ── 빈 상태(첫 글 전) ─────────────────────────────────────── */
.skin-financecover .fch-empty-front { position: relative; text-align: center; padding: 64px 20px 60px; margin: 26px 0 48px; overflow: hidden; border-bottom: 1px solid var(--fch-rule); }
.skin-financecover .fch-empty-seal { width: 150px; height: 150px; margin: 0 auto 20px; background: url(/assets/skins/financecover/rosette.svg) center / contain no-repeat; }
.skin-financecover .fch-empty-title { font-size: 2.4rem; font-weight: 900; margin: 10px 0 14px; letter-spacing: -0.04em; word-break: keep-all; }
.skin-financecover .fch-empty-text { max-width: 560px; margin: 0 auto 24px; color: var(--fch-muted); line-height: 1.8; word-break: keep-all; }
.skin-financecover .fch-btn { display: inline-flex; align-items: center; min-height: 46px; padding: 0 26px; background: var(--fch-navy); color: #fff; font-weight: 700; letter-spacing: .04em; border-bottom: 3px solid var(--fch-gold); }
.skin-financecover .fch-btn:hover { background: var(--fch-navy-ink); }
.skin-financecover .fch-empty-cat { padding: 48px 20px; }
.skin-financecover .fch-empty-cat .fch-empty-title { font-size: 1.7rem; }

/* ── 판권 + 푸터 ───────────────────────────────────────────── */
.skin-financecover .fch-colophon {
    position: relative; margin-top: 64px; background: var(--fch-navy-ink); color: rgba(255,255,255,.78); padding: 48px 0 36px;
    box-shadow: 0 0 0 100vmax var(--fch-navy-ink); clip-path: inset(0 -100vmax);
}
.skin-financecover .fch-colophon::before { content: ''; position: absolute; left: calc(50% - 50vw); width: 100vw; top: 0; height: 10px; background: url(/assets/skins/financecover/wave.svg) repeat-x center / auto 10px; opacity: .7; }
.skin-financecover .fch-colo-inner { display: grid; grid-template-columns: 1.3fr 1fr 1.5fr; gap: 40px; }
.skin-financecover .fch-colo-name { display: block; font-family: var(--fch-serif); font-weight: 900; font-size: 1.7rem; color: #fff; letter-spacing: -0.03em; margin-bottom: 10px; }
.skin-financecover .fch-colo-brand p { margin: 0; font-size: .88rem; line-height: 1.7; }
.skin-financecover .fch-colo-col h3 { color: var(--fch-gold); font-size: .85rem; letter-spacing: .14em; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid rgba(201,162,39,.4); }
.skin-financecover .fch-colo-col ul { list-style: none; margin: 0; padding: 0; }
.skin-financecover .fch-colo-col:not(.fch-colo-policy) ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.skin-financecover .fch-colo-col li { font-size: .88rem; line-height: 1.6; }
.skin-financecover .fch-colo-col li a, .skin-financecover .fch-colo-col li span { display: inline-flex; align-items: center; min-height: 34px; }
.skin-financecover .fch-colo-col li a:hover { color: var(--fch-gold); }
.skin-financecover .fch-colo-policy li { position: relative; padding-left: 14px; margin-bottom: 8px; }
.skin-financecover .fch-colo-policy li::before { content: ''; position: absolute; left: 0; top: .7em; width: 5px; height: 5px; background: var(--fch-gold); }
.skin-financecover footer { margin-top: 0; background: var(--fch-navy-ink); color: rgba(255,255,255,.55); border-top: 1px solid rgba(255,255,255,.12); padding: 20px 0 26px; font-size: .78rem; line-height: 1.7; }
.skin-financecover footer p { margin: 0; }

/* ── 글 화면 ─────────────────────────────────────────────── */
.skin-financecover .fch-article-head { max-width: 860px; margin: 0 auto; padding: 34px 0 26px; text-align: center; }
.skin-financecover .fch-crumb { display: flex; justify-content: center; gap: 8px; font-size: .8rem; color: var(--fch-muted); margin-bottom: 16px; }
.skin-financecover .fch-crumb a:last-child { color: var(--fch-gold); font-weight: 800; }
.skin-financecover .fch-article-title { font-size: 2.6rem; line-height: 1.28; font-weight: 900; margin: 0 0 16px; letter-spacing: -0.04em; word-break: keep-all; }
.skin-financecover .fch-article-deck { font-family: var(--fch-serif); font-size: 1.08rem; line-height: 1.75; color: var(--fch-muted); margin: 0 auto 22px; max-width: 720px; word-break: keep-all; }
.skin-financecover .fch-byline { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 6px 0; border-top: 1px solid var(--fch-ink); border-bottom: 1px solid var(--fch-ink); padding: 10px 0; font-size: .82rem; color: var(--fch-muted); }
.skin-financecover .fch-byline > * { padding: 0 16px; border-left: 1px solid var(--fch-rule); }
.skin-financecover .fch-byline > *:first-child { border-left: 0; }
.skin-financecover .fch-byline-cat { display: inline-flex; align-items: center; gap: 6px; color: var(--fch-navy); font-weight: 800; }
.skin-financecover .fch-byline-cat .fch-icon { width: 18px; height: 18px; color: var(--fch-gold); }
.skin-financecover .fch-fig-article { aspect-ratio: 21 / 8; margin: 0 0 40px; }
.skin-financecover .fch-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; align-items: start; }
.skin-financecover .fch-article { min-width: 0; }
.skin-financecover .fch-body { font-size: 1.06rem; line-height: 1.9; color: var(--fch-text); }
.skin-financecover .fch-body > p:first-of-type::first-letter { font-family: var(--fch-serif); font-weight: 900; font-size: 3.2em; float: left; line-height: .9; margin: 8px 10px 0 0; color: var(--fch-navy); }
.skin-financecover .fch-body h2 { font-size: 1.5rem; line-height: 1.4; margin: 2.4em 0 .9em; padding-top: 12px; border-top: 3px double var(--fch-ink); }
.skin-financecover .fch-body h3 { font-size: 1.2rem; margin: 1.9em 0 .6em; color: var(--fch-navy); }
.skin-financecover .fch-body h3::before { content: ''; display: inline-block; width: 8px; height: 8px; background: var(--fch-gold); margin-right: 10px; vertical-align: 3px; }
.skin-financecover .fch-body p { margin: 0 0 1.25em; }
.skin-financecover .fch-body > :first-child { margin-top: 0; }
.skin-financecover .fch-article-title { margin-bottom: 22px !important; }
.skin-financecover .fch-body ul, .skin-financecover .fch-body ol { padding-left: 1.4em; margin: 0 0 1.25em; }
.skin-financecover .fch-body li { margin-bottom: .45em; }
.skin-financecover .fch-body li::marker { color: var(--fch-gold); }
.skin-financecover .fch-body img { max-width: 100%; height: auto; display: block; margin: 1.6em auto; }
.skin-financecover .fch-body blockquote { margin: 1.8em 0; padding: 18px 24px; background: var(--fch-mist); border-left: 4px solid var(--fch-navy); font-family: var(--fch-serif); font-size: 1.05rem; }
.skin-financecover .fch-body table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: .93rem; border-top: 2px solid var(--fch-ink); border-bottom: 2px solid var(--fch-ink); }
.skin-financecover .fch-body th { background: var(--fch-mist); color: var(--fch-ink); text-align: left; font-weight: 800; border-bottom: 1px solid var(--fch-ink); }
.skin-financecover .fch-body th, .skin-financecover .fch-body td { padding: 10px 12px; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid var(--fch-hair); vertical-align: top; }
.skin-financecover .fch-body a { color: var(--fch-navy); text-decoration: underline; text-decoration-color: var(--fch-gold); text-underline-offset: 3px; }
.skin-financecover .fch-notice { margin: 44px 0 0; padding: 16px 18px; background: var(--fch-mist); color: var(--fch-muted); font-size: .85rem; line-height: 1.7; border-top: 2px solid var(--fch-navy); }
.skin-financecover .fch-notice strong { color: var(--fch-navy); margin-right: 10px; }

.skin-financecover .fch-article-side { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 28px; }
.skin-financecover .fch-side-field { position: relative; background: var(--fch-navy-deep); color: rgba(255,255,255,.75); padding: 22px 22px 20px; overflow: hidden; }
.skin-financecover .fch-side-field::after { content: ''; position: absolute; right: -50px; bottom: -50px; width: 160px; height: 160px; background: url(/assets/skins/financecover/rosette.svg) center / contain no-repeat; opacity: .4; }
.skin-financecover .fch-side-icon { width: 30px; height: 30px; color: var(--fch-gold); display: block; margin-bottom: 12px; }
.skin-financecover .fch-side-label { display: block; font-size: .72rem; letter-spacing: .14em; color: var(--fch-gold); font-weight: 800; }
.skin-financecover .fch-side-name { display: inline-block; font-family: var(--fch-serif); font-weight: 900; font-size: 1.5rem; color: #fff; margin: 4px 0 8px; }
.skin-financecover .fch-side-field p { position: relative; margin: 0; font-size: .85rem; line-height: 1.65; z-index: 1; }

/* ── 분류 화면 ─────────────────────────────────────────────── */
.skin-financecover .fch-cat-head { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 34px 0 28px; border-bottom: 4px double var(--fch-ink); margin-bottom: 32px; }
.skin-financecover .fch-cat-icon { width: 64px; height: 64px; color: var(--fch-gold); padding: 14px; background: var(--fch-navy-deep); box-sizing: border-box; }
.skin-financecover .fch-cat-title { font-size: 2.8rem; font-weight: 900; margin: 4px 0 6px; letter-spacing: -0.04em; line-height: 1.15; }
.skin-financecover .fch-cat-sub { color: var(--fch-muted); margin: 0; line-height: 1.6; }
.skin-financecover .fch-cat-count { font-size: .85rem; color: var(--fch-muted); text-align: right; border-left: 1px solid var(--fch-rule); padding-left: 24px; }
.skin-financecover .fch-cat-count strong { display: block; font-family: var(--fch-serif); font-size: 2.2rem; color: var(--fch-navy); line-height: 1.1; }
.skin-financecover .fch-cat-lead { margin-bottom: 48px; }
.skin-financecover .fch-cat-lead a { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; align-items: center; }
.skin-financecover .fch-fig-catlead { aspect-ratio: 16 / 10; }
.skin-financecover .fch-cat-lead-body { display: flex; flex-direction: column; gap: 14px; }
.skin-financecover .fch-cat-lead h2 { font-size: 2rem; line-height: 1.3; margin: 0; font-weight: 900; letter-spacing: -0.03em; word-break: keep-all; }
.skin-financecover .fch-cat-lead p { margin: 0; color: var(--fch-text); line-height: 1.8; }
.skin-financecover .fch-cat-lead a:hover h2 { color: var(--fch-navy); }
.skin-financecover .fch-list { list-style: none; margin: 0; padding: 0; }
.skin-financecover .fch-list-item { border-bottom: 1px solid var(--fch-rule); }
.skin-financecover .fch-list-item a { display: grid; grid-template-columns: 84px minmax(0, 1fr) 150px; gap: 26px; align-items: center; padding: 22px 0; }
.skin-financecover .fch-list-item a:hover h3 { color: var(--fch-navy); }
.skin-financecover .fch-list-date { text-align: center; border-right: 1px solid var(--fch-rule); padding-right: 18px; }
.skin-financecover .fch-list-day { display: block; font-family: var(--fch-serif); font-size: 2.1rem; font-weight: 900; color: var(--fch-navy); line-height: 1; }
.skin-financecover .fch-list-month { display: block; color: var(--fch-gold); font-size: .76rem; margin-top: 6px; font-weight: 700; letter-spacing: .06em; }
.skin-financecover .fch-list-body h3 { font-size: 1.2rem; line-height: 1.45; margin: 0 0 8px; }
.skin-financecover .fch-list-body p { color: var(--fch-muted); font-size: .9rem; line-height: 1.65; margin: 0; }
.skin-financecover .fch-fig-list { aspect-ratio: 4 / 3; }

/* ── 반응형 ─────────────────────────────────────────────── */
@media (max-width: 1100px) {
    .skin-financecover .fch-front { grid-template-columns: minmax(0, 1fr) 280px; }
    .skin-financecover .fch-front-left { grid-column: 1 / -1; grid-row: 2; padding: 0; border: 0; border-top: 2px solid var(--fch-ink); margin-top: 30px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 24px; }
    .skin-financecover .fch-front-left .fch-col-label { grid-column: 1 / -1; border: 0; padding: 12px 0 0; }
    .skin-financecover .fch-brief { border-bottom: 0; }
    .skin-financecover .fch-lead { padding-left: 0; }
    .skin-financecover .fch-index-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .skin-financecover .fch-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
    .skin-financecover .fch-colpost:nth-child(odd) { padding-left: 0; border-left: 0; }
    .skin-financecover .fch-colpost:nth-child(even) { padding-right: 0; }
    .skin-financecover .fch-article-layout { grid-template-columns: 1fr; gap: 40px; }
    .skin-financecover .fch-article-side { position: static; }
}
@media (max-width: 768px) {
    .skin-financecover .main-header { position: sticky; top: 0; border-top-width: 4px; }
    .skin-financecover .main-header::before { height: 6px; background-size: auto 6px; }
    .skin-financecover .main-header .containerHeader { padding-top: 10px; padding-bottom: 10px; border-bottom: 3px double var(--fch-ink); flex-wrap: wrap; }
    .skin-financecover .main-header .containerHeader::before { display: none; }
    .skin-financecover .main-header .brand-logo,
    .skin-financecover .main-header .brand-logo a { font-size: 1.55rem; margin: 0; letter-spacing: -0.04em; }

    .skin-financecover .fch-dateline { grid-template-columns: 1fr auto; padding: 8px 0; font-size: .74rem; }
    .skin-financecover .fch-dl-right { display: none; }
    .skin-financecover .fch-dl-mid { text-align: right; }

    .skin-financecover .fch-front { display: flex; flex-direction: column; margin: 18px 0 36px; }
    .skin-financecover .fch-lead { order: 1; padding: 0; }
    .skin-financecover .fch-front-left { order: 2; display: block; margin-top: 28px; }
    .skin-financecover .fch-front-left .fch-col-label { border-bottom: 2px solid var(--fch-ink); padding-bottom: 8px; }
    .skin-financecover .fch-brief { border-bottom: 1px solid var(--fch-hair); }
    .skin-financecover .fch-front-right { order: 3; padding: 0; border: 0; margin-top: 28px; }
    .skin-financecover .fch-lead-title { font-size: 1.85rem; line-height: 1.3; }
    .skin-financecover .fch-lead a { gap: 12px; }
    .skin-financecover .fch-lead-deck { font-size: .97rem; line-height: 1.75; }

    .skin-financecover .fch-sh-title { font-size: 1.35rem; }
    .skin-financecover .fch-sh-sub { font-size: .84rem; }
    .skin-financecover .fch-index { padding: 32px 0 34px; margin-bottom: 44px; }
    .skin-financecover .fch-index::before { width: 240px; height: 240px; right: -20px; top: -60px; }
    .skin-financecover .fch-index-grid { grid-template-columns: 1fr; border-left: 0; }
    .skin-financecover .fch-ix { border-right: 0; }
    .skin-financecover .fch-ix > a, .skin-financecover .fch-ix > div {
        grid-template-columns: 30px minmax(0, 1fr) auto; grid-template-areas: 'icon name no' 'icon desc desc' 'icon latest latest';
        gap: 4px 14px; padding: 16px 0;
    }
    .skin-financecover .fch-ix-icon { width: 28px; height: 28px; }
    .skin-financecover .fch-ix-name { font-size: 1.15rem; }
    .skin-financecover .fch-ix:not(.fch-ix-terms) .fch-ix-desc { display: none; }
    .skin-financecover .fch-ix-latest { margin-top: 4px; padding-top: 8px; }

    .skin-financecover .fch-columns { grid-template-columns: 1fr; row-gap: 0; }
    .skin-financecover .fch-colpost, .skin-financecover .fch-colpost:nth-child(odd), .skin-financecover .fch-colpost:nth-child(even) { padding: 18px 0; border-left: 0; border-bottom: 1px solid var(--fch-hair); }
    .skin-financecover .fch-colpost:first-child { padding-top: 0; }
    .skin-financecover .fch-colpost a { display: grid; grid-template-columns: 112px minmax(0, 1fr); grid-template-rows: auto auto auto; column-gap: 14px; row-gap: 4px; }
    .skin-financecover .fch-fig-col { grid-row: 1 / span 3; aspect-ratio: 1 / 1; margin: 0; }
    .skin-financecover .fch-colpost p { display: none; }
    .skin-financecover .fch-colpost h3 { font-size: 1rem; }

    .skin-financecover .fch-terms-grid { grid-template-columns: 1fr; }
    .skin-financecover .fch-term { border-right: 0; padding: 16px 0 18px; }

    .skin-financecover .fch-rows { columns: 1; }
    .skin-financecover .fch-row a { grid-template-columns: 78px minmax(0, 1fr); row-gap: 2px; }
    .skin-financecover .fch-row-cat { grid-column: 2; grid-row: 1; }
    .skin-financecover .fch-row-date { grid-column: 1; grid-row: 1 / span 2; }
    .skin-financecover .fch-row-title { grid-column: 2; }

    .skin-financecover .fch-empty-front { padding: 40px 4px 44px; }
    .skin-financecover .fch-empty-seal { width: 110px; height: 110px; }
    .skin-financecover .fch-empty-title { font-size: 1.65rem; }

    .skin-financecover .fch-colophon { margin-top: 48px; padding: 38px 0 28px; }
    .skin-financecover .fch-colo-inner { grid-template-columns: 1fr; gap: 28px; }

    .skin-financecover .fch-article-head { padding: 22px 0 20px; text-align: left; }
    .skin-financecover .fch-crumb { justify-content: flex-start; }
    .skin-financecover .fch-article-title { font-size: 1.7rem; line-height: 1.34; }
    .skin-financecover .fch-article-deck { font-size: .98rem; margin-bottom: 18px; }
    .skin-financecover .fch-byline { justify-content: flex-start; }
    .skin-financecover .fch-byline > * { padding: 0 12px; }
    .skin-financecover .fch-byline > *:first-child { padding-left: 0; }
    .skin-financecover .fch-fig-article { aspect-ratio: 16 / 9; margin: 0 -20px 28px; }
    .skin-financecover .fch-body { font-size: 1rem; line-height: 1.85; }
    .skin-financecover .fch-body h2 { font-size: 1.3rem; }
    .skin-financecover .fch-body table { display: block; overflow-x: auto; }

    .skin-financecover .fch-cat-head { grid-template-columns: 52px minmax(0, 1fr); gap: 16px; padding: 24px 0 20px; margin-bottom: 24px; }
    .skin-financecover .fch-cat-icon { width: 52px; height: 52px; padding: 11px; }
    .skin-financecover .fch-cat-title { font-size: 1.9rem; }
    .skin-financecover .fch-cat-sub { font-size: .9rem; }
    .skin-financecover .fch-cat-count { grid-column: 1 / -1; text-align: left; border-left: 0; padding-left: 0; display: flex; align-items: baseline; gap: 6px; }
    .skin-financecover .fch-cat-count strong { display: inline; font-size: 1.4rem; }
    .skin-financecover .fch-cat-lead a { grid-template-columns: 1fr; gap: 16px; }
    .skin-financecover .fch-cat-lead h2 { font-size: 1.45rem; }
    .skin-financecover .fch-list-item a { grid-template-columns: 58px minmax(0, 1fr); gap: 14px; padding: 16px 0; }
    .skin-financecover .fch-fig-list { display: none; }
    .skin-financecover .fch-list-day { font-size: 1.55rem; }
    .skin-financecover .fch-list-date { padding-right: 12px; }
    .skin-financecover .fch-list-body h3 { font-size: 1.04rem; }
    .skin-financecover .fch-list-body p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
}