@charset "UTF-8"; /* Inter는 각 페이지 의 로 직접 로드한다. @import는 site-theme.css를 받은 뒤에야 폰트 요청이 시작되는 직렬 렌더 차단이라 제거했다. (2026-08-04) */ /* * Futurvana — site-wide motorsport editorial theme * Visual-only layer. Existing page structure, dimensions, and content stay intact. */ :root { color-scheme: dark; --fv-bg: #000000 !important; --fv-bg-app: #000000 !important; --fv-canvas: #000000 !important; --fv-paper: #000000 !important; --fv-chrome: #000000 !important; --fv-ink: #ffffff !important; --fv-ink-2: #e6e6e6 !important; --fv-ink-3: #bbbbbb !important; --fv-mute: #bbbbbb !important; --fv-mute-2: #7e7e7e !important; --fv-mute-3: #7e7e7e !important; --fv-mute-4: #7e7e7e !important; --fv-line: #3c3c3c !important; --fv-line-2: #262626 !important; --fv-line-3: #262626 !important; --fv-line-4: #262626 !important; --fv-line-hard: #3c3c3c !important; --fv-line-rule: #3c3c3c !important; --fv-line-dbl: #3c3c3c !important; --fv-word: #ffffff !important; --fv-word-d: #1c69d4 !important; --fv-word-l: #262626 !important; --fv-word-bg: #1a1a1a !important; --fv-word-th: #1a1a1a !important; --fv-excel: #ffffff !important; --fv-excel-d: #e6e6e6 !important; --fv-excel-hd: #1a1a1a !important; --fv-ppt: #ffffff !important; --fv-ppt-d: #e6e6e6 !important; --fv-ppt-hd: #1a1a1a !important; --fv-th: #1a1a1a !important; --fv-up: #0fa336 !important; --fv-down: #e22718 !important; --fv-mark: #262626 !important; --fv-editorial: #e6e6e6 !important; --fv-editorial-dark: #1c69d4 !important; --fv-warm: #0d0d0d !important; --fv-soft: #1a1a1a !important; --fv-rule: #3c3c3c !important; } html, body { background: #000000 !important; color: #ffffff !important; } body { font-family: Inter, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-weight: 300 !important; letter-spacing: 0 !important; } ::selection { background: #1c69d4 !important; color: #ffffff !important; } a { color: #ffffff !important; text-underline-offset: 0.18em; } a:hover { color: #1c69d4 !important; } a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(28, 105, 212, 0.56) !important; outline-offset: 3px !important; } h1, h2, h3, h4, h5, h6 { color: #ffffff !important; font-weight: 700 !important; letter-spacing: -0.5px !important; } p, li, dd { font-weight: 300; } strong, b { font-weight: 700; } /* Shared navigation */ .fv-topbar { background: rgba(0, 0, 0, 0.96) !important; color: #bbbbbb !important; border-bottom: 1px solid #3c3c3c !important; box-shadow: none !important; backdrop-filter: blur(16px); } .fv-topbar .fv-brand { display: inline-flex !important; align-items: center; color: #ffffff !important; font-weight: 700 !important; letter-spacing: 1.5px !important; } .fv-topbar .fv-nav a { color: #bbbbbb !important; font-weight: 400 !important; letter-spacing: 0.5px !important; background: transparent !important; } .fv-topbar .fv-nav a:hover, .fv-topbar .fv-nav a[aria-current="page"] { color: #ffffff !important; font-weight: 400 !important; background: transparent !important; box-shadow: inset 0 -2px 0 #ffffff !important; } .fv-right { color: #7e7e7e !important; } /* Archive and list pages */ .fv-grid, .fv-sheet, .fv-card { background: #000000 !important; } .fv-card { border-color: #3c3c3c !important; box-shadow: none !important; } .fv-card > .fv-card-head, .fv-card.t-excel > .fv-card-head, .fv-card.t-word > .fv-card-head, .fv-card.t-ppt > .fv-card-head { background: transparent !important; border-bottom-color: #3c3c3c !important; } .fv-card-head h2, .fv-table .title { color: #ffffff !important; font-weight: 700 !important; } .fv-card-head .sub, .fv-table .dim { color: #7e7e7e !important; } .fv-table th { background: #0d0d0d !important; color: #bbbbbb !important; font-weight: 400 !important; border-bottom-color: #3c3c3c !important; } .fv-table td { color: #bbbbbb !important; border-bottom-color: #262626 !important; } .fv-table .fv-month-divider { background: #0d0d0d !important; } .fv-table .fv-month-divider td { color: #bbbbbb !important; border-bottom: 1px solid #3c3c3c !important; } .fv-table .title, .fv-table .title a { color: #ffffff !important; } .fv-row:hover, .fv-row:focus-visible { background: #1a1a1a !important; } .fv-kind, .fv-tag { color: #bbbbbb !important; background: #0d0d0d !important; border: 1px solid #3c3c3c !important; border-radius: 0 !important; } .fv-kind, .fv-card-head, .fv-ad-label, .fv-paper .eyebrow, .fv-slide .kicker { text-transform: uppercase; letter-spacing: 1.5px !important; } .fv-tool, .fv-chip, .fv-btn { color: #ffffff !important; background: #000000 !important; border: 1px solid #ffffff !important; border-radius: 0 !important; box-shadow: none !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase; } .fv-tool:hover, .fv-chip:hover, .fv-btn:hover { color: #000000 !important; background: #ffffff !important; border-color: #ffffff !important; text-decoration: none !important; } .fv-ad, .fv-ad-label, .fv-ad-body { background: #000000 !important; border-color: #262626 !important; color: #7e7e7e !important; } /* Long-form article and document pages */ .fv-doc-shell, .fv-canvas, .fv-paper { background: #000000 !important; } .fv-paper { color: #ffffff !important; border-color: #3c3c3c !important; box-shadow: none !important; } .fv-paper .eyebrow { color: #e6e6e6 !important; font-size: 12px !important; font-weight: 700 !important; border-color: #262626 !important; } .fv-paper h1 { color: #ffffff !important; font-weight: 700 !important; line-height: 1.12 !important; letter-spacing: -0.5px !important; } .fv-paper h2 { color: #ffffff !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; } .fv-paper p, .fv-paper li { color: #bbbbbb !important; font-weight: 300 !important; } .fv-paper strong { color: #e6e6e6 !important; } .fv-meta, .fv-note, .fv-pagefoot { color: #7e7e7e !important; border-color: #262626 !important; } .fv-callout, .fv-rebut { color: #bbbbbb !important; background: #1a1a1a !important; border: 1px solid #3c3c3c !important; border-radius: 0 !important; box-shadow: none !important; } .fv-callout.lead { border-top: 4px solid #1c69d4 !important; border-left: 1px solid #3c3c3c !important; } .fv-callout .h, .fv-rebut .h { color: #e6e6e6 !important; font-weight: 700 !important; letter-spacing: 1px; } .fv-callout p, .fv-rebut p, .fv-callout li, .fv-rebut li { color: #bbbbbb !important; } .fv-dtable { color: #bbbbbb !important; background: #000000 !important; border-color: #3c3c3c !important; border-top-color: #ffffff !important; } .fv-dtable th { color: #bbbbbb !important; background: #0d0d0d !important; border-color: #3c3c3c !important; font-weight: 400 !important; } .fv-dtable td { color: #bbbbbb !important; background: transparent !important; border-color: #262626 !important; } mark { color: #ffffff !important; background: #262626 !important; } sup.fn { color: #1c69d4 !important; } .fv-article-brand { border-color: #3c3c3c !important; } .fv-article-brand strong { color: #ffffff !important; font-weight: 700 !important; } .fv-article-brand span { color: #7e7e7e !important; } .fv-related { border-color: #3c3c3c !important; } .fv-related-head > a, .fv-related-meta, .fv-related-summary { color: #7e7e7e !important; } .fv-related-card { color: #ffffff !important; border-color: #3c3c3c !important; } .fv-related-card strong { color: #ffffff !important; font-weight: 700 !important; letter-spacing: -0.5px !important; } .fv-related-card:hover strong { color: #1c69d4 !important; } .fv-story-nav { background: rgba(0, 0, 0, 0.96) !important; border-color: #3c3c3c !important; box-shadow: none !important; } .fv-story-nav a { color: #ffffff !important; } .fv-story-nav a + a { border-color: #262626 !important; } .fv-story-nav span { color: #7e7e7e !important; } /* Current weekly deck */ .fv-slide { color: #ffffff !important; background: #0d0d0d !important; border: 1px solid #3c3c3c !important; box-shadow: none !important; } .fv-slide h2 { color: #ffffff !important; font-weight: 700 !important; letter-spacing: -0.5px !important; } .fv-slide .kicker { color: #e6e6e6 !important; font-weight: 700 !important; } .fv-slide p, .fv-slide td { color: #bbbbbb !important; } .fv-slide [style*="border:1px"], .fv-slide [style*="border: 1px"] { background: #1a1a1a !important; border-color: #3c3c3c !important; border-radius: 0 !important; box-shadow: none !important; } /* Historic weekly reports */ .header { background: #000000 !important; color: #ffffff !important; border-bottom: 1px solid #3c3c3c !important; box-shadow: none !important; } .header::before { content: none !important; display: none !important; } .header h1, .metric-value, .liq-value, .issue-title, .call-claim, .scenario-title, .scenario-prob { color: #ffffff !important; } .vol-badge, .subtitle, .date-line, .section-title, .dash-group-label, .liq-section-label, .metric-label, .liq-label, .liq-sub, .step-label, .issue-number, .call-no, .scenario-label, .calendar-date { color: #bbbbbb !important; } .vol-badge { background: transparent !important; border: 0 !important; border-radius: 0 !important; letter-spacing: 1.5px !important; } .container { color: #ffffff !important; background: #000000 !important; } .section-title, .dash-group-label, .liq-section-label { border-color: #3c3c3c !important; } .card, .metric-card, .liq-card, .liq-verdict, .part-intro, .issue-card, .call-card, .scenario-card, .contrarian-item, .advice-item, .compare-box { color: #bbbbbb !important; background: #1a1a1a !important; border: 1px solid #3c3c3c !important; border-radius: 0 !important; box-shadow: none !important; } .metric-change, .liq-note, .liq-summary, .step-content, .call-basis, .scenario-desc, .contrarian-desc, .advice-content, .compare-box, .threshold-table td, .score-table td, .calendar-event { color: #bbbbbb !important; } .threshold-table th, .score-table th { color: #7e7e7e !important; border-color: #3c3c3c !important; } .threshold-table td, .score-table td, .calendar-item { border-color: #262626 !important; } .highlight, .term { color: #e6e6e6 !important; } .up, .sig-ok { color: #0fa336 !important; } .down, .danger, .sig-bad, .call-falsify { color: #e22718 !important; } .neutral, .warning, .sig-warn { color: #f4b400 !important; } .footer, .fv-footer { color: #7e7e7e !important; background: #000000 !important; border-color: #3c3c3c !important; } .fv-footer strong { color: #ffffff !important; } .fv-footer a { color: #bbbbbb !important; } /* Weekly reports: article-grade reading rhythm and responsive tables */ body.fv-weekly-report { min-width: 0; overflow-x: hidden; background: #000000 !important; color: #ffffff; font-family: Pretendard, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } .fv-weekly-report .header { padding: 54px 24px 42px !important; } .fv-weekly-report .header-content { width: min(100%, 780px); margin: 0 auto; } .fv-weekly-report .header h1 { max-width: 720px; margin-bottom: 16px !important; font-size: clamp(32px, 5vw, 48px) !important; line-height: 1.22 !important; letter-spacing: -0.045em !important; text-wrap: balance; } .fv-weekly-report .subtitle { max-width: 720px; margin-bottom: 14px !important; color: #b8b8b8 !important; font-size: 15px !important; font-weight: 300; letter-spacing: -0.01em; line-height: 1.62 !important; } .fv-weekly-report .date-line { color: #727272 !important; font-size: 12px !important; line-height: 1.6; } .fv-weekly-report .container { width: min(100%, 780px) !important; max-width: 780px !important; margin: 0 auto !important; padding: 52px 20px 72px !important; } .fv-weekly-report .section { min-width: 0; margin: 0 0 72px !important; padding-top: 48px; border-top: 1px solid #3c3c3c; } .fv-weekly-report .container > .section:first-child { padding-top: 0; border-top: 0; } .fv-weekly-report .section-title { margin: 0 0 24px !important; padding: 0 0 14px !important; color: #ffffff !important; border-bottom: 1px solid #3c3c3c !important; font-size: clamp(21px, 3vw, 26px) !important; font-weight: 700 !important; letter-spacing: -0.035em !important; line-height: 1.35 !important; text-transform: none !important; text-wrap: balance; } .fv-weekly-report .part-intro { margin: 0 0 22px !important; padding: 18px 20px !important; color: #c2c2c2 !important; border: 1px solid #323232 !important; border-left: 3px solid #1c69d4 !important; font-size: 15.5px !important; font-weight: 300; letter-spacing: -0.01em; line-height: 1.62 !important; } .fv-weekly-report .issue-card, .fv-weekly-report .call-card, .fv-weekly-report .card, .fv-weekly-report .scenario-card, .fv-weekly-report .contrarian-item, .fv-weekly-report .advice-item { margin-bottom: 18px !important; padding: 22px !important; } .fv-weekly-report .issue-title, .fv-weekly-report .call-claim { color: #ffffff !important; font-size: clamp(19px, 2.6vw, 23px) !important; font-weight: 700 !important; letter-spacing: -0.035em !important; line-height: 1.4 !important; text-wrap: balance; } .fv-weekly-report .issue-title { margin-bottom: 20px !important; } .fv-weekly-report .call-claim { margin: 7px 0 13px !important; } .fv-weekly-report .step-label, .fv-weekly-report .call-no { color: #8b8b8b !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; line-height: 1.5 !important; } .fv-weekly-report .step-content, .fv-weekly-report .call-basis, .fv-weekly-report .call-falsify, .fv-weekly-report .scenario-desc, .fv-weekly-report .contrarian-desc, .fv-weekly-report .advice-content, .fv-weekly-report .compare-box, .fv-weekly-report .liq-summary { color: #c2c2c2 !important; font-size: 15px !important; font-weight: 300 !important; letter-spacing: -0.01em; line-height: 1.62 !important; } .fv-weekly-report .call-falsify { margin-top: 16px !important; padding: 13px 15px !important; background: #0d0d0d !important; border: 1px solid #353535 !important; border-left: 3px solid #e22718 !important; } .fv-weekly-report .term-note { display: inline !important; color: #929292 !important; font-size: 0.9em !important; font-style: normal !important; line-height: inherit !important; } .fv-report-table-scroll { width: 100%; max-width: 100%; margin: 0 0 16px; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; scrollbar-color: #4a4a4a #111111; } .fv-report-table-scroll > table { width: 100%; min-width: 680px; margin-bottom: 0 !important; } .fv-weekly-report .fv-slide { width: min(100%, 780px) !important; max-width: 780px !important; min-height: 0 !important; aspect-ratio: auto !important; padding: 34px 38px 48px !important; } .fv-weekly-report .fv-slide h2 { font-size: clamp(23px, 3vw, 28px) !important; line-height: 1.35 !important; text-wrap: balance; } .fv-weekly-report .fv-slide p, .fv-weekly-report .fv-slide td { font-weight: 300; line-height: 1.58 !important; } .fv-weekly-glossary { width: min(100%, 780px); margin: 64px auto 24px !important; padding: 0 !important; overflow: hidden; background: #080808 !important; border: 1px solid #3c3c3c !important; border-top: 3px solid #1c69d4 !important; } .fv-weekly-report .container > .fv-weekly-glossary { width: 100%; } .fv-weekly-glossary-head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 22px 24px 18px; border-bottom: 1px solid #2c2c2c; } .fv-weekly-glossary-head h2 { margin: 0 !important; color: #ffffff !important; font-size: 21px !important; font-weight: 700 !important; letter-spacing: -0.035em !important; line-height: 1.35 !important; } .fv-weekly-related { width: min(100%, 780px); margin: 64px auto 32px !important; padding-top: 38px; border-top: 1px solid #3c3c3c; } .fv-weekly-related header { margin-bottom: 20px; } .fv-weekly-related h2 { margin: 7px 0 0 !important; color: #ffffff !important; font-size: clamp(21px, 3vw, 25px) !important; font-weight: 700 !important; letter-spacing: -0.035em !important; line-height: 1.35 !important; } .fv-weekly-related-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .fv-weekly-related-card { display: flex; min-width: 0; min-height: 132px; flex-direction: column; padding: 18px 19px; color: #ffffff !important; background: #0d0d0d; border: 1px solid #3c3c3c; text-decoration: none !important; } .fv-weekly-related-card:hover { background: #151515; border-color: #6a6a6a; } .fv-weekly-related-card span { color: #7e7e7e; font-size: 10px; font-weight: 700; letter-spacing: 0.08em; } .fv-weekly-related-card strong { margin-top: 12px; font-size: 17px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.45; } /* Former fortune-service surfaces */ #fv-root { --vio: #1c69d4 !important; --lil: #e6e6e6 !important; --star: #ffffff !important; --blue: #0066b1 !important; --txt: #ffffff !important; --txt2: #bbbbbb !important; --line: #3c3c3c !important; --glass: #1a1a1a !important; background: #000000 !important; color: #ffffff !important; font-family: Inter, Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; } #fv-stars, [data-cosmic-bg], [data-cosmic-haze], .fv-live, .fv-black-system, .fv-binary-system, .fv-vortex-system { display: none !important; } #fv-nav { background: #0d0d0d !important; border: 1px solid #3c3c3c !important; border-radius: 0 !important; box-shadow: none !important; backdrop-filter: none !important; } #fv-root input, #fv-root select, #fv-root textarea { color: #ffffff !important; background: #1a1a1a !important; border: 1px solid #3c3c3c !important; border-radius: 0 !important; box-shadow: none !important; } #fv-root button { color: #ffffff !important; background: #000000 !important; border: 1px solid #ffffff !important; border-radius: 0 !important; box-shadow: none !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase; } #fv-root [style*="border-radius"] { border-radius: 0 !important; } #fv-root [style*="box-shadow"] { box-shadow: none !important; } /* Responsive foundation */ *, *::before, *::after { box-sizing: border-box; } html { overflow-x: clip; } body { min-width: 0; overflow-wrap: break-word; font-variant-numeric: tabular-nums; } img, video, canvas, svg, iframe { max-width: 100%; height: auto; } input, select, textarea, button { max-width: 100%; font: inherit; } .fv-grid, .fv-sheet, .fv-card, .fv-slide, .fv-paper, .container { min-width: 0; } .fv-table { width: 100%; table-layout: fixed; } .fv-table th, .fv-table td, .fv-card, .fv-slide, .fv-related-card { overflow-wrap: anywhere; } /* Article information hierarchy */ .fv-paper { width: min(100%, 700px) !important; word-break: keep-all; overflow-wrap: break-word; } .fv-paper h1 { text-wrap: balance; } .fv-callouts { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; margin: 34px 0 48px !important; } .fv-summary-box, .fv-reading-guide { overflow: hidden; margin: 0 !important; border-radius: 0 !important; } .fv-summary-box { padding: 0 !important; background: #101010 !important; border: 1px solid #3c3c3c !important; border-top: 3px solid #1c69d4 !important; } .fv-summary-head, .fv-reading-guide-head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; } .fv-summary-head { padding: 22px 24px 17px; } .fv-section-kicker { color: #7e7e7e !important; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; line-height: 1.4; } .fv-paper .fv-summary-head h2, .fv-paper .fv-reading-guide-head h2 { margin: 0 !important; color: #ffffff !important; font-weight: 700 !important; letter-spacing: -0.035em !important; } .fv-paper .fv-summary-head h2 { font-size: 23px !important; line-height: 1.3 !important; } .fv-summary-list { margin: 0 !important; padding: 0 24px 4px !important; list-style: none; counter-reset: fv-summary; } .fv-summary-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 14px; margin: 0 !important; padding: 18px 0 !important; color: #e6e6e6 !important; border-top: 1px solid #2c2c2c; font-size: 16px !important; font-weight: 400 !important; letter-spacing: -0.015em; line-height: 1.65 !important; counter-increment: fv-summary; } .fv-summary-list li::before { content: counter(fv-summary, decimal-leading-zero); display: grid; width: 34px; height: 34px; place-items: center; color: #ffffff; background: #1c69d4; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; line-height: 1; } .fv-reading-guide { padding: 21px 24px 22px !important; background: #080808 !important; border: 1px solid #262626 !important; } .fv-paper .fv-reading-guide-head h2 { font-size: 18px !important; line-height: 1.4 !important; } .fv-reading-guide-list { display: grid; gap: 9px; margin: 17px 0 0 !important; padding: 16px 0 0 20px !important; color: #bbbbbb !important; border-top: 1px solid #262626; font-size: 15px !important; line-height: 1.65 !important; } .fv-reading-guide-list li { margin: 0 !important; padding-left: 4px; color: #bbbbbb !important; font-size: inherit !important; line-height: inherit !important; } .fv-glossary { margin: 64px 0 8px !important; padding: 0 !important; overflow: hidden; background: #080808; border: 1px solid #3c3c3c; border-top: 3px solid #1c69d4; } .fv-glossary-head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 22px 24px 18px; border-bottom: 1px solid #2c2c2c; } .fv-paper .fv-article-body .fv-glossary-head h2 { margin: 0 !important; color: #ffffff !important; font-size: 21px !important; font-weight: 700 !important; letter-spacing: -0.035em !important; line-height: 1.35 !important; } .fv-glossary-list { margin: 0 !important; padding: 3px 24px !important; list-style: none; counter-reset: fv-glossary; } .fv-glossary-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 12px; row-gap: 5px; margin: 0 !important; padding: 17px 0 18px !important; border-top: 1px solid #262626; counter-increment: fv-glossary; } .fv-glossary-list li:first-child { border-top: 0; } .fv-glossary-list li::before { content: counter(fv-glossary) "."; grid-row: 1 / span 2; color: #7e7e7e; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.55; } .fv-glossary-term { color: #ffffff; font-size: 15.5px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.5; } .fv-glossary-definition { color: #bbbbbb; font-size: 15px; font-weight: 300; letter-spacing: -0.01em; line-height: 1.58; } .fv-article-body { position: relative; margin-top: 52px; padding-top: 48px; border-top: 1px solid #3c3c3c; letter-spacing: -0.01em; } .fv-article-body-label { position: absolute; top: 0; left: 0; transform: translateY(-50%); padding-right: 14px; background: #000000; } .fv-article-body-label span { display: inline-flex; align-items: center; min-height: 26px; color: #bbbbbb; font-size: 10px; font-weight: 700; letter-spacing: 1.8px; } .fv-article-body h2 { margin: 44px 0 12px !important; font-size: clamp(23px, 3vw, 27px) !important; font-weight: 700 !important; letter-spacing: -0.04em !important; line-height: 1.38 !important; text-wrap: balance; } .fv-article-body h3 { margin: 30px 0 10px !important; color: #e6e6e6 !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -0.025em !important; line-height: 1.45 !important; } .fv-article-body > :first-child + section > h2, .fv-article-body > section:first-of-type > h2 { margin-top: 0 !important; } .fv-article-body > section:first-of-type { margin-top: 64px; } .fv-paper .fv-article-body p { margin: 0 0 1.15em !important; color: #e6e6e6 !important; font-size: 17px !important; font-weight: 400 !important; letter-spacing: -0.01em !important; line-height: 1.72 !important; } .fv-body-list { margin: -2px 0 13px !important; padding-left: 22px !important; color: #c2c2c2 !important; font-size: 16px !important; line-height: 1.6 !important; } .fv-body-list li { padding-left: 3px; } .fv-article-body figure { margin: 26px 0 !important; } /* Topic-aware follow-up reading */ .fv-related { width: min(100%, 700px); margin: 64px auto 0 !important; padding-top: 42px !important; border-top: 1px solid #3c3c3c !important; } .fv-related-head { align-items: flex-end; margin-bottom: 24px; } .fv-related-eyebrow { display: block; color: #7e7e7e; font-size: 10px; font-weight: 700; letter-spacing: 1.6px; } .fv-related-head h2 { margin: 7px 0 0; font-size: clamp(22px, 3vw, 27px); line-height: 1.35; } .fv-related-head p { margin: 8px 0 0; color: #7e7e7e; font-size: 13px; line-height: 1.6; } .fv-related-head > a { min-height: 44px; display: inline-flex; align-items: center; flex: 0 0 auto; } .fv-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; } .fv-related-card { min-height: 218px !important; padding: 20px !important; border: 1px solid #3c3c3c !important; transition: border-color 160ms ease, background 160ms ease; } .fv-related-card:hover { background: #0d0d0d; border-color: #6a6a6a !important; } .fv-related-card strong { margin-top: 12px; font-size: 18px; line-height: 1.45; } .fv-related-summary { margin-top: 12px; color: #8d8d8d !important; line-height: 1.62; -webkit-line-clamp: 3; } .fv-related-cue { margin-top: auto; padding-top: 18px; color: #bbbbbb; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; } /* Shared article utilities: progress, sharing, and one in-flow recommendation */ .fv-reading-progress { position: fixed; top: 0; right: 0; left: 0; z-index: 1200; height: 2px; pointer-events: none; } .fv-reading-progress span { display: block; width: 100%; height: 100%; background: #1c69d4; transform: scaleX(0); transform-origin: left center; will-change: transform; } .fv-meta.has-fv-share { align-items: center; } .fv-share-group { display: inline-flex; align-items: center; gap: 7px; } .fv-meta .fv-share-group { margin-left: auto; } .fv-share-button { min-width: 0; height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; color: #bbbbbb; background: transparent; border: 1px solid #3c3c3c; border-radius: 0; cursor: pointer; font-family: inherit; font-size: 12.5px; font-weight: 400; line-height: 1; transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease; } .fv-share-button:hover, .fv-share-button:focus-visible { color: #ffffff; background: #0d0d0d; border-color: #1c69d4; outline: 0; } .fv-share-button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .fv-share-end { width: min(100%, 700px); display: flex; justify-content: flex-end; margin: 50px auto 20px; padding-top: 20px; border-top: 1px solid #262626; } .fv-share-end.is-weekly { width: min(calc(100% - 40px), 780px); } .fv-share-toast { position: fixed; bottom: 28px; left: 50%; z-index: 1300; padding: 10px 14px; color: #ffffff; background: #1a1a1a; border: 1px solid #3c3c3c; opacity: 0; pointer-events: none; transform: translate(-50%, 10px); transition: opacity 160ms ease, transform 160ms ease; font-size: 12.5px; white-space: nowrap; } .fv-share-toast.is-visible { opacity: 1; transform: translate(-50%, 0); } .fv-weekly-report .header-content > .fv-share-group, .fv-weekly-report .fv-slide > .fv-share-group { margin-top: 20px; } .fv-inline-related { min-height: 72px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 34px 0 36px; padding: 14px 16px; background: #080808; border: 1px solid #3c3c3c; border-left: 3px solid #1c69d4; } .fv-inline-related > span:first-child { color: #7e7e7e; font-size: 10px; font-weight: 700; letter-spacing: 0.1em; white-space: nowrap; } .fv-inline-related a { overflow: hidden; color: #e6e6e6; font-size: 14.5px; font-weight: 700; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; } .fv-inline-related a:hover { color: #1c69d4; } .fv-inline-related > span:last-child { color: #bbbbbb; font-size: 16px; } @media (max-width: 980px) { .container { width: 100%; max-width: 900px; padding-right: 20px !important; padding-left: 20px !important; } .grid-3, .liq-grid, .scenario-grid, .dash-grid, .dash-grid-sub { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .fv-slide [style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 760px) { .fv-topbar { min-height: auto !important; height: auto !important; padding: 0 16px !important; align-items: stretch !important; flex-wrap: wrap; gap: 0 !important; overflow: visible !important; } .fv-topbar .fv-brand { width: 100%; min-height: 46px; margin: 0 !important; border-bottom: 1px solid #262626; } .fv-topbar .fv-nav { width: 100%; gap: 20px !important; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .fv-topbar .fv-nav::-webkit-scrollbar { display: none; } .fv-topbar .fv-nav a { min-width: max-content; height: 46px !important; padding: 0 !important; font-size: 12px !important; } .fv-titlebar, .fv-status { display: none !important; } .fv-canvas { padding: 36px 16px 72px !important; } .fv-paper { width: 100% !important; margin-bottom: 36px !important; padding: 0 !important; border: 0 !important; } .fv-paper .eyebrow { margin-bottom: 18px !important; } .fv-paper h1 { margin-bottom: 18px !important; font-size: clamp(30px, 9.5vw, 38px) !important; line-height: 1.24 !important; } .fv-meta { margin-bottom: 34px !important; } .fv-callouts { gap: 14px !important; margin: 28px 0 40px !important; } .fv-summary-head, .fv-reading-guide-head { align-items: flex-start; flex-direction: column; gap: 6px; } .fv-summary-head { padding: 19px 18px 14px; } .fv-paper .fv-summary-head h2 { font-size: 21px !important; } .fv-summary-list { padding: 0 18px 3px !important; } .fv-summary-list li { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding: 16px 0 !important; font-size: 15.5px !important; line-height: 1.6 !important; } .fv-summary-list li::before { width: 30px; height: 30px; font-size: 10px; } .fv-reading-guide { padding: 18px !important; } .fv-paper .fv-reading-guide-head h2 { font-size: 17px !important; } .fv-reading-guide-list { margin-top: 14px !important; padding-top: 14px !important; font-size: 14.5px !important; } .fv-glossary { margin-top: 52px !important; } .fv-glossary-head { align-items: flex-start; flex-direction: column; gap: 6px; padding: 18px; } .fv-paper .fv-article-body .fv-glossary-head h2 { font-size: 19px !important; } .fv-glossary-list { padding: 2px 18px !important; } .fv-glossary-list li { grid-template-columns: 24px minmax(0, 1fr); column-gap: 9px; padding: 15px 0 16px !important; } .fv-glossary-term { font-size: 15px; } .fv-glossary-definition { font-size: 14.5px; line-height: 1.55; } .fv-article-body { margin-top: 42px; padding-top: 40px; } .fv-article-body > section:first-of-type { margin-top: 52px; } .fv-article-body h2 { margin: 38px 0 12px !important; font-size: 22px !important; line-height: 1.4 !important; } .fv-article-body h3 { margin-top: 26px !important; font-size: 17px !important; } .fv-paper .fv-article-body p { margin-bottom: 1.15em !important; font-size: 16.5px !important; line-height: 1.7 !important; } .fv-related { margin-top: 50px !important; padding-top: 36px !important; } .fv-related-head { align-items: flex-start; flex-direction: column; gap: 10px; } .fv-related-head h2 { font-size: 23px; } .fv-related-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; } .fv-related-card { min-height: 210px !important; } .fv-meta.has-fv-share { gap: 10px 14px !important; } .fv-meta .fv-share-group { width: 100%; margin: 8px 0 0; } .fv-meta .fv-share-button { flex: 1 1 0; } .fv-share-end { margin-top: 42px; } .fv-inline-related { min-height: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 12px; margin: 30px 0 32px; padding: 13px 14px; } .fv-inline-related > span:first-child { grid-column: 1 / -1; } .fv-inline-related a { display: -webkit-box; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .fv-footer .wrap { align-items: flex-start; flex-direction: column; } .fv-footer .wrap .sp { flex-basis: auto !important; } .fv-table, .fv-dtable, .threshold-table, .score-table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .fv-dtable, .threshold-table, .score-table { min-width: 620px; } .fv-table th, .fv-table td { height: auto !important; padding: 11px 8px !important; } .fv-table th:first-child, .fv-table td:first-child { width: 86px !important; } .fv-table .title { padding-left: 8px !important; } .header { padding-right: 18px !important; padding-left: 18px !important; } } @media (max-width: 640px) { .container { padding: 22px 14px !important; } .grid-2, .grid-3, .liq-grid, .scenario-grid, .dash-grid, .dash-grid-sub { grid-template-columns: minmax(0, 1fr) !important; } .fv-slide [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; } .calendar-item, .contrarian-row, .fgi-row, .gap-row { align-items: flex-start !important; flex-direction: column !important; gap: 8px !important; } .calendar-date { min-width: 0 !important; } .fv-slide { padding: 22px 16px !important; } .fv-slide h2, .section-title { font-size: clamp(20px, 7vw, 25px) !important; line-height: 1.35 !important; } .fv-weekly-report .header { padding: 38px 16px 30px !important; } .fv-weekly-report .header h1 { font-size: clamp(29px, 9vw, 38px) !important; } .fv-weekly-report .subtitle { font-size: 14px !important; } .fv-weekly-report .container { padding: 36px 14px 56px !important; } .fv-weekly-report .section { margin-bottom: 54px !important; padding-top: 38px; } .fv-weekly-report .section-title { margin-bottom: 19px !important; font-size: clamp(20px, 6vw, 24px) !important; } .fv-weekly-report .part-intro, .fv-weekly-report .issue-card, .fv-weekly-report .call-card, .fv-weekly-report .card, .fv-weekly-report .scenario-card, .fv-weekly-report .contrarian-item, .fv-weekly-report .advice-item { padding: 17px !important; } .fv-weekly-report .step-content, .fv-weekly-report .call-basis, .fv-weekly-report .call-falsify, .fv-weekly-report .scenario-desc, .fv-weekly-report .contrarian-desc, .fv-weekly-report .advice-content, .fv-weekly-report .compare-box, .fv-weekly-report .liq-summary { font-size: 14.5px !important; line-height: 1.58 !important; } .fv-report-table-scroll { margin-right: -2px; padding-bottom: 4px; } .fv-report-table-scroll > table { min-width: 620px; } .fv-weekly-report .fv-slide { padding: 24px 18px 42px !important; } .fv-weekly-glossary { margin-top: 48px !important; } .fv-weekly-glossary-head { align-items: flex-start; flex-direction: column; gap: 6px; padding: 18px; } .fv-weekly-glossary-head h2 { font-size: 19px !important; } .fv-weekly-related { margin-top: 48px !important; padding-top: 32px; } .fv-weekly-related-grid { grid-template-columns: minmax(0, 1fr); } .fv-weekly-related-card { min-height: 0; } } @media (max-width: 420px) { .fv-topbar { padding: 0 12px !important; } .fv-topbar .fv-nav { gap: 17px !important; } .fv-canvas { padding-right: 14px !important; padding-left: 14px !important; } .fv-summary-head { padding-right: 16px; padding-left: 16px; } .fv-summary-list { padding-right: 16px !important; padding-left: 16px !important; } .fv-summary-list li { grid-template-columns: 28px minmax(0, 1fr); gap: 10px; } .fv-summary-list li::before { width: 28px; height: 28px; } .fv-related-card { min-height: 0 !important; padding: 18px !important; } } /* Article archive: full-width titles with a compact one-sentence topic */ .fv-archive-start { margin-bottom: 20px; background: #080808; border: 1px solid #3c3c3c; border-top: 3px solid #1c69d4; } .fv-archive-start header { padding: 24px 26px 21px; border-bottom: 1px solid #262626; } .fv-archive-start header > span { color: #7e7e7e; font-size: 10px; font-weight: 700; letter-spacing: 0.14em; } .fv-archive-start h2 { margin: 8px 0 0; color: #ffffff; font-size: clamp(23px, 3vw, 30px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.3; } .fv-archive-start p { margin: 8px 0 0; color: #8d8d8d; font-size: 13px; line-height: 1.6; } .fv-archive-start > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .fv-archive-start a { min-width: 0; min-height: 132px; display: flex; flex-direction: column; padding: 22px 24px; border-right: 1px solid #262626; transition: background-color 160ms ease; } .fv-archive-start a:last-child { border-right: 0; } .fv-archive-start a:hover { background: #0d0d0d; } .fv-archive-start small { color: #7e7e7e; font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; } .fv-archive-start strong { margin-top: 12px; color: #ffffff; font-size: 16px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.5; word-break: keep-all; } .fv-article-list { table-layout: fixed; } .fv-article-list .fv-article-date { width: 112px !important; padding-left: 14px !important; } .fv-article-list .fv-article-title { width: 46% !important; padding: 15px 16px !important; } .fv-article-list .fv-article-title a { display: block; color: #ffffff !important; font-size: 15.5px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.48; word-break: keep-all; } .fv-article-list .fv-article-topic { width: auto !important; padding: 15px 14px !important; } .fv-article-list .fv-article-topic span { display: -webkit-box; overflow: hidden; color: #8d8d8d; font-size: 13px; font-weight: 300; letter-spacing: -0.01em; line-height: 1.58; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media (max-width: 760px) { .fv-archive-start { margin-bottom: 16px; } .fv-archive-start header { padding: 21px 19px 18px; } .fv-archive-start > div { grid-template-columns: minmax(0, 1fr); } .fv-archive-start a { min-height: 0; padding: 19px; border-right: 0; border-bottom: 1px solid #262626; } .fv-archive-start a:last-child { border-bottom: 0; } .fv-archive-start strong { margin-top: 8px; font-size: 15.5px; } .fv-article-list { display: block !important; width: 100% !important; overflow: visible !important; table-layout: auto !important; } .fv-article-list thead { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; } .fv-article-list tbody { display: block; width: 100%; } .fv-article-list .fv-month-divider { display: block; width: 100%; } .fv-article-list .fv-month-divider td { display: block; width: 100% !important; padding: 12px 4px !important; border-bottom: 1px solid #3c3c3c !important; font-size: 12px !important; letter-spacing: 0.02em; } .fv-article-list .fv-row { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr); gap: 7px; padding: 20px 4px 21px; border-bottom: 1px solid #262626; } .fv-article-list .fv-row td { display: block; width: auto !important; height: auto !important; padding: 0 !important; border: 0 !important; } .fv-article-list .fv-article-date { order: 1; color: #6f6f6f !important; font-size: 11.5px !important; font-variant-numeric: tabular-nums; letter-spacing: 0.035em; line-height: 1.4; } .fv-article-list .fv-article-title { order: 2; } .fv-article-list .fv-article-title a { font-size: 19px; letter-spacing: -0.035em; line-height: 1.42; overflow-wrap: break-word; } .fv-article-list .fv-article-topic { order: 3; } .fv-article-list .fv-article-topic span { color: #8d8d8d; font-size: 13.5px; line-height: 1.58; -webkit-line-clamp: 3; } } @media (max-width: 360px) { .fv-article-list .fv-row { padding-top: 18px; padding-bottom: 19px; } .fv-article-list .fv-article-title a { font-size: 18px; } .fv-article-list .fv-article-topic span { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } /* ── 광고 슬롯 높이 예약 (CLS 방지, 2026-08-04) ── 애드센스 반응형 유닛은 로드 전 높이 0이라, 채워지는 순간 아래 콘텐츠를 밀어낸다. 목록·리포트처럼 페이지가 짧은 화면에서는 푸터가 통째로 밀려 CLS가 크게 잡힌다. ins 자체에 걸면 애드센스가 인라인 스타일로 덮어써 무력화되므로 컨테이너에 건다. */ .fv-ad-body { min-height: 380px; /* 360px 뷰포트 실측: 광고 360px + 상하 패딩 20px */ } @media (min-width: 768px) { .fv-ad-body { min-height: 270px; /* 데스크톱은 250px 규격 + 패딩 */ } }