.market-container{max-width:1240px}
/* 기본 상태 */
.top-nav{
    border-color: transparent;
    background: transparent;
    color:#fff;
}

/* 마우스를 올렸을 때만 */
.top-nav:hover{
    border-color:rgba(255,111,145,.7);
    background:rgba(255,111,145,.10);
}
.market-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.market-hero h1{font-size:clamp(23px,4vw,38px);letter-spacing:-.045em}
.market-lead{max-width:610px;margin:11px 0 0;color:#8fa6ba;font-size:14px;line-height:1.6}
.market-hero .index-widget{margin-top:0}
.market-hero .index-widget-heading{position:absolute;top:-32px;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 10px;color:#aebdca;line-height:1.35}
.market-hero .index-widget-heading strong{font-size:15px;font-weight:600;letter-spacing:-.01em}
.market-hero .index-widget-heading .index-status{position:static;margin:0;color:#7890a6;font-size:11px;font-weight:400;line-height:1.35;white-space:nowrap}
.market-hero .index-widget-heading{display:none!important}
.market-analysis-standard-mobile{display:none}
.back-screener{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 17px;border:1px solid var(--line);border-radius:12px;color:#d6e0e9;text-decoration:none;font-size:14px;font-weight:800;background:var(--panel);transition:.18s ease}
.back-screener:hover{border-color:#ff6f91;background:rgba(255,111,145,.08);transform:translateY(-1px)}
.back-screener span{color:#ff6f91;font-size:18px}
.market-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:14px;margin-bottom:14px}
.market-score-card,.difficulty-card,.market-metric-card,.market-panel,.scope-note{border:1px solid var(--line);background:var(--panel);box-shadow:0 14px 34px rgba(0,0,0,.12)}
.market-score-card{display:flex;align-items:center;gap:28px;min-height:260px;padding:30px;border-radius:20px;background:radial-gradient(circle at 12% 50%,rgba(255,111,145,.10),transparent 35%),var(--panel)}
.score-ring{--score:0;width:178px;height:178px;flex:0 0 178px;padding:12px;border-radius:50%;background:conic-gradient(#ff6f91 calc(var(--score)*1%),#283544 0);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 14px 36px rgba(0,0,0,.26)}
.score-ring-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#101923}
.score-ring strong{font-size:53px;line-height:.95;letter-spacing:-.06em}.score-ring span{margin-top:7px;color:var(--muted);font-size:13px}
.section-kicker{display:block;margin-bottom:8px;color:#ff7797;font-size:12px;font-weight:900;letter-spacing:.11em}
.score-copy h2,.difficulty-card h2{margin:0 0 10px;font-size:clamp(27px,3vw,39px);letter-spacing:-.045em}
.score-copy p,.difficulty-card p{max-width:650px;margin:0;color:#aab9c7;line-height:1.75}
.difficulty-card{position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:20px;overflow:hidden}
.difficulty-icon{position:absolute;right:24px;top:20px;font-size:24px;color:var(--warn);filter:drop-shadow(0 0 9px currentColor)}
.position-guide{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#0d1620}
.position-guide span{color:var(--muted);font-size:12px}.position-guide strong{font-size:15px}
.market-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.market-metric-card{padding:19px;border-radius:15px}
.metric-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.metric-head span{color:#b4c1ce;font-size:13px}.metric-head b{font-size:20px}
.progress{height:8px;margin:15px 0 10px;border-radius:999px;background:#263442;overflow:hidden}.progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff547c,#ff91aa);transition:width .7s ease}
.market-metric-card p{margin:0;color:var(--muted);font-size:12px}
.market-metric-card.metric-strong .metric-head b{color:#56d79a}.market-metric-card.metric-strong .progress i{background:#56d79a}
.market-metric-card.metric-good .metric-head b{color:#5fa8ff}.market-metric-card.metric-good .progress i{background:#5fa8ff}
.market-metric-card.metric-caution .metric-head b{color:#f2b866}.market-metric-card.metric-caution .progress i{background:#f2b866}
.market-metric-card.metric-weak .metric-head b{color:#ff7b87}.market-metric-card.metric-weak .progress i{background:#ff7b87}
.market-metric-card.metric-zero .metric-head b{color:#8ba0b3}.market-metric-card.metric-zero .progress i{background:#526679}
.lead-timing-cta{display:flex;align-items:center;gap:16px;margin:14px 0 0;padding:17px 20px;border:1px solid #2d4963;border-radius:18px;background:#102131;color:#eef5fb;text-decoration:none;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.lead-timing-cta:hover{border-color:#347fd0;background:#17324a;transform:translateY(-1px)}
.lead-timing-cta-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#2f8ee7}
.lead-timing-cta-icon svg{width:35px;height:35px;fill:none;stroke:#fff;stroke-width:3.7;stroke-linecap:round;stroke-linejoin:round}
.lead-timing-cta-copy{display:grid;gap:3px;min-width:0}.lead-timing-cta strong{font-size:22px;letter-spacing:-.04em}.lead-timing-cta>b{margin-left:auto;color:#3f9cf2;font-size:35px;font-weight:400}
@media(max-width:720px){.lead-timing-cta{gap:11px;margin-top:10px;padding:9px 12px;border-color:#2d6ff0;background:#2864e6;box-shadow:0 8px 22px rgba(24,79,190,.24)}.lead-timing-cta:hover{border-color:#2d6ff0;background:#2864e6;transform:none}.lead-timing-cta-icon{width:38px;height:38px;flex-basis:38px;border-radius:11px;background:rgba(147,207,255,.62)}.lead-timing-cta-icon svg{width:27px;height:27px;stroke-width:4}.lead-timing-cta strong{font-size:17px}.lead-timing-cta>b{color:#70b5ff;font-size:28px}}
@media(max-width:420px){.lead-timing-cta{padding-top:8px;padding-bottom:8px}.lead-timing-cta strong{font-size:16px}}
.market-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.lower-grid{grid-template-columns:1.18fr .82fr}
.market-panel{padding:24px;border-radius:18px}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:21px}.panel-heading h2{margin:0;font-size:22px;letter-spacing:-.035em}.panel-heading a{color:#ff7a99;text-decoration:none;font-size:13px;font-weight:800}.panel-badge{padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:#c3cfda;font-size:12px;font-weight:800;background:#0d1620}
.breadth-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.breadth-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #263645;border-radius:12px;background:#0e1721}.breadth-list span{color:#a9b7c5;font-size:13px}.breadth-list strong{font-size:18px}
.signal-balance{display:grid;gap:18px}.signal-row{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:12px}.signal-row>span{color:#b2c0cd;font-size:13px}.signal-row strong{text-align:right}.signal-track{height:11px;border-radius:999px;background:#253441;overflow:hidden}.signal-track i{display:block;width:0;height:100%;border-radius:inherit;transition:width .7s ease}.signal-row.positive i{background:#56d79a}.signal-row.neutral i{background:#f2c766}.signal-row.negative i{background:#ff7188}.signal-row.positive strong{color:#65dca5}.signal-row.neutral strong{color:#f2c766}.signal-row.negative strong{color:#ff7b8d}.panel-note{margin:23px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.leader-list{display:grid;gap:9px}.leader-item{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid #263645;border-radius:12px;background:#0e1721}.leader-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#ff84a0;font-weight:900;background:rgba(255,111,145,.10)}.leader-name strong{display:block;font-size:14px}.leader-name span{color:var(--muted);font-size:11px}.leader-signal{color:#aebdcc;font-size:12px}.leader-score{min-width:54px;text-align:center;padding:6px 8px;border-radius:999px;color:#8ee9ba;font-size:12px;font-weight:900;background:rgba(86,215,154,.12)}
.market-checklist{display:grid;gap:11px;margin:0;padding:0;list-style:none}.market-checklist li{position:relative;padding:13px 13px 13px 40px;border:1px solid #263645;border-radius:12px;color:#b7c4d0;font-size:13px;line-height:1.55;background:#0e1721}.market-checklist li::before{content:"✓";position:absolute;left:13px;top:12px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#ff7c99;font-weight:950;background:rgba(255,111,145,.12)}
.scope-note{margin-top:14px;padding:20px 22px;border-radius:15px}.scope-note strong{display:block;margin-bottom:7px;color:#fff}.scope-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.scope-note b{color:#d9e3eb}
@media(max-width:900px){.market-overview,.market-grid,.lower-grid{grid-template-columns:1fr}.market-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.market-hero{align-items:stretch;flex-direction:column}.back-screener{justify-content:center}.market-score-card{min-height:0;gap:18px;padding:22px}.score-ring{width:132px;height:132px;flex-basis:132px;padding:9px}.score-ring strong{font-size:40px}.score-copy h2{font-size:27px}.score-copy p{font-size:13px;line-height:1.6}.difficulty-card{padding:22px}.market-metrics{grid-template-columns:1fr 1fr;gap:8px}.market-metric-card{padding:15px 13px}.metric-head{align-items:flex-start;flex-direction:column;gap:5px}.metric-head b{font-size:18px}.market-panel{padding:19px 16px}.breadth-list{grid-template-columns:1fr}.leader-item{grid-template-columns:28px 1fr auto}.leader-signal{display:none}.scope-note{padding:18px}}
@media(max-width:420px){.market-score-card{align-items:flex-start;flex-direction:column}.score-ring{align-self:center}.market-metrics{grid-template-columns:1fr}.signal-row{grid-template-columns:64px 1fr 44px}.top-nav a{padding:0 10px;font-size:12px}}

/* 모바일 UI 보정: 첨부 이미지와 같은 2열 지표 카드 + 가로형 시장 점수 카드 */
@media (max-width:760px){
    .market-container{
        width:100%;
        max-width:none;
        padding-left:14px;
        padding-right:14px;
        box-sizing:border-box;
    }

    .market-hero{
        gap:14px;
        margin-bottom:18px;
    }

    .market-hero h1{
        margin:0;
        font-size:36px;
        line-height:1.12;
        letter-spacing:-.05em;
    }

    .back-screener{
        width:100%;
        min-height:46px;
        box-sizing:border-box;
        border-radius:12px;
    }

    .market-overview{
        gap:10px;
        margin-bottom:10px;
    }

    .market-score-card{
        display:grid;
        grid-template-columns:112px minmax(0,1fr);
        align-items:center;
        gap:18px;
        min-height:0;
        padding:22px 18px;
        border-radius:18px;
    }

    .score-ring{
        width:112px;
        height:112px;
        flex:0 0 112px;
        padding:8px;
    }

    .score-ring strong{
        font-size:38px;
    }

    .score-ring span{
        margin-top:5px;
        font-size:11px;
    }

    .section-kicker{
        margin-bottom:7px;
        font-size:11px;
    }

    .score-copy h2,
    .difficulty-card h2{
        margin-bottom:8px;
        font-size:27px;
        line-height:1.2;
    }

    .score-copy p,
    .difficulty-card p{
        font-size:13px;
        line-height:1.65;
    }

    .difficulty-card{
        min-height:190px;
        padding:22px 20px;
        border-radius:18px;
    }

    .difficulty-icon{
        right:20px;
        top:18px;
    }

    .position-guide{
        margin-top:18px;
        padding:13px 14px;
    }

    .market-metrics{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
        margin-bottom:10px;
    }

    .market-metric-card{
        min-width:0;
        min-height:150px;
        padding:20px 18px;
        border-radius:18px;
        box-sizing:border-box;
    }

    .metric-head{
        flex-direction:row;
        align-items:center;
        gap:10px;
    }

    .metric-head span{
        min-width:0;
        font-size:15px;
        line-height:1.35;
    }

    .metric-head b{
        margin-left:auto;
        flex:0 0 auto;
        font-size:27px;
        line-height:1;
    }

    .progress{
        height:9px;
        margin:20px 0 13px;
    }

    .market-metric-card p{
        font-size:13px;
        line-height:1.45;
    }

    .market-grid,
    .lower-grid{
        gap:10px;
        margin-bottom:10px;
    }

    .market-panel{
        padding:20px 17px;
        border-radius:18px;
    }
}

@media (max-width:480px){
    .market-container{
        padding-left:10px;
        padding-right:10px;
    }

    .market-hero h1{
        font-size:32px;
    }

    .market-score-card{
        grid-template-columns:96px minmax(0,1fr);
        gap:14px;
        padding:18px 15px;
    }

    .score-ring{
        width:96px;
        height:96px;
        flex-basis:96px;
        padding:7px;
    }

    .score-ring strong{
        font-size:34px;
    }

    .score-copy h2,
    .difficulty-card h2{
        font-size:23px;
    }

    .market-metric-card{
        min-height:142px;
        padding:18px 14px;
    }

    .metric-head span{
        font-size:14px;
    }

    .metric-head b{
        font-size:24px;
    }

    .market-metric-card p{
        font-size:12px;
    }
}

@media (max-width:360px){
    .market-score-card{
        grid-template-columns:84px minmax(0,1fr);
        gap:12px;
    }

    .score-ring{
        width:84px;
        height:84px;
        flex-basis:84px;
    }

    .score-ring strong{
        font-size:30px;
    }

    .score-copy h2,
    .difficulty-card h2{
        font-size:21px;
    }

    .market-metric-card{
        padding:16px 12px;
    }
}

/* 상단 코스피·코스닥 위젯 정렬 */
.market-hero{align-items:stretch}
.market-hero .index-widget{margin-left:auto}
@media(max-width:1000px){.market-hero .index-widget{margin-left:0;width:100%}}

/* 모바일: 시황분석 상단 코스피·코스닥 위젯 1행 2열 고정 */
@media (max-width:600px){
    .market-hero .index-widget{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
        width:100%;
        min-height:0;
        padding:8px;
    }

    .market-hero .index-card{
        grid-template-columns:minmax(0,74px) minmax(0,1fr);
        gap:6px;
        min-width:0;
        padding:10px 8px;
    }

    .market-hero .index-info span{font-size:11px}
    .market-hero .index-info strong{font-size:clamp(21px,7vw,28px)}
    .market-hero .index-info b{font-size:11px}

    .market-hero .index-chart-wrap{
        height:64px;
        min-width:0;
    }

    .market-hero .index-status{display:none}
}

@media (max-width:380px){
    .market-hero .index-widget{gap:6px;padding:6px}
    .market-hero .index-card{grid-template-columns:minmax(0,66px) minmax(0,1fr);padding:8px 6px}
    .market-hero .index-info span{font-size:10px}
    .market-hero .index-info strong{font-size:20px}
    .market-hero .index-info b{font-size:10px}
    .market-hero .index-chart-wrap{height:58px}
}

/* 2026-08-19: 코스닥 오른쪽 나스닥100 선물 카드 추가 */
.index-widget.index-widget-three{
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:min(1080px,72%);
}
.index-widget.index-widget-three .index-card{
    grid-template-columns:minmax(82px,100px) minmax(90px,1fr);
}
.index-widget.index-widget-three .index-card-futures{
    cursor:default;
}
@media(max-width:1000px){
    .index-widget.index-widget-three{width:100%}
}
@media(max-width:600px){
    .index-widget.index-widget-three{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .index-widget.index-widget-three .index-card{
        grid-template-columns:minmax(0,74px) minmax(0,1fr);
    }
    .index-widget.index-widget-three .index-card-futures{
        grid-column:1/-1;
        grid-template-columns:minmax(0,92px) minmax(0,1fr);
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three .index-card{
        grid-template-columns:minmax(0,66px) minmax(0,1fr);
    }
    .index-widget.index-widget-three .index-card-futures{
        grid-template-columns:minmax(0,82px) minmax(0,1fr);
    }
}

/* 2026-08-19: 모바일 지수 3개(코스피·코스닥·나스닥 선물) 1행 고정 */
@media(max-width:600px){
    .index-widget.index-widget-three{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:6px;
        padding:6px;
    }
    .index-widget.index-widget-three .index-card,
    .index-widget.index-widget-three .index-card-futures{
        grid-column:auto;
        grid-template-columns:minmax(0,68px) minmax(0,1fr);
        gap:4px;
        min-width:0;
        padding:8px 6px;
    }
    .index-widget.index-widget-three .index-info span{
        font-size:10.5px;
        line-height:1.15;
        letter-spacing:-.03em;
        white-space:nowrap;
    }
    .index-widget.index-widget-three .index-info strong{
        margin-top:3px;
        font-size:clamp(18px,4.8vw,24px);
        line-height:1.12;
        letter-spacing:-.035em;
    }
    .index-widget.index-widget-three .index-info b{
        margin-top:3px;
        font-size:12px;
        line-height:1.15;
    }
    .index-widget.index-widget-three .index-chart-wrap{
        height:56px;
        min-width:0;
        overflow:hidden;
    }
}
@media(max-width:420px){
    .index-widget.index-widget-three{
        gap:5px;
        padding:5px;
    }
    .index-widget.index-widget-three .index-card,
    .index-widget.index-widget-three .index-card-futures{
        grid-template-columns:minmax(0,60px) minmax(0,1fr);
        gap:3px;
        padding:7px 5px;
    }
    .index-widget.index-widget-three .index-info span{font-size:9.5px}
    .index-widget.index-widget-three .index-info strong{font-size:18px}
    .index-widget.index-widget-three .index-info b{font-size:11px}
    .index-widget.index-widget-three .index-chart-wrap{height:52px}
}
@media(max-width:360px){
    .index-widget.index-widget-three{
        gap:4px;
        padding:4px;
    }
    .index-widget.index-widget-three .index-card,
    .index-widget.index-widget-three .index-card-futures{
        grid-template-columns:minmax(0,54px) minmax(18px,1fr);
        gap:2px;
        padding:6px 4px;
    }
    .index-widget.index-widget-three .index-info span{font-size:9px;letter-spacing:-.05em}
    .index-widget.index-widget-three .index-info strong{font-size:17px;letter-spacing:-.045em}
    .index-widget.index-widget-three .index-info b{font-size:10.5px}
    .index-widget.index-widget-three .index-chart-wrap{height:48px}
}

/* 2026-08-19: PC 투자자 수급 영역을 시장 현황 박스 전체 폭으로 복원 */
@media (min-width:1001px){
    .index-widget.index-widget-three > .market-flow-strip{
        grid-column:1 / -1 !important;
        justify-self:stretch !important;
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }
}

/* 2026-08-19: 나스닥 선물 아래 미국 국채 10년 + 수급 영역 2/3 폭 */
.index-widget.index-widget-three > .market-flow-strip{
    grid-column:1 / span 2 !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
}
.index-widget.index-widget-three > .treasury-card{
    grid-column:3;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"name value" "name change";
    align-items:center;
    column-gap:10px;
    row-gap:2px;
    min-width:0;
    padding:9px 12px;
    border:1px solid rgba(145,163,181,.18);
    border-radius:11px;
    background:#0e1620;
}
.treasury-name{
    grid-area:name;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    letter-spacing:-.02em;
    white-space:nowrap;
}
.treasury-value{
    grid-area:value;
    color:var(--text);
    font-size:18px;
    font-weight:850;
    line-height:1.1;
    text-align:right;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.treasury-change{
    grid-area:change;
    font-size:12px;
    font-weight:850;
    line-height:1.1;
    text-align:right;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.treasury-change.up{color:#ff5f6d}
.treasury-change.down{color:#4d9cff}
.treasury-change.flat{color:var(--muted)}

@media (min-width:601px){
    .index-widget.index-widget-three > .market-flow-strip{
        grid-template-columns:96px minmax(0,1fr);
        gap:8px;
        padding-left:10px;
        padding-right:8px;
    }
    .index-widget.index-widget-three .market-flow-item{
        gap:5px;
        padding-left:7px;
        padding-right:7px;
    }
}

@media (max-width:600px){
    .index-widget.index-widget-three > .market-flow-strip{
        grid-column:1 / span 2 !important;
        grid-template-columns:64px minmax(0,1fr);
        gap:4px;
        padding:6px 4px;
    }
    .index-widget.index-widget-three .market-flow-title{gap:2px}
    .index-widget.index-widget-three .market-flow-switch{padding:1px;gap:1px}
    .index-widget.index-widget-three .market-flow-tab{
        min-width:29px;
        padding:2px 3px;
        font-size:8px;
    }
    .index-widget.index-widget-three .market-flow-title > span{
        margin-left:2px;
        font-size:7.5px;
    }
    .index-widget.index-widget-three .market-flow-item{
        flex-direction:column;
        align-items:center;
        gap:1px;
        padding:0 2px;
    }
    .index-widget.index-widget-three .market-flow-item span{font-size:8px}
    .index-widget.index-widget-three .market-flow-item b{font-size:11px}

    .index-widget.index-widget-three > .treasury-card{
        grid-column:3;
        grid-template-columns:1fr;
        grid-template-areas:"name" "value" "change";
        justify-items:center;
        align-content:center;
        gap:2px;
        padding:6px 3px;
        text-align:center;
    }
    .treasury-name{
        max-width:100%;
        overflow:hidden;
        font-size:8.5px;
        letter-spacing:-.055em;
        text-overflow:clip;
    }
    .treasury-value{font-size:14px;text-align:center;letter-spacing:-.035em}
    .treasury-change{font-size:10px;text-align:center}
}

@media (max-width:380px){
    .index-widget.index-widget-three > .market-flow-strip{
        grid-template-columns:58px minmax(0,1fr);
        gap:3px;
        padding:5px 3px;
    }
    .index-widget.index-widget-three .market-flow-tab{min-width:26px;padding:2px;font-size:7.5px}
    .index-widget.index-widget-three .market-flow-title > span{font-size:7px}
    .index-widget.index-widget-three .market-flow-item{padding:0 1px}
    .index-widget.index-widget-three .market-flow-item span{font-size:7.5px}
    .index-widget.index-widget-three .market-flow-item b{font-size:10px}
    .treasury-name{font-size:8px}
    .treasury-value{font-size:13px}
    .treasury-change{font-size:9.5px}
}


/* 2026-08-19 v21: 코스피/코스닥 2카드만 표시 */
.index-widget.index-widget-three{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(820px,58%)!important;
}
.index-widget.index-widget-three > .market-flow-strip{
    grid-column:1 / -1 !important;
}
@media(max-width:1000px){
    .index-widget.index-widget-three{width:100%!important;}
}
@media(max-width:600px){
    .index-widget.index-widget-three{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important;
        padding:6px!important;
    }
    .index-widget.index-widget-three .index-card{
        grid-template-columns:minmax(0,74px) minmax(0,1fr)!important;
    }
}
@media(max-width:420px){
    .index-widget.index-widget-three .index-card{grid-template-columns:minmax(0,66px) minmax(0,1fr)!important;}
}
@media(max-width:360px){
    .index-widget.index-widget-three .index-card{grid-template-columns:minmax(0,60px) minmax(18px,1fr)!important;}
}

/* 2026-08-20: market-page top tabs use the same pill dimensions as screener pages */
.top-nav,
.top-nav:hover{
    border-color:transparent;
    background:transparent;
}
@media(max-width:420px){
    .top-nav a{
        min-height:34px;
        padding:0 12px;
        font-size:13px;
    }
}


/* 2026-08-20: Signal 페이지 기준으로 마켓 페이지 가로 폭 통일 */
.market-container{
    max-width:1320px !important;
}


/* 2026-08-20: 시장현황 PC 콘텐츠 폭 기준 고정 */
@media (min-width:761px){
    .market-container{
        max-width:1240px !important;
    }
}


/* 2026-08-20: 모바일 시장현황 좌우 여백을 TIMING 카드 폭과 동일하게 */
@media(max-width:760px){
    .market-container{
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


/* 2026-08-20: 모바일 시장현황 타이틀/수치 크기 PRO 스크리너 기준 보정 */
@media(max-width:760px){
    .market-hero h1{
        font-size:23px !important;
        line-height:1.2 !important;
        letter-spacing:0 !important;
    }
    .metric-head b{
        font-size:22px !important;
        line-height:1.05 !important;
    }
    .breadth-list strong{
        font-size:16px !important;
        line-height:1.2 !important;
    }
    .signal-row strong{
        font-size:16px !important;
        line-height:1.2 !important;
    }
}
@media(max-width:480px){
    .market-hero h1{font-size:23px !important;}
    .metric-head b{font-size:21px !important;}
    .breadth-list strong,
    .signal-row strong{font-size:15px !important;}
}


/* 2026-08-22: MARKET · PULSE identity — previous LEAD mint accent only */
body.market-pulse-theme .logo-stock{color:#64d8c5!important}
body.market-pulse-theme .eyebrow{color:#64d8c5!important}
body.market-pulse-theme .top-nav .nav-primary{border-color:#64d8c5!important;background:#64d8c5!important;color:#082019!important}
body.market-pulse-theme .top-nav a:hover{border-color:#64d8c5!important;background:rgba(100,216,197,.10)!important;color:#fff!important}
body.market-pulse-theme .top-nav .nav-primary:hover{border-color:#7ae2d0!important;background:#7ae2d0!important;color:#082019!important}
.market-analysis-standard{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    margin:10px 4px 14px;
    color:#87a2b9;
    font-size:14px;
    line-height:1.35;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.market-analysis-standard span,
.market-analysis-standard strong,
.market-analysis-standard-mobile span,
.market-analysis-standard-mobile strong{
    color:#87a2b9;
    font-size:inherit;
    font-weight:400;
    letter-spacing:0;
}
@media(max-width:760px){
    body.market-pulse-theme .top-nav{gap:5px!important}
    body.market-pulse-theme .top-nav a{min-height:32px!important;padding:0 10px!important;font-size:12px!important}
    .market-hero{gap:20px!important;margin-bottom:12px!important}
    .market-hero h1{font-size:23px!important;line-height:1.2!important;letter-spacing:-.035em!important}
    .market-lead{max-width:420px;margin-top:8px;font-size:12.5px;line-height:1.65}
    .market-hero .index-widget{margin-top:31px!important}
    .market-hero .index-widget-heading{top:-24px;padding:0 8px}
    .market-hero .index-widget-heading strong{font-size:13px;font-weight:600;line-height:1.3}
    .market-hero .index-widget-heading .index-status{display:block!important;font-size:10px!important}
    .market-analysis-standard{display:none}
    .market-analysis-standard-mobile{
        position:absolute;
        top:-30px;
        left:5px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:7px;
        color:#87a2b9;
        font-size:13px;
        line-height:1.35;
        white-space:nowrap;
        font-variant-numeric:tabular-nums;
    }
}

/* 2026-08-23: 시장현황 Lite 상단 메뉴 4개 모바일 최적화 */
@media(max-width:540px){
    body.market-pulse-theme .site-header-inner{padding-left:4px!important;padding-right:4px!important;gap:5px}
    body.market-pulse-theme .site-logo{font-size:17px!important}
    body.market-pulse-theme .top-nav{gap:3px!important}
    body.market-pulse-theme .top-nav a{min-height:32px!important;padding:0 7px!important;font-size:11px!important}
}
@media(max-width:380px){
    body.market-pulse-theme .site-logo{font-size:16px!important}
    body.market-pulse-theme .top-nav a{padding:0 5px!important;font-size:10px!important}
}

/* PC 지수 현황을 타이틀보다 한 단계 아래에 배치 */
@media(min-width:761px){
    .market-hero .index-widget{transform:translateY(44px)}
}

/* 타이밍 페이지와 동일한 공유 버튼 */
.mobile-page-share,.mobile-share-toast{display:none}
@media(min-width:761px){
    .market-hero{position:relative}
    .market-hero .mobile-page-share{position:absolute;top:-10px;right:8px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:6px;width:auto;min-height:38px;margin-bottom:3px;padding:0 14px;border:1px solid #2e506d;border-radius:999px;background:#102235;color:#84c4ff;font-size:12px;font-weight:850;line-height:1;cursor:pointer;white-space:nowrap;transition:border-color .18s ease,background .18s ease,color .18s ease}
    .market-hero .mobile-page-share:hover{border-color:#469ce7;background:#17314a;color:#fff}
    .market-hero .mobile-page-share svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .mobile-share-toast{position:fixed;left:50%;bottom:24px;z-index:100;display:block;max-width:calc(100vw - 32px);padding:11px 16px;border:1px solid #3a5e7b;border-radius:999px;background:#102235;color:#eef6ff;box-shadow:0 14px 34px rgba(0,0,0,.38);font-size:12px;font-weight:750;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}
    .mobile-share-toast.is-visible{opacity:1;transform:translate(-50%,0)}
}
@media(max-width:720px){
    .page-title-share-wrap{position:relative;min-width:0;padding-right:108px}
    .mobile-page-share{position:absolute;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:6px;width:auto;height:34px;min-height:34px;margin-bottom:1px;padding:0 11px;border:1px solid #2e506d;border-radius:999px;background:#102235;color:#84c4ff;font-size:11px;font-weight:850;line-height:1;cursor:pointer;white-space:nowrap}
    .mobile-page-share svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .mobile-share-toast{position:fixed;left:50%;bottom:14px;z-index:100;display:block;max-width:calc(100vw - 32px);padding:11px 16px;border:1px solid #3a5e7b;border-radius:999px;background:#102235;color:#eef6ff;box-shadow:0 14px 34px rgba(0,0,0,.38);font-size:11px;font-weight:750;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}
    .mobile-share-toast.is-visible{opacity:1;transform:translate(-50%,0)}
}
@media(max-width:420px){
    .page-title-share-wrap{padding-right:101px}
    .mobile-page-share{height:32px;min-height:32px;padding:0 9px;font-size:10.5px}
}