@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;600;700;800;900&family=DotGothic16&family=IBM+Plex+Mono:wght@500;600&display=swap');
/* === financeanswer — 파이낸스 앤서 데스크 (금융 정보 안내 창구) · 2026-10-10 신설 ===
   은유: 은행 객장의 정보 안내 창구. 번호표 상아색 종이 + 전광판 먹색 + 호박색 LED + 호출 적색.
   분야 = 창구 번호판 · 글 = 번호표(절취선) · 글 화면 = 질문 카드 + 답변 카드 · 지난 글 = 대기 순번 전광판.
   🔴 모든 규칙은 .skin-financeanswer 범위 안에서만 쓴다. */
.skin-financeanswer {
    --fa-paper: #F3EEE3;
    --fa-slip: #FBF8F1;
    --fa-paper-2: #E9E1D0;
    --fa-ink: #1B1D1A;
    --fa-text: #33352F;
    --fa-muted: #6A604B;
    --fa-board: #141815;
    --fa-led: #FFB21A;
    --fa-led-soft: #FFE2A0;
    --fa-red: #D9412B;
    --fa-line: #CFC4AE;
    --fa-head: 'Gothic A1', 'Pretendard Variable', Pretendard, sans-serif;
    --fa-dot: 'DotGothic16', 'IBM Plex Mono', monospace;
    --fa-mono: 'IBM Plex Mono', ui-monospace, monospace;
    background: var(--fa-paper); color: var(--fa-text); overflow-x: clip;
}
.skin-financeanswer main *, .skin-financeanswer main *::before, .skin-financeanswer main *::after { box-sizing: border-box; }
.skin-financeanswer a { color: inherit; text-decoration: none; }
.skin-financeanswer h1, .skin-financeanswer h2, .skin-financeanswer h3 { font-family: var(--fa-head); color: var(--fa-ink); letter-spacing: -0.03em; }
.skin-financeanswer svg { flex-shrink: 0; }

/* 분야 색 — 머리글자·작은 표지에만 쓴다 */
.skin-financeanswer .fd-rate { --fd: #C2410C; }
.skin-financeanswer .fd-loan { --fd: #7C3AED; }
.skin-financeanswer .fd-stock { --fd: #0F766E; }
.skin-financeanswer .fd-ins { --fd: #1D4ED8; }
.skin-financeanswer .fd-pension { --fd: #A16207; }
.skin-financeanswer .fd-tax { --fd: #B91C1C; }
.skin-financeanswer .fd-fintech { --fd: #0369A1; }
.skin-financeanswer .fd-wealth { --fd: #4D7C0F; }
.skin-financeanswer .fd-general { --fd: #44403C; }

/* ── 머리글: 창구 카운터 ── */
.skin-financeanswer .main-header {
    background: var(--fa-ink); border-bottom: 0; padding: 0; margin: 0; box-shadow: 0 6px 0 var(--fa-red);
}
.skin-financeanswer .main-header .containerHeader {
    flex-direction: row; justify-content: space-between; align-items: center; text-align: left;
    max-width: 1240px; min-height: 74px; gap: 24px;
}
.skin-financeanswer .main-header .brand-logo,
.skin-financeanswer .main-header .brand-logo a {
    font-family: var(--fa-head) !important; font-size: 1.4rem; font-weight: 900; margin: 0; letter-spacing: -0.04em; color: #FFF3D6;
}
.skin-financeanswer .main-header .brand-logo a { display: inline-flex; align-items: center; gap: 12px; }
.skin-financeanswer .main-header .brand-logo a::before {
    content: ''; width: 40px; height: 40px; flex: 0 0 40px;
    background: url(/assets/skins/financeanswer/mark.svg) center/contain no-repeat;
}
.skin-financeanswer .main-header nav { width: auto; border-top: 0; padding-top: 0; }
.skin-financeanswer .main-header nav ul { justify-content: flex-end; gap: 2px; flex-wrap: nowrap; counter-reset: fawin -1; }
.skin-financeanswer .main-header nav ul > li > a {
    display: inline-flex; align-items: center; gap: 6px; color: #E9E1D0; font-weight: 700; font-size: .9rem;
    padding: 9px 10px; border-radius: 6px; transition: background .2s, color .2s; white-space: nowrap;
}
.skin-financeanswer .main-header nav ul > li:not(.has-dropdown) > a::before {
    counter-increment: fawin; content: counter(fawin, decimal-leading-zero);
    font: 400 .78rem/1 var(--fa-dot); color: var(--fa-led); background: #000; padding: 4px 5px; border-radius: 3px;
}
.skin-financeanswer .main-header nav ul > li > a:hover { background: #2A2D28; color: #fff; }
.skin-financeanswer .main-header .dropdown { background: var(--fa-ink); border: 1px solid #3A3D37; border-radius: 8px; padding: 6px; }
.skin-financeanswer .main-header .dropdown a { color: #E9E1D0; display: block; padding: 8px 12px; }
.skin-financeanswer .main-header .menu-toggle {
    background: var(--fa-led); color: var(--fa-ink); border-radius: 6px; min-width: 56px; min-height: 42px;
    font: 800 .92rem/1 var(--fa-head); padding: 0 12px; box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .25);
}
.skin-financeanswer .mobile-menu-overlay { background: var(--fa-paper); padding: 88px 20px 28px; counter-reset: famob -1; }
.skin-financeanswer .mobile-menu-header { background: var(--fa-ink); border-bottom: 5px solid var(--fa-red); }
.skin-financeanswer .mobile-menu-header .logo { color: #FFF3D6; font-family: var(--fa-head); font-weight: 900; font-size: 1.2rem; }
.skin-financeanswer .close-menu { background: var(--fa-led); color: var(--fa-ink); min-height: 42px; border-radius: 6px; font-family: var(--fa-head); }
.skin-financeanswer .mobile-menu-overlay > a {
    display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 0 16px; margin-bottom: 8px;
    color: var(--fa-ink); font-family: var(--fa-head); font-weight: 800; font-size: 1.05rem;
    background: var(--fa-slip); border: 2px solid var(--fa-ink); border-radius: 8px; box-shadow: 3px 3px 0 var(--fa-ink);
}
.skin-financeanswer .mobile-menu-overlay > a::before {
    counter-increment: famob; content: counter(famob, decimal-leading-zero);
    font: 400 1rem/1 var(--fa-dot); color: var(--fa-led); background: var(--fa-board); padding: 7px 8px; border-radius: 4px;
}
.skin-financeanswer .mobile-menu-overlay > a:hover { color: var(--fa-red); }

/* ── 공통 ── */
.skin-financeanswer main.container { max-width: 1240px; }
.skin-financeanswer .fa-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 24px;
    font: 800 1rem/1.2 var(--fa-head); border-radius: 8px; border: 2.5px solid var(--fa-ink); transition: transform .15s, box-shadow .15s;
}
.skin-financeanswer .fa-btn-call { background: var(--fa-red); color: #fff; box-shadow: 4px 4px 0 var(--fa-ink); }
.skin-financeanswer .fa-btn-line { background: var(--fa-slip); color: var(--fa-ink); box-shadow: 4px 4px 0 var(--fa-ink); }
.skin-financeanswer .fa-btn:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--fa-ink); }
.skin-financeanswer .fa-btn-sm { min-height: 46px; font-size: .92rem; padding: 0 16px; width: 100%; }
.skin-financeanswer .fa-meta { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; font: 500 .8rem/1.4 var(--fa-mono); color: var(--fa-muted); }
.skin-financeanswer .fa-tag {
    display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 4px 10px 4px 4px; border-radius: 4px;
    background: #fff; border: 1.5px solid var(--fa-ink); color: var(--fa-ink); font: 800 .8rem/1.2 var(--fa-head);
}
.skin-financeanswer .fa-tag svg { color: var(--fd); }
.skin-financeanswer .fa-tag-no { font: 400 .75rem/1 var(--fa-dot); background: var(--fa-board); color: var(--fa-led); padding: 4px 5px; border-radius: 2px; }
.skin-financeanswer .fa-led-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--fa-red); box-shadow: 0 0 0 3px rgba(217, 65, 43, .2); display: inline-block; animation: fa-blink 1.6s steps(2) infinite; }
@keyframes fa-blink { 50% { opacity: .25; } }

.skin-financeanswer .fa-section { padding: 72px 0 0; }
.skin-financeanswer .fa-section-top { padding-top: 48px; }
.skin-financeanswer .fa-head { margin: 0 0 30px; max-width: 720px; scroll-margin-top: 96px; }
.skin-financeanswer .fa-head-code { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font: 600 .78rem/1 var(--fa-mono); letter-spacing: .16em; color: var(--fa-red); }
.skin-financeanswer .fa-head-title { margin: 0; font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 900; line-height: 1.25; }
.skin-financeanswer .fa-head-desc { margin: 10px 0 0; color: var(--fa-muted); font-size: 1rem; line-height: 1.65; word-break: keep-all; }
.skin-financeanswer .fa-sub { margin: 48px 0 18px; font-size: 1.2rem; font-weight: 900; display: flex; align-items: center; gap: 12px; }
.skin-financeanswer .fa-sub::after { content: ''; flex: 1; border-top: 2px dashed var(--fa-line); }

/* ── 전광 띠 ── */
.skin-financeanswer .fa-ticker {
    display: flex; align-items: center; gap: 14px; margin: 28px 0 0; padding: 12px 18px; min-width: 0;
    background: var(--fa-board); border-radius: 8px; color: var(--fa-led); font-family: var(--fa-dot);
    background-image: radial-gradient(#2A2617 1px, transparent 1.4px); background-size: 6px 6px;
    box-shadow: inset 0 0 0 3px #000;
}
.skin-financeanswer .fa-ticker-tag { flex: 0 0 auto; background: var(--fa-red); color: #fff; padding: 5px 9px; border-radius: 3px; font-family: var(--fa-head); font-weight: 800; font-size: .82rem; }
.skin-financeanswer .fa-ticker-num, .skin-financeanswer .fa-ticker-win { flex: 0 0 auto; font-size: 1.25rem; letter-spacing: .08em; text-shadow: 0 0 8px rgba(255, 178, 26, .55); }
.skin-financeanswer .fa-ticker-arrow { flex: 0 0 auto; font-size: .8rem; }
.skin-financeanswer .fa-ticker-text { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--fa-led-soft); font-family: var(--fa-head); font-weight: 600; font-size: .95rem; }

/* ── 첫 화면 ── */
.skin-financeanswer .fa-hero { display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr); gap: 48px; align-items: center; padding: 48px 0 24px; }
.skin-financeanswer .fa-hero-eyebrow { margin: 0 0 20px; font: 600 .8rem/1 var(--fa-mono); letter-spacing: .2em; color: var(--fa-muted); display: inline-block; padding: 8px 12px; border: 1.5px dashed var(--fa-ink); border-radius: 4px; }
.skin-financeanswer .fa-hero-title { margin: 0; font-size: clamp(2.3rem, 4.8vw, 3.9rem); line-height: 1.12; font-weight: 900; letter-spacing: -0.05em; word-break: keep-all; }
.skin-financeanswer .fa-hero-mark { display: inline-block; background: var(--fa-board); color: var(--fa-led); padding: 0 .18em .04em; border-radius: 6px; margin: .08em 0; text-shadow: 0 0 6px rgba(255, 178, 26, .35); }
.skin-financeanswer .fa-hero-lead { margin: 24px 0 0; font-size: 1.08rem; line-height: 1.8; color: var(--fa-text); max-width: 560px; word-break: keep-all; }
.skin-financeanswer .fa-hero-cta { display: flex; flex-wrap: wrap; gap: 14px; margin: 30px 0 0; }
.skin-financeanswer .fa-hero-trust { display: flex; gap: 10px; align-items: flex-start; margin: 28px 0 0; padding: 14px 16px; max-width: 560px; background: var(--fa-slip); border-left: 5px solid var(--fa-led); border-radius: 0 6px 6px 0; font-size: .9rem; line-height: 1.6; color: var(--fa-text); word-break: keep-all; }
.skin-financeanswer .fa-hero-trust svg { color: var(--fa-red); margin-top: 2px; }
.skin-financeanswer .fa-hero-visual { position: relative; }
.skin-financeanswer .fa-hero-art { display: block; width: 100%; height: auto; }
.skin-financeanswer .fa-hero-slip { animation: fa-slip 4s ease-in-out infinite; transform-box: fill-box; }
@keyframes fa-slip { 0%, 100% { translate: 0 0; } 50% { translate: 0 6px; } }
.skin-financeanswer .fa-hero-stats { position: absolute; right: 0; bottom: 6px; display: flex; gap: 8px; margin: 0; }
.skin-financeanswer .fa-hero-stats div { background: var(--fa-board); border-radius: 6px; padding: 8px 12px; text-align: center; min-width: 84px; }
.skin-financeanswer .fa-hero-stats dt { font: 700 .7rem/1 var(--fa-head); color: #BFB59E; margin-bottom: 6px; }
.skin-financeanswer .fa-hero-stats dd { margin: 0; font: 400 1.5rem/1 var(--fa-dot); color: var(--fa-led); }
@media (prefers-reduced-motion: reduce) { .skin-financeanswer .fa-hero-slip, .skin-financeanswer .fa-led-dot { animation: none; } }

/* ── 창구 안내도 ── */
.skin-financeanswer .fa-windows { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.skin-financeanswer .fa-window-inner {
    display: flex; flex-direction: column; height: 100%; background: var(--fa-slip); border: 2.5px solid var(--fa-ink); border-radius: 10px; overflow: hidden;
    box-shadow: 5px 5px 0 var(--fa-ink); transition: transform .15s, box-shadow .15s;
}
.skin-financeanswer a.fa-window-inner:hover { transform: translate(-2px, -2px); box-shadow: 7px 7px 0 var(--fa-ink); }
.skin-financeanswer .fa-window.is-active .fa-window-inner { box-shadow: 5px 5px 0 var(--fa-red); }
.skin-financeanswer .fa-window-plate {
    display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: var(--fa-board); color: var(--fa-led);
    background-image: radial-gradient(#2A2617 1px, transparent 1.4px); background-size: 6px 6px;
}
.skin-financeanswer .fa-window-plate-label { font: 700 .76rem/1 var(--fa-head); color: #BFB59E; writing-mode: vertical-rl; letter-spacing: .1em; }
.skin-financeanswer .fa-window-plate strong { font: 400 2.6rem/1 var(--fa-dot); text-shadow: 0 0 12px rgba(255, 178, 26, .55); }
.skin-financeanswer .fa-window-letter { margin-left: auto; width: 34px; height: 34px; display: grid; place-items: center; background: var(--fd); color: #fff; border-radius: 4px; font: 900 1.05rem/1 var(--fa-head); }
.skin-financeanswer .fa-window-body { display: flex; flex-direction: column; gap: 8px; padding: 16px 16px 14px; flex: 1; }
.skin-financeanswer .fa-window-name { display: flex; align-items: center; gap: 8px; font: 900 1.2rem/1.3 var(--fa-head); color: var(--fa-ink); word-break: keep-all; overflow-wrap: anywhere; }
.skin-financeanswer .fa-window-name svg { color: var(--fd); }
.skin-financeanswer .fa-window-desc { font-size: .88rem; line-height: 1.6; color: var(--fa-muted); word-break: keep-all; flex: 1; }
.skin-financeanswer .fa-window-foot { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; border-top: 2px dashed var(--fa-line); font: 600 .78rem/1 var(--fa-mono); color: var(--fa-ink); }
.skin-financeanswer .fa-window-foot svg { color: var(--fa-red); }

.skin-financeanswer .fa-window-desk .fa-window-inner { background: var(--fa-led); border-style: dashed; }
.skin-financeanswer .fa-window-desk .fa-window-plate { background-color: var(--fa-red); background-image: none; }
.skin-financeanswer .fa-window-desk .fa-window-plate strong { color: #FFF3D6; text-shadow: none; }
.skin-financeanswer .fa-window-desk .fa-window-plate-label { color: #FFE2D6; }
.skin-financeanswer .fa-window-desk .fa-window-desc { color: #4A3A12; }
.skin-financeanswer .fa-window-desk .fa-window-foot { border-top-color: rgba(27, 29, 26, .35); }

/* ── 지금 안내 중: 질문 카드 + 답변 카드 ── */
.skin-financeanswer .fa-qa-link { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 0; border: 3px solid var(--fa-ink); border-radius: 12px; overflow: hidden; box-shadow: 8px 8px 0 var(--fa-ink); background: var(--fa-slip); }
.skin-financeanswer .fa-qa-q { display: flex; flex-direction: column; gap: 18px; padding: 30px; background: var(--fa-slip); border-right: 3px dashed var(--fa-ink); position: relative; }
.skin-financeanswer .fa-qa-top { display: flex; align-items: center; gap: 12px; }
.skin-financeanswer .fa-qa-badge { width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; border-radius: 8px; background: var(--fa-ink); color: var(--fa-led); font: 900 1.7rem/1 var(--fa-head); }
.skin-financeanswer .fa-qa-badge-a { background: var(--fa-slip); color: var(--fa-red); border: 2.5px solid var(--fa-ink); }
.skin-financeanswer .fa-qa-ticket { display: flex; flex-direction: column; gap: 4px; font: 400 1.3rem/1 var(--fa-dot); color: var(--fa-ink); }
.skin-financeanswer .fa-qa-ticket em { font: 700 .76rem/1 var(--fa-head); font-style: normal; color: var(--fa-red); }
.skin-financeanswer .fa-qa-title { margin: 0; font-size: clamp(1.4rem, 2.4vw, 1.9rem); line-height: 1.38; font-weight: 900; word-break: keep-all; overflow-wrap: anywhere; }
.skin-financeanswer .fa-qa-q .fa-tag { align-self: flex-start; }
.skin-financeanswer .fa-qa-a { display: flex; flex-direction: column; background: var(--fa-led); }
.skin-financeanswer .fa-qa-img { display: block; height: 150px; margin-top: auto; background-size: cover; background-position: center; filter: grayscale(.85) sepia(.25) contrast(1.05); border: 2px solid var(--fa-ink); border-radius: 6px; }
.skin-financeanswer .fa-qa-a-body { display: flex; flex-direction: column; gap: 14px; padding: 26px 30px 28px; flex: 1; }
.skin-financeanswer .fa-qa-excerpt { margin: 0; font-size: 1.02rem; line-height: 1.75; color: var(--fa-ink); word-break: keep-all; }
.skin-financeanswer .fa-qa-a .fa-meta { color: #4A3A12; }
.skin-financeanswer .fa-qa-more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; font: 800 .95rem/1 var(--fa-head); color: var(--fa-ink); }
.skin-financeanswer .fa-qa-link:hover .fa-qa-more { color: var(--fa-red); }

/* ── 번호표 카드 ── */
.skin-financeanswer .fa-tickets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.skin-financeanswer .fa-ticket-link {
    display: grid; grid-template-columns: 92px minmax(0, 1fr); height: 100%; background: var(--fa-slip); border: 2px solid var(--fa-ink); border-radius: 8px;
    position: relative; transition: transform .15s, box-shadow .15s; box-shadow: 3px 3px 0 var(--fa-ink);
}
.skin-financeanswer .fa-ticket-link:hover { transform: translate(-2px, -2px); box-shadow: 5px 5px 0 var(--fa-red); }
.skin-financeanswer .fa-ticket-stub {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px 6px; text-align: center;
    border-right: 2px dashed var(--fa-ink); position: relative; background: var(--fa-paper-2); border-radius: 6px 0 0 6px;
}
.skin-financeanswer .fa-ticket-stub::before, .skin-financeanswer .fa-ticket-stub::after {
    content: ''; position: absolute; right: -10px; width: 18px; height: 18px; border-radius: 50%; background: var(--fa-paper); border: 2px solid var(--fa-ink);
}
.skin-financeanswer .fa-ticket-stub::before { top: -10px; clip-path: inset(50% 0 0 0); }
.skin-financeanswer .fa-ticket-stub::after { bottom: -10px; clip-path: inset(0 0 50% 0); }
.skin-financeanswer .fa-ticket-label { font: 700 .7rem/1 var(--fa-head); color: var(--fa-muted); }
.skin-financeanswer .fa-ticket-num { font: 400 1.02rem/1.1 var(--fa-dot); color: var(--fa-ink); word-break: break-all; }
.skin-financeanswer .fa-ticket-win { font: 800 .72rem/1 var(--fa-head); color: #fff; background: var(--fa-red); padding: 5px 6px; border-radius: 3px; white-space: nowrap; }
.skin-financeanswer .fa-ticket-body { display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 16px; min-width: 0; }
.skin-financeanswer .fa-ticket-body .fa-tag { align-self: flex-start; }
.skin-financeanswer .fa-ticket-title { margin: 0; font-size: 1.08rem; line-height: 1.45; font-weight: 800; word-break: keep-all; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.skin-financeanswer .fa-q { color: var(--fa-red); margin-right: 6px; font-weight: 900; }
.skin-financeanswer .fa-ticket-excerpt { margin: 0; font-size: .88rem; line-height: 1.6; color: var(--fa-muted); word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; flex: 1; }

/* ── 이용 안내 ── */
.skin-financeanswer .fa-steps { margin: 80px 0 0; padding: 56px 0; border-top: 3px solid var(--fa-ink); border-bottom: 3px solid var(--fa-ink); background: repeating-linear-gradient(90deg, transparent 0 39px, rgba(27, 29, 26, .045) 39px 40px); }
.skin-financeanswer .fa-steps .fa-head { margin-bottom: 30px; }
.skin-financeanswer .fa-steps-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.skin-financeanswer .fa-steps-list li { position: relative; padding: 26px 24px 24px; background: var(--fa-slip); border: 2px solid var(--fa-ink); border-radius: 8px; }
.skin-financeanswer .fa-steps-list li > svg { color: var(--fa-red); }
.skin-financeanswer .fa-step-no { position: absolute; top: -16px; right: 18px; width: 40px; height: 40px; display: grid; place-items: center; background: var(--fa-board); color: var(--fa-led); font: 400 1.4rem/1 var(--fa-dot); border-radius: 6px; }
.skin-financeanswer .fa-steps-list h3 { margin: 14px 0 8px; font-size: 1.12rem; font-weight: 900; }
.skin-financeanswer .fa-steps-list p { margin: 0; font-size: .92rem; line-height: 1.7; color: var(--fa-muted); word-break: keep-all; }

/* ── 대기 순번 전광판 ── */
.skin-financeanswer .fa-queue { background: var(--fa-board); border-radius: 10px; padding: 8px 0 12px; box-shadow: inset 0 0 0 4px #000; background-image: radial-gradient(#231F14 1px, transparent 1.4px); background-size: 6px 6px; }
.skin-financeanswer .fa-queue-head, .skin-financeanswer .fa-queue-list a { display: grid; grid-template-columns: 110px 130px minmax(0, 1fr) 110px; gap: 16px; align-items: center; padding: 0 22px; }
.skin-financeanswer .fa-queue-head { padding-top: 10px; padding-bottom: 10px; font: 700 .76rem/1 var(--fa-head); color: #8D8470; border-bottom: 1px solid #2E2C24; }
.skin-financeanswer .fa-queue-list { list-style: none; margin: 0; padding: 0; }
.skin-financeanswer .fa-queue-list a { min-height: 54px; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #2E2C24; color: var(--fa-led-soft); }
.skin-financeanswer .fa-queue-list li:last-child a { border-bottom: 0; }
.skin-financeanswer .fa-queue-list a:hover { background: rgba(255, 178, 26, .08); }
.skin-financeanswer .fa-queue-num { font: 400 1.05rem/1 var(--fa-dot); color: var(--fa-led); text-shadow: 0 0 8px rgba(255, 178, 26, .45); }
.skin-financeanswer .fa-queue-win { font: 400 1.05rem/1.2 var(--fa-dot); color: var(--fa-led); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skin-financeanswer .fa-queue-win em { font: 700 .82rem/1 var(--fa-head); font-style: normal; color: #D9CFB7; margin-left: 4px; }
.skin-financeanswer .fa-queue-title { font: 600 .98rem/1.45 var(--fa-head); color: #F5ECD6; word-break: keep-all; overflow-wrap: anywhere; }
.skin-financeanswer .fa-queue-date { font: 500 .8rem/1 var(--fa-mono); color: #8D8470; text-align: right; }

/* ── 빈 화면 ── */
.skin-financeanswer .fa-empty { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 28px; align-items: center; padding: 28px; background: var(--fa-slip); border: 2.5px dashed var(--fa-ink); border-radius: 10px; }
.skin-financeanswer .fa-empty-board { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 18px 26px; background: var(--fa-board); border-radius: 8px; color: var(--fa-led); background-image: radial-gradient(#2A2617 1px, transparent 1.4px); background-size: 6px 6px; }
.skin-financeanswer .fa-empty-label { font: 400 .85rem/1 var(--fa-dot); letter-spacing: .2em; color: var(--fa-red); }
.skin-financeanswer .fa-empty-num { font: 400 3rem/1 var(--fa-dot); letter-spacing: .1em; animation: fa-blink 2s steps(2) infinite; }
.skin-financeanswer .fa-empty-copy h3 { word-break: keep-all; margin: 0 0 8px; font-size: 1.3rem; font-weight: 900; }
.skin-financeanswer .fa-empty-copy p { margin: 0; line-height: 1.7; color: var(--fa-muted); word-break: keep-all; }

/* ── 바닥글 전광판 ── */
.skin-financeanswer .fa-footboard { display: grid; grid-template-columns: 1.2fr 1fr 1.3fr; gap: 40px; margin: 96px 0 0; padding: 44px 0 40px; border-top: 6px double var(--fa-ink); }
.skin-financeanswer .fa-footboard-name { margin: 0 0 10px; font: 900 1.4rem/1.2 var(--fa-head); color: var(--fa-ink); }
.skin-financeanswer .fa-footboard p { font-size: .9rem; line-height: 1.7; color: var(--fa-muted); word-break: keep-all; margin: 0 0 8px; }
.skin-financeanswer .fa-footboard .fa-footboard-label { font: 600 .74rem/1 var(--fa-mono); letter-spacing: .16em; color: var(--fa-red); margin: 0 0 14px; }
.skin-financeanswer .fa-footboard ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; }
.skin-financeanswer .fa-footboard li a, .skin-financeanswer .fa-footboard li span { display: flex; align-items: center; gap: 8px; font: 700 .9rem/1.3 var(--fa-head); color: var(--fa-ink); min-width: 0; overflow-wrap: anywhere; }
.skin-financeanswer .fa-footboard li b { font: 400 .78rem/1 var(--fa-dot); color: var(--fa-led); background: var(--fa-board); padding: 4px 5px; border-radius: 3px; }
.skin-financeanswer .fa-footboard-note strong { color: var(--fa-ink); }
.skin-financeanswer footer { background: var(--fa-ink); color: #A59C86; margin-top: 0; padding: 20px 0; text-align: left; font-size: .82rem; }
.skin-financeanswer footer .container { max-width: 1240px; }
.skin-financeanswer footer p { margin: 0; }

/* ── 글 화면 ── */
.skin-financeanswer .fa-crumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 28px 0 0; font: 700 .85rem/1.4 var(--fa-head); color: var(--fa-muted); }
.skin-financeanswer .fa-crumb a:hover { color: var(--fa-red); }
.skin-financeanswer .fa-call { display: inline-flex; align-items: center; gap: 12px; margin: 18px 0 0; padding: 10px 16px; background: var(--fa-board); border-radius: 6px; color: var(--fa-led); font: 400 1.15rem/1 var(--fa-dot); background-image: radial-gradient(#2A2617 1px, transparent 1.4px); background-size: 6px 6px; max-width: 100%; }
.skin-financeanswer .fa-call-label { font: 800 .78rem/1 var(--fa-head); background: var(--fa-red); color: #fff; padding: 5px 8px; border-radius: 3px; }
.skin-financeanswer .fa-call-arrow { font-size: .7rem; }
.skin-financeanswer .fa-call-num, .skin-financeanswer .fa-call-win { text-shadow: 0 0 8px rgba(255, 178, 26, .5); }
.skin-financeanswer .fa-qcard { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 24px; align-items: flex-start; margin: 18px 0 0; padding: 30px 32px; background: var(--fa-slip); border: 3px solid var(--fa-ink); border-radius: 12px; box-shadow: 7px 7px 0 var(--fa-ink); }
.skin-financeanswer .fa-qcard-badge { width: 64px; height: 64px; display: grid; place-items: center; background: var(--fa-ink); color: var(--fa-led); border-radius: 10px; font: 900 2.1rem/1 var(--fa-head); }
.skin-financeanswer .fa-qcard-copy { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.skin-financeanswer .fa-qcard-copy .fa-tag { align-self: flex-start; }
.skin-financeanswer .fa-qcard-title { margin: 0; font-size: clamp(1.6rem, 3.2vw, 2.4rem); line-height: 1.32; font-weight: 900; word-break: keep-all; overflow-wrap: anywhere; }
.skin-financeanswer .fa-post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 40px; align-items: start; margin: 36px 0 0; }
.skin-financeanswer .fa-acard { position: relative; background: #fff; border: 2px solid var(--fa-ink); border-radius: 12px; padding: 48px 48px 40px; min-width: 0; }
.skin-financeanswer .fa-acard-tab { position: absolute; top: -18px; left: 32px; margin: 0; display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; background: var(--fa-led); border: 2px solid var(--fa-ink); border-radius: 6px; font: 900 .92rem/1 var(--fa-head); color: var(--fa-ink); }
.skin-financeanswer .fa-acard-tab span { width: 26px; height: 26px; display: grid; place-items: center; background: var(--fa-ink); color: var(--fa-led); border-radius: 4px; }
.skin-financeanswer .fa-acard-img { aspect-ratio: 16 / 7; background-size: cover; background-position: center; border-radius: 8px; border: 2px solid var(--fa-ink); margin: 0 0 32px; filter: saturate(.75) sepia(.12); }
.skin-financeanswer .fa-body { font-size: 1.07rem; line-height: 1.9; color: var(--fa-text); word-break: keep-all; overflow-wrap: anywhere; max-width: 720px; counter-reset: fah2; }
.skin-financeanswer .fa-body > *:first-child { margin-top: 0; }
.skin-financeanswer .fa-body h1, .skin-financeanswer .fa-body h2 { counter-increment: fah2; font-size: 1.5rem; line-height: 1.4; margin: 2.2em 0 .8em; padding: 0 0 12px; border-bottom: 2px dashed var(--fa-line); display: flex; gap: 12px; align-items: baseline; }
.skin-financeanswer .fa-body h2::before { content: counter(fah2, decimal-leading-zero); flex: 0 0 auto; font: 400 1rem/1 var(--fa-dot); color: var(--fa-led); background: var(--fa-board); padding: 6px 7px; border-radius: 4px; transform: translateY(-3px); }
.skin-financeanswer .fa-body h3 { font-size: 1.2rem; margin: 1.8em 0 .6em; padding-left: 12px; border-left: 4px solid var(--fa-red); }
.skin-financeanswer .fa-body h4 { font-size: 1.05rem; margin: 1.6em 0 .5em; }
.skin-financeanswer .fa-body p { margin: 0 0 1.25em; }
.skin-financeanswer .fa-body ul, .skin-financeanswer .fa-body ol { padding-left: 1.4em; margin: 0 0 1.3em; }
.skin-financeanswer .fa-body li { margin-bottom: .45em; }
.skin-financeanswer .fa-body ul li::marker { color: var(--fa-red); }
.skin-financeanswer .fa-body strong { color: var(--fa-ink); background: linear-gradient(transparent 62%, rgba(255, 178, 26, .38) 62%); }
.skin-financeanswer .fa-body img { max-width: 100%; height: auto; border-radius: 8px; display: block; margin: 1.6em auto; }
.skin-financeanswer .fa-body blockquote { margin: 1.6em 0; padding: 18px 22px; background: var(--fa-paper); border-left: 5px solid var(--fa-ink); border-radius: 0 8px 8px 0; color: var(--fa-ink); }
.skin-financeanswer .fa-body table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: .95rem; border: 2px solid var(--fa-ink); }
.skin-financeanswer .fa-body th { background: var(--fa-ink); color: var(--fa-led-soft); text-align: left; font-weight: 700; }
.skin-financeanswer .fa-body th, .skin-financeanswer .fa-body td { padding: 11px 14px; border-bottom: 1px solid var(--fa-line); vertical-align: top; }
.skin-financeanswer .fa-body tr:nth-child(even) td { background: var(--fa-slip); }
.skin-financeanswer .fa-body a { color: var(--fa-red); text-decoration: underline; text-underline-offset: 3px; }
.skin-financeanswer .fa-notice { display: flex; gap: 14px; align-items: flex-start; margin: 44px 0 0; padding: 18px 20px; background: var(--fa-paper); border: 2px dashed var(--fa-ink); border-radius: 8px; }
.skin-financeanswer .fa-notice svg { color: var(--fa-red); margin-top: 2px; }
.skin-financeanswer .fa-notice p { margin: 0; font-size: .9rem; line-height: 1.7; color: var(--fa-text); word-break: keep-all; }
.skin-financeanswer .fa-notice strong { display: block; color: var(--fa-ink); margin-bottom: 4px; }

.skin-financeanswer .fa-rail { position: sticky; top: 100px; display: flex; flex-direction: column; gap: 22px; }
.skin-financeanswer .fa-slip {
    position: relative; padding: 24px 22px 30px; background: var(--fa-slip); border: 2px solid var(--fa-ink); border-bottom: 0; border-radius: 8px 8px 0 0;
    -webkit-mask: radial-gradient(circle at 10px 100%, transparent 7px, #000 7.5px) 0 0 / 20px 100% repeat-x;
            mask: radial-gradient(circle at 10px 100%, transparent 7px, #000 7.5px) 0 0 / 20px 100% repeat-x;
}
.skin-financeanswer .fa-slip-label { margin: 0; text-align: center; font: 800 .8rem/1 var(--fa-head); color: var(--fa-muted); letter-spacing: .3em; }
.skin-financeanswer .fa-slip-num { margin: 10px 0 16px; text-align: center; font: 400 2.4rem/1 var(--fa-dot); color: var(--fa-ink); padding-bottom: 16px; border-bottom: 2px dashed var(--fa-line); }
.skin-financeanswer .fa-slip dl { margin: 0 0 14px; }
.skin-financeanswer .fa-slip dl div { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; font-size: .88rem; }
.skin-financeanswer .fa-slip dt { color: var(--fa-muted); font-weight: 600; }
.skin-financeanswer .fa-slip dd { margin: 0; font-weight: 800; color: var(--fa-ink); text-align: right; overflow-wrap: anywhere; }
.skin-financeanswer .fa-slip-desc { margin: 0 0 16px; font-size: .86rem; line-height: 1.65; color: var(--fa-muted); word-break: keep-all; }
.skin-financeanswer .fa-rail-box { padding: 18px; background: var(--fa-board); border-radius: 8px; }
.skin-financeanswer .fa-rail-label { margin: 0 0 12px; font: 600 .74rem/1 var(--fa-mono); letter-spacing: .14em; color: #8D8470; }
.skin-financeanswer .fa-rail-list { list-style: none; margin: 0; padding: 0; }
.skin-financeanswer .fa-rail-list a { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px dashed #2E2C24; color: #F5ECD6; font: 700 .92rem/1.3 var(--fa-head); }
.skin-financeanswer .fa-rail-list li:last-child a { border-bottom: 0; }
.skin-financeanswer .fa-rail-list b { font: 400 .95rem/1 var(--fa-dot); color: var(--fa-led); }
.skin-financeanswer .fa-rail-list span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.skin-financeanswer .fa-rail-list em { font: 500 .78rem/1 var(--fa-mono); font-style: normal; color: #8D8470; }
.skin-financeanswer .fa-rail-list a:hover span { color: var(--fa-led); }

/* ── 분야(창구) 화면 ── */
.skin-financeanswer .fa-cathead { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px; align-items: center; margin: 22px 0 0; padding: 26px; background: var(--fa-board); border-radius: 12px; color: #F5ECD6; background-image: radial-gradient(#231F14 1px, transparent 1.4px); background-size: 6px 6px; box-shadow: inset 0 0 0 4px #000, 7px 7px 0 var(--fa-red); }
.skin-financeanswer .fa-cathead-plate { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 18px; background: #000; border-radius: 8px; }
.skin-financeanswer .fa-cathead-plate span { font: 700 .8rem/1 var(--fa-head); color: #BFB59E; }
.skin-financeanswer .fa-cathead-plate strong { font: 400 4rem/1 var(--fa-dot); color: var(--fa-led); text-shadow: 0 0 16px rgba(255, 178, 26, .6); }
.skin-financeanswer .fa-cathead-code { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font: 600 .78rem/1 var(--fa-mono); letter-spacing: .14em; color: var(--fa-led); }
.skin-financeanswer .fa-cathead-title { margin: 0; color: #fff; font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 900; line-height: 1.2; word-break: keep-all; overflow-wrap: anywhere; }
.skin-financeanswer .fa-cathead-desc { margin: 10px 0 0; color: #D9CFB7; line-height: 1.65; word-break: keep-all; }
.skin-financeanswer .fa-cathead-count { text-align: center; padding: 14px 18px; border: 2px dashed #4A4535; border-radius: 8px; }
.skin-financeanswer .fa-cathead-count span { display: block; font: 700 .76rem/1 var(--fa-head); color: #BFB59E; margin-bottom: 8px; }
.skin-financeanswer .fa-cathead-count strong { font: 400 2.4rem/1 var(--fa-dot); color: var(--fa-led); }
.skin-financeanswer .fa-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 32px; }
.skin-financeanswer .fa-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px 0 6px; background: var(--fa-slip); border: 2px solid var(--fa-ink); border-radius: 6px; font: 800 .9rem/1.2 var(--fa-head); color: var(--fa-ink); max-width: 100%; }
.skin-financeanswer .fa-chip b { font: 400 .85rem/1 var(--fa-dot); color: var(--fa-led); background: var(--fa-board); padding: 5px 6px; border-radius: 3px; }
.skin-financeanswer .fa-chip.is-active { background: var(--fa-led); box-shadow: 3px 3px 0 var(--fa-ink); }
.skin-financeanswer .fa-chip:hover { border-color: var(--fa-red); }

/* ── 쪽 번호: 번호표 버튼 ── */
.skin-financeanswer .pagination-container { margin: 56px 0 0 !important; }
.skin-financeanswer .pagination { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; gap: 10px !important; }
.skin-financeanswer .pagination .page-link { border-radius: 6px !important; background: var(--fa-slip) !important; border: 2px solid var(--fa-ink) !important; color: var(--fa-ink) !important; font: 400 1rem/1 var(--fa-dot) !important; box-shadow: 2px 2px 0 var(--fa-ink) !important; }
.skin-financeanswer .pagination .page-link.active { background: var(--fa-board) !important; color: var(--fa-led) !important; box-shadow: 2px 2px 0 var(--fa-red) !important; }

/* ── 반응형 ── */
@media (max-width: 1100px) {
    .skin-financeanswer .main-header nav ul > li > a { padding: 8px 6px; font-size: .84rem; }
    .skin-financeanswer .main-header nav ul > li:not(.has-dropdown) > a::before { display: none; }
    .skin-financeanswer .fa-windows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .skin-financeanswer .fa-tickets { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .skin-financeanswer .fa-post-layout { grid-template-columns: 1fr; }
    .skin-financeanswer .fa-rail { position: static; display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
}
@media (max-width: 900px) {
    .skin-financeanswer .fa-hero { grid-template-columns: 1fr; gap: 28px; }
    .skin-financeanswer .fa-hero-visual { max-width: 560px; }
    .skin-financeanswer .fa-qa-link { grid-template-columns: 1fr; }
    .skin-financeanswer .fa-qa-q { border-right: 0; border-bottom: 3px dashed var(--fa-ink); }
    .skin-financeanswer .fa-steps-list { grid-template-columns: 1fr; gap: 28px; }
    .skin-financeanswer .fa-footboard { grid-template-columns: 1fr 1fr; }
    .skin-financeanswer .fa-footboard-brand { grid-column: 1 / -1; }
    .skin-financeanswer .fa-queue-head, .skin-financeanswer .fa-queue-list a { grid-template-columns: 96px minmax(0, 1fr) 96px; }
    .skin-financeanswer .fa-queue-win { display: none; }
    .skin-financeanswer .fa-queue-head span:nth-child(2) { display: none; }
    .skin-financeanswer .fa-cathead { grid-template-columns: auto minmax(0, 1fr); }
    .skin-financeanswer .fa-cathead-count { grid-column: 1 / -1; display: flex; align-items: baseline; gap: 12px; width: fit-content; }
    .skin-financeanswer .fa-cathead-count span { margin: 0; }
}
@media (max-width: 768px) {
    .skin-financeanswer .main-header .containerHeader { min-height: 62px; padding: 0 16px; }
    .skin-financeanswer .main-header .brand-logo, .skin-financeanswer .main-header .brand-logo a { font-size: 1.15rem; }
    .skin-financeanswer .main-header .brand-logo a { gap: 9px; }
    .skin-financeanswer .main-header .brand-logo a::before { width: 32px; height: 32px; flex-basis: 32px; }
    .skin-financeanswer .main-header .menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; }
}
@media (max-width: 640px) {
    .skin-financeanswer main.container { padding: 0 16px; }
    .skin-financeanswer .fa-ticker { margin-top: 18px; padding: 10px 12px; gap: 9px; flex-wrap: wrap; }
    .skin-financeanswer .fa-ticker-num, .skin-financeanswer .fa-ticker-win { font-size: 1.05rem; }
    .skin-financeanswer .fa-ticker-text { flex-basis: 100%; font-size: .86rem; }
    .skin-financeanswer .fa-hero { padding: 30px 0 8px; }
    .skin-financeanswer .fa-hero-eyebrow { font-size: .66rem; letter-spacing: .12em; }
    .skin-financeanswer .fa-hero-title { font-size: 2.15rem; }
    .skin-financeanswer .fa-hero-lead { font-size: 1rem; }
    .skin-financeanswer .fa-hero-cta { flex-direction: column; }
    .skin-financeanswer .fa-hero-cta .fa-btn { width: 100%; }
    .skin-financeanswer .fa-hero-stats { position: static; justify-content: flex-end; margin-top: 8px; }
    .skin-financeanswer .fa-section { padding-top: 56px; }
    .skin-financeanswer .fa-windows { grid-template-columns: 1fr 1fr; gap: 12px; }
    .skin-financeanswer .fa-window-inner { box-shadow: 3px 3px 0 var(--fa-ink); }
    .skin-financeanswer .fa-window-plate { padding: 10px 12px; gap: 6px; }
    .skin-financeanswer .fa-window-plate strong { font-size: 1.9rem; }
    .skin-financeanswer .fa-window-letter { width: 26px; height: 26px; font-size: .85rem; }
    .skin-financeanswer .fa-window-body { padding: 12px; }
    .skin-financeanswer .fa-window-name { font-size: 1.02rem; }
    .skin-financeanswer .fa-window-desc { display: none; }
    .skin-financeanswer .fa-window-foot { font-size: .7rem; }
    .skin-financeanswer .fa-qa-link { box-shadow: 5px 5px 0 var(--fa-ink); }
    .skin-financeanswer .fa-qa-q, .skin-financeanswer .fa-qa-a-body { padding: 22px 20px; }
    .skin-financeanswer .fa-qa-badge { width: 44px; height: 44px; flex-basis: 44px; font-size: 1.4rem; }
    .skin-financeanswer .fa-qa-img { height: 140px; }
    .skin-financeanswer .fa-tickets { grid-template-columns: 1fr; gap: 16px; }
    .skin-financeanswer .fa-ticket-link { grid-template-columns: 80px minmax(0, 1fr); }
    .skin-financeanswer .fa-ticket-body { padding: 16px 14px 14px; }
    .skin-financeanswer .fa-steps { margin-top: 64px; padding: 44px 0; }
    .skin-financeanswer .fa-queue-head { display: none; }
    .skin-financeanswer .fa-queue-list a { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; padding: 14px 16px; }
    .skin-financeanswer .fa-queue-num { grid-row: 1; grid-column: 1; }
    .skin-financeanswer .fa-queue-date { grid-row: 1; grid-column: 2; }
    .skin-financeanswer .fa-queue-title { grid-column: 1 / -1; }
    .skin-financeanswer .fa-empty { grid-template-columns: 1fr; padding: 20px; gap: 18px; }
    .skin-financeanswer .fa-empty-board { justify-self: start; }
    .skin-financeanswer .fa-footboard { grid-template-columns: 1fr; gap: 28px; margin-top: 72px; }
    .skin-financeanswer .fa-call { font-size: 1rem; }
    .skin-financeanswer .fa-qcard { grid-template-columns: 1fr; gap: 14px; padding: 22px 20px; box-shadow: 5px 5px 0 var(--fa-ink); }
    .skin-financeanswer .fa-qcard-badge { width: 48px; height: 48px; font-size: 1.6rem; }
    .skin-financeanswer .fa-qcard-title { font-size: 1.5rem; }
    .skin-financeanswer .fa-acard { padding: 36px 18px 24px; border-radius: 10px; }
    .skin-financeanswer .fa-acard-tab { left: 16px; }
    .skin-financeanswer .fa-body { font-size: 1.02rem; line-height: 1.85; }
    .skin-financeanswer .fa-body h2 { font-size: 1.28rem; }
    .skin-financeanswer .fa-body table { display: block; overflow-x: auto; }
    .skin-financeanswer .fa-rail { grid-template-columns: 1fr; }
    .skin-financeanswer .fa-cathead { padding: 20px; gap: 16px; box-shadow: inset 0 0 0 4px #000, 5px 5px 0 var(--fa-red); }
    .skin-financeanswer .fa-cathead-plate { padding: 10px 12px; }
    .skin-financeanswer .fa-cathead-plate strong { font-size: 2.8rem; }
}