/* money.ranklab.kr — 금융 정보 */

:root {
    --money-navy: #0f172a;
    --money-gold: #b8860b;
    --money-line: #e2e8f0;
    --money-muted: #64748b;
    --money-text: #0f172a;
    --money-max: 1120px;
}

body.money-body {
    background: #fff;
    color: var(--money-text);
}

.money-main.site-main {
    padding: 0;
    max-width: none;
    width: 100%;
}

.money-home .container,
.money-page .container {
    width: min(var(--money-max), calc(100% - 32px));
    margin: 0 auto;
}

.money-footer {
    text-align: center;
    padding: 2rem;
    color: var(--money-muted);
    font-size: .875rem;
    border-top: 1px solid var(--money-line);
    margin-top: 2rem;
}

.money-section-title {
    font-size: 1rem;
    font-weight: 800;
    color: var(--money-text);
    margin: 0 0 1rem;
}

/* ── Home: 헤드라인 + 가로형 카테고리 행 ── */
.money-home {
    padding: 2rem 0 2.5rem;
}

.money-headlines {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 1px;
    margin-bottom: 2.5rem;
    border: 1px solid var(--money-line);
}

.money-headline {
    padding: 1.25rem;
    border-right: 1px solid var(--money-line);
}

.money-headline:last-child {
    border-right: none;
}

.money-headline--lead {
    border-bottom: 3px solid var(--money-gold);
}

.money-headline a {
    color: inherit;
}

.money-headline__cat {
    display: block;
    font-size: .6875rem;
    font-weight: 800;
    color: var(--money-gold);
    letter-spacing: .04em;
    margin-bottom: .35rem;
}

.money-headline h2 {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 0;
}

.money-headline--lead h2 {
    font-size: 1.25rem;
}

.money-headline p {
    margin: .5rem 0 0;
    font-size: .8125rem;
    color: var(--money-muted);
    line-height: 1.55;
}

.money-row-pair {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid var(--money-line);
}

.money-row {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 1.5rem;
    min-width: 0;
}

.money-row__label {
    position: relative;
    padding-top: .25rem;
}

.money-row__icon {
    display: block;
    font-size: 1.5rem;
    margin-bottom: .35rem;
}

.money-row__title {
    font-size: .9375rem;
    font-weight: 800;
    margin: 0;
}

.money-row__title a {
    color: var(--money-text);
}

.money-row__desc {
    font-size: .75rem;
    color: var(--money-muted);
    margin: .25rem 0 0;
}

.money-row__more {
    display: inline-block;
    margin-top: .5rem;
    font-size: .75rem;
    font-weight: 700;
    color: var(--money-gold);
}

.money-row__posts {
    list-style: none;
}

.money-row__posts li {
    padding: .65rem 0;
    border-bottom: 1px solid var(--money-line);
}

.money-row__posts li:last-child {
    border-bottom: none;
}

.money-row__posts a {
    display: block;
    color: inherit;
}

.money-row__posts strong {
    display: block;
    font-size: .9375rem;
    font-weight: 700;
    margin-bottom: .15rem;
}

.money-row__posts span {
    display: block;
    font-size: .8125rem;
    color: var(--money-muted);
    margin-bottom: .15rem;
}

.money-row__posts time {
    font-size: .6875rem;
    color: var(--money-muted);
    font-weight: 600;
}

.money-rank-bar {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 2px solid var(--money-text);
}

.money-rank-bar__list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 2rem;
}

.money-rank-bar__list li {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    padding: .45rem 0;
    border-bottom: 1px solid var(--money-line);
}

.money-rank-bar__num {
    flex-shrink: 0;
    width: 1.5rem;
    font-weight: 900;
    color: var(--money-gold);
    font-size: .875rem;
}

.money-rank-bar__list a {
    font-size: .875rem;
    font-weight: 600;
}

.money-empty {
    padding: 1.5rem;
    text-align: center;
    color: var(--money-muted);
    border: 1px dashed var(--money-line);
}

.money-page {
    padding: 2rem 0;
}

/* money header — 네비만 다크 */
body.money-body .site-header {
    background: var(--money-navy);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

body.money-body .site-header__logo {
    color: #d4a853;
}

body.money-body .site-header__nav-link {
    color: #cbd5e1;
}

body.money-body .site-header__nav-link:hover,
body.money-body .site-header__nav-link.is-active {
    color: #d4a853;
}

body.money-body .site-header__menu-toggle,
body.money-body .site-header__search-toggle {
    border-color: rgba(255, 255, 255, .15);
    background: transparent;
    color: #d4a853;
}

body.money-body .site-header__menu-toggle span {
    background: #d4a853;
}

body.money-body .site-header.is-menu-open .site-header__nav {
    background: var(--money-navy);
}

body.money-body .site-header__search-panel {
    background: var(--money-navy);
    border-top-color: rgba(255, 255, 255, .1);
}

body.money-body .site-header__search-form input[type="search"] {
    background: #fff;
    border-color: var(--money-line);
    color: var(--money-text);
}

body.money-body .site-header__search-submit {
    background: #d4a853;
    color: var(--money-navy);
}

@media (max-width: 900px) {
    .money-headlines {
        grid-template-columns: 1fr;
    }

    .money-headline {
        border-right: none;
        border-bottom: 1px solid var(--money-line);
    }

    .money-headline:last-child {
        border-bottom: none;
    }

    .money-row-pair {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .money-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .money-rank-bar__list {
        grid-template-columns: 1fr;
    }
}