:root {
    color-scheme: dark;
    --bg:#0b1118; --panel:#121b25; --panel2:#182431; --line:#2b3a49;
    --text:#ecf3f8; --muted:#91a3b5; --accent:#5eb5ff; --good:#56d79a;
    --warn:#ffd166; --bad:#ff7d8b;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body.modal-open{overflow:hidden}
button,input,select{font:inherit}
.container{width:min(1500px,calc(100% - 28px));margin:auto;padding:30px 0 46px}
.page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}
.eyebrow{margin:0 0 7px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em}
h1{margin:0;font-size:clamp(23px,4vw,38px)} h2,h3{margin-top:0}
.muted{margin:9px 0 0;color:var(--muted)}
button{border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:var(--panel2);color:var(--text);cursor:pointer}
button:hover{border-color:var(--accent)}
/* 코스피·코스닥 장중 지수 위젯 */
.page-header,.market-hero{align-items:stretch}
.index-widget{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(760px,52%);min-height:112px;padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.index-card{display:grid;grid-template-columns:100px minmax(150px,1fr);align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid rgba(145,163,181,.18);border-radius:11px;background:#0e1620}
.index-info{display:flex;flex-direction:column;min-width:0}.index-info span{color:var(--muted);font-size:12px;font-weight:800}.index-info strong{margin-top:3px;font-size:25px;line-height:1.15;white-space:nowrap}.index-info b{margin-top:3px;font-size:15px;font-weight:800;white-space:nowrap}
.index-change.up{color:#ff5f6d}.index-change.down{color:#4d9cff}.index-change.flat{color:var(--muted)}
.index-chart-wrap{position:relative;height:78px;min-width:0;padding:2px 0}.index-status{position:absolute;right:12px;bottom:-20px;margin:0;color:var(--muted);font-size:10px}

/* 코스피 투자자별 순매수: 상단 지수 위젯과 한 덩어리로 표시 */
.market-flow-strip{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:110px minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:9px 12px;
    border:1px solid rgba(145,163,181,.18);
    border-radius:11px;
    background:#0e1620;
}
.market-flow-title{min-width:0}
.market-flow-title strong{display:block;font-size:12px;line-height:1.15;white-space:nowrap}
.market-flow-title span{display:block;margin-top:3px;margin-left: 5px;color:var(--muted);font-size:9px;white-space:nowrap}
.market-flow-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
.market-flow-item{
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:7px;
    min-width:0;
    padding:1px 10px;
    border-left:1px solid rgba(145,163,181,.16);
}
.market-flow-item:first-child{border-left:0}
.market-flow-item span{color:var(--muted);font-size:11px;white-space:nowrap}
.market-flow-item b{font-size:15px;font-weight:850;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.market-flow-item b.up{color:#ff5f6d}
.market-flow-item b.down{color:#4d9cff}
.market-flow-item b.flat{color:#d5dee7}
.market-flow-time{color:var(--muted);font-size:9px;white-space:nowrap;text-align:right}
.market-flow-strip.is-unavailable .market-flow-time{color:#b6c1cc}
.load-more-wrap{padding:14px;text-align:center;border-top:1px solid var(--line);background:#101923}.load-more-button{min-width:260px;font-weight:850;color:#dbeaff;background:#172636;border-color:#39536c}.load-more-button:hover{border-color:var(--accent);background:#1b3043}

.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}
.summary-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.summary-card span{display:block;margin-bottom:8px;color:var(--muted);font-size:13px}
.summary-card strong{font-size:27px}
.controls{display:grid;grid-template-columns:160px 160px 1fr;gap:12px;align-items:end;padding:15px;border:1px solid var(--line);border-radius:14px 14px 0 0;background:var(--panel)}
.controls label{color:var(--muted);font-size:13px}
.controls input,.controls select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#0e1620;color:var(--text)}
.table-panel{border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;background:var(--panel)}
.table-scroll{overflow-x:auto}
table{width:100%;min-width:1120px;border-collapse:collapse}
th,td{padding:13px 7px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}
th{position:sticky;top:0;z-index:1;background:#17222e;color:#b9c8d6;white-space:nowrap}
tbody tr{cursor:pointer} tbody tr:hover{background:rgba(94,181,255,.06)}
.stock-name{font-weight:800}.stock-code{color:var(--muted);font-size:12px; padding-top: 5px;}
.score{display:inline-flex;min-width:48px;justify-content:center;border-radius:999px;padding:5px 9px;font-weight:900;white-space: nowrap;}
.score.elite{background:rgba(86,215,154,.25);color:#7ff2b8}.score.high{background:rgba(86,215,154,.17);color:var(--good)}
.score.mid{background:rgba(255, 178, 151, 0.16);color:#f8a56b}
.score.watch{background:rgba(255,209,102,.16);color:var(--warn)}
.score.low{background:rgba(145,163,181,.14);color:#bcc8d3}
.score-caption{margin-top:5px;color:var(--muted);font-size:11px;white-space:nowrap}
.reason-list{display:flex;flex-wrap:wrap;gap:6px;max-width:430px}
.reason{border:1px solid var(--line);border-radius:999px;padding:4px 8px;background:#0e1620;font-size:12px;white-space:nowrap}
.reason b{color:var(--good)}.reason.penalty{border-color:rgba(255,125,139,.42);background:rgba(255,125,139,.08)}.reason.penalty b{color:var(--bad)}.reason.bollinger{border-color:rgba(94,181,255,.75);box-shadow:inset 0 0 0 1px rgba(94,181,255,.12)}.price-down{color:var(--bad)}.price-up{color:var(--good)}

/* 수익률: 분석/현재 가격은 작게, 구분선 아래 수익은 더 크게 표시 */
.change-rate{display:inline-block;font-weight:850;white-space:nowrap}
.change-cell{white-space:nowrap}
.rate-line{display:block;font-size:11px;line-height:1.45;white-space:nowrap}
.current-rate{margin-top:2px}
/* 현재 가격 아래 구분선 + 분석 시점 대비 수익률 */
.profit-rate{
    font-size:14px;
    margin-top:7px;
    padding-top:7px;
    border-top:1px solid var(--line);
}
.rate-label{color:var(--muted);font-weight:650}
.rate-value{font-weight:850}
/* 구분선 위(분석/현재)는 muted 색상으로 표시 */
.analysis-rate .rate-label,.analysis-rate .rate-value,
.current-rate .rate-label,.current-rate .rate-value{color:var(--muted)!important;font-weight:500}
.rate-status{color:var(--muted);font-weight:650}
.change-up{color:#ff5f6d!important}
.change-down{color:#4d9cff!important}
.change-flat{color:var(--muted)!important}
.detail-score small.change-up,.detail-score small.change-down,.detail-score small.change-flat{font-weight:850}

.notice{margin-bottom:15px;border:1px solid rgba(255,125,139,.5);border-radius:12px;padding:13px 15px;background:rgba(255,125,139,.08);color:#ffbdc4}
.hidden{display:none!important}.empty{padding:38px;text-align:center;color:var(--muted)}
footer{color:var(--muted);font-size:12px;text-align:center;padding-top:18px}

/* 상세 모달 */
.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}
.modal-backdrop{position:absolute;inset:0;background:rgba(1,6,12,.78);backdrop-filter:blur(5px)}
.modal-card{position:relative;z-index:1;width:min(1380px,100%);max-height:94vh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:24px;background:#0e1721;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.modal-close{
    position:absolute;
    top:14px;
    right:14px;
    z-index:20;

    width:28px;
    height:28px;
    padding:0;

    border:0;
    border-radius:50%;
    background:transparent;

    color:#b8c6d5;
    font-size:18px;
    line-height:28px;
    cursor:pointer;
}

.modal-close:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
}
.detail-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-right:55px}
.detail-header h2{margin:0;font-size:30px}
.detail-score{
    font-size:30px;
    font-weight:900;
    color:var(--good);
    text-align:right;
    margin-right:22px;
}
.detail-score-value{font-size:30px;line-height:1.15;color:var(--good);font-weight:900}
.detail-rate-stack{display:inline-block;margin-top:8px;min-width:116px;text-align:right;color:var(--text)}
.detail-rate-stack .rate-line{font-size:12px;line-height:1.45}
.detail-rate-stack .profit-rate{font-size:14px;margin-top:7px;padding-top:7px}
.detail-rate-stack .analysis-rate .rate-label,.detail-rate-stack .analysis-rate .rate-value,
.detail-rate-stack .current-rate .rate-label,.detail-rate-stack .current-rate .rate-value{color:var(--muted)!important;font-weight:500}
.detail-rate-stack .profit-rate .rate-label{color:var(--muted)}
.detail-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}
.detail-stat{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.detail-stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.detail-stat strong{font-size:19px}

.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-grid.lower{margin-top:12px}
.detail-panel{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.detail-panel.wide{grid-column:1/-1}
.chart-wrap{position:relative;height:360px}.chart-wrap.small{height:230px}
.reason-cards{display:grid;gap:9px}
.reason-card{border:1px solid var(--line);border-radius:11px;padding:12px;background:#0d1620}
.reason-card-head{display:flex;justify-content:space-between;gap:12px;font-weight:800}
.reason-card-head b{color:var(--good)}
.reason-card p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.reason-card.penalty{border-color:rgba(255,125,139,.48);background:rgba(255,125,139,.06)}.reason-card.penalty .reason-card-head b{color:var(--bad)}.reason-card.bollinger{border-color:rgba(94,181,255,.85);box-shadow:inset 4px 0 0 var(--accent);background:rgba(94,181,255,.055)}
.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.metric{padding:12px;border:1px solid var(--line);border-radius:11px;background:#0d1620}
.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.metric strong{font-size:17px}

/* RSI 40 미만 강조 */
.rsi-good{
    color: var(--good);   /* 40 미만 : 초록 */
    font-weight:700;
}

.rsi-good2{
    color: #c1e1ab;   /* 40~49.9 : 노랑 */
    font-weight:700;
}

@media(max-width:760px){
    .container{width:min(100% - 18px,1500px);padding-top:18px}
    .page-header{align-items:stretch;flex-direction:column}.page-header button{width:100%}

    /* 요약 카드 4개를 모바일 한 화면에 모두 표시 */
    .summary-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:6px;
        overflow-x:visible;
        padding-bottom:0;
    }
    .summary-card{
        min-width:0;
        padding:11px 6px;
        border-radius:11px;
        text-align:center;
    }
    .summary-card span{
        min-height:18px;
        margin-bottom:5px;
        font-size:10px;
        line-height:1.25;
        word-break:keep-all;
    }
    .summary-card strong{
        display:block;
        font-size:clamp(15px,4.5vw,22px);
        line-height:1.15;
        white-space:nowrap;
        letter-spacing:-.04em;
    }

    .controls{
        display:grid;
        grid-template-columns:120px 1fr;
        gap:10px;
        align-items:end;
    }

    .controls label{
        margin:0;
    }

    .controls label:first-of-type{
        min-width:120px;
    }

    /* 모바일 표: 점수와 종가는 한 줄, 코드와 날짜는 두 줄 */
    .score{
        min-width:0;
        padding:5px 7px;
        white-space:nowrap;
        font-size:13px;
    }
    .score-caption{white-space:nowrap}
    .stock-code{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        line-height:1.25;
        white-space:normal;
    }
    .stock-code .ticker-code,
    .stock-code .market-date{display:block; padding-top: 5px;}
    th:nth-child(5),
    td:nth-child(5){white-space:nowrap}

    .modal{padding:6px}.modal-card{padding:15px;max-height:98vh}
    .detail-header{align-items:flex-start}.detail-summary{grid-template-columns:repeat(2,1fr)}
    .detail-grid{grid-template-columns:1fr}.detail-panel.wide{grid-column:auto}
    .chart-wrap{height:280px}.chart-wrap.small{height:220px}

    .muted {
        font-size: 13px;
    }

    .detail-header h2{font-size:25px}

    .detail-score{
        margin-right:0px;   /* 추가 */
    }
}


@media (max-width:760px){

    /* 코드 + 날짜 줄바꿈 */
    .stock-code{
        display:flex;
        flex-direction:column;
        line-height:1.25;
    }

    .ticker-code,
    .market-date{
        display:block;
    }

    /* 점수 한줄 */
    .score{
        white-space:nowrap;
    }

    /* 종가 줄바꿈 금지 */
    td:nth-child(5){
        white-space:nowrap;
    }

    /* 상단 카드 4개 한 화면 */
    .summary-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:6px;
        overflow:hidden;
    }

    .summary-card{
        padding:10px 6px;
        min-width:0;
    }

    .summary-card span{
        font-size:10px;
    }

    .summary-card strong{
        font-size:20px;
        white-space:nowrap;
    }
}
/* 상단 고정 내비게이션 */
html{scroll-behavior:smooth;scroll-padding-top:92px}
.site-header{
    position:sticky;
    top:0;
    z-index:900;
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.07);
    background:rgba(15,23,42,.96);
    backdrop-filter:blur(12px);
    box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.site-header-inner{
    width:min(1500px,calc(100% - 28px));
    min-height:66px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}
.site-logo{
    display:inline-flex;
    align-items:center;
    flex:0 0 auto;
    color:inherit;
    text-decoration:none;
    font-size:22px;
    font-weight:950;
    line-height:1;
    letter-spacing:-.045em;
}
.logo-stock{color:#ff6f91}
.logo-view{color:#fff}
.top-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.top-nav a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border:1px solid #344154;
    border-radius:999px;
    color:#b8c6d5;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
    transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}
.top-nav a:hover{
    border-color:#ff6f91;
    color:#fff;
    background:rgba(255,111,145,.08);
    transform:translateY(-1px);
}
.top-nav .nav-primary{
    border-color:#ff5f83;
    background:#ff5f83;
    color:#fff;
}
.top-nav .nav-primary:hover{
    border-color:#ff7695;
    background:#ff7695;
}
.anchor-section{scroll-margin-top:92px}

@media(max-width:760px){
    html{scroll-padding-top:70px}
    .site-header-inner{
        width:100%;
        min-height:58px;
        padding:0 10px 0 12px;
        gap:12px;
    }
    .site-logo{font-size:19px}
    .top-nav{
        flex:1;
        min-width:0;
        overflow-x:auto;
        justify-content:flex-end;
        gap:6px;
        padding:8px 0;
        scrollbar-width:none;
    }
    .top-nav::-webkit-scrollbar{display:none}
    .top-nav a{min-height:34px;padding:0 12px;font-size:13px}
    .anchor-section{scroll-margin-top:70px}
}


/* 최소 점수 숨김 */
.controls .minimum-score-control{
    display:none;
}

/* FAQ */
.faq-section{margin-top:34px;padding:48px 42px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
.faq-heading{text-align:center;margin:0 auto 28px;max-width:760px}
.faq-heading .faq-eyebrow{margin:0 0 9px;color:#ff6f91;font-size:14px;font-weight:850;letter-spacing:.04em}
.faq-heading h2{margin:0;font-size:clamp(25px,3.2vw,38px);letter-spacing:-.04em}
.faq-heading>p:last-child{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.65}
.faq-list{max-width:1040px;margin:0 auto;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{position:relative;display:block;padding:22px 48px 22px 2px;cursor:pointer;color:var(--text);font-size:18px;font-weight:750;line-height:1.45;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"▾";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;transition:transform .2s ease,color .2s ease}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(180deg);color:#ff6f91}
.faq-item summary:hover{color:#fff}
.faq-answer{padding:0 46px 22px 2px;color:#b8c6d5;font-size:15px;line-height:1.75}
.faq-answer p{margin:0}

@media(max-width:760px){
    .faq-section{margin-top:22px;padding:32px 18px;border-radius:14px}
    .faq-heading{margin-bottom:20px}
    .faq-heading h2{font-size:25px}
    .faq-heading>p:last-child{font-size:13px}
    .faq-item summary{padding:18px 34px 18px 0;font-size:15px}
    .faq-item summary::after{right:0}
    .faq-answer{padding:0 30px 18px 0;font-size:14px}
}

/* 모바일 상세 모달 스크롤 및 닫기 버튼 보정 */
.modal{
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
}
.modal-card{
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
}
.chart-wrap,
.chart-wrap canvas{
    touch-action:pan-y!important;
}

@media(max-width:760px){
    .modal{
        display:block;
        padding:0;
        overflow-y:auto;
        overflow-x:hidden;
        overscroll-behavior-y:contain;
        -webkit-overflow-scrolling:touch;
    }
    .modal-backdrop{
        position:fixed;
    }
    .modal-card{
        width:100%;
        min-height:100dvh;
        max-height:none;
        margin:0;
        padding:calc(68px + env(safe-area-inset-top)) 15px calc(28px + env(safe-area-inset-bottom));
        border-width:0;
        border-radius:0;
        overflow:visible;
    }
    .modal-close{
        position:fixed;
        top:calc(10px + env(safe-area-inset-top));
        right:12px;
        z-index:1100;
        float:none;
        width:44px;
        height:44px;
        border-radius:12px;
        background:#182431;
        box-shadow:0 6px 20px rgba(0,0,0,.38);
    }
    .detail-header{
        padding-right:0;
    }
}


@media (max-width:760px){
    .reason-list{
        display:flex;
        flex-wrap:wrap;
        gap:4px;
        max-height:78px; /* 최대 3줄 */
        overflow:hidden;
    }

    .reason{
        font-size:11px;
        padding:3px 7px;
        line-height:1.2;
    }

    th:nth-child(2),
    td:nth-child(2){
        min-width:100px;
        width:100px;
    }

}

footer{
    text-align:center;
}

.copyright{
    margin:18px 0 0;
    color:#7e8b9a;
    font-size:13px;
    line-height:1.6;
}

.copyright b,
.copyright .brand{
    color:#ffffff;
    font-weight:800;
}

@media (max-width:760px){

    #disclaimer{
        display:inline-block;
        max-width:200px;
        margin:0 auto;
        line-height:1.6;
        word-break:keep-all;
    }

    .copyright{
        margin-top:14px;
        font-size:12px;
    }

}
/* Enhanced scoring badges / intraday volume */
.stock-badges{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
.stock-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:900;line-height:1.2}
.stock-badge.warning{color:#ffd98a;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.35)}
.stock-badge.pullback{color:#8ee9ba;background:rgba(86,215,154,.11);border:1px solid rgba(86,215,154,.30)}
.stock-badge.selloff{color:#ff9b9b;background:rgba(255,92,92,.12);border:1px solid rgba(255,92,92,.38)}
.stock-badge.breakdown{color:#ff7f8a;background:rgba(255,72,89,.15);border:1px solid rgba(255,72,89,.48)}
.stock-badge.oversold{color:#d8b4fe;background:rgba(168,85,247,.12);border:1px solid rgba(192,132,252,.38)}
.stock-badge.surge{color:#ffcf87;background:rgba(255,169,64,.12);border:1px solid rgba(255,169,64,.38)}
.stock-badge.reversal{color:#83d8ff;background:rgba(64,177,255,.12);border:1px solid rgba(64,177,255,.35)}
.volume-raw{display:block;margin-top:4px;color:var(--muted);font-size:10px;white-space:nowrap}
.detail-stat strong{overflow-wrap:anywhere}
@media(max-width:760px){.stock-badge{font-size:10px;padding:2px 6px}.volume-raw{font-size:9px}.rate-line{font-size:12px}.profit-rate{font-size:14px}}

@media(max-width:1000px){.page-header,.market-hero{flex-direction:column}.index-widget{width:100%}}
@media(max-width:600px){.index-widget{grid-template-columns:1fr;min-height:0}.index-card{grid-template-columns:96px minmax(0,1fr)}.index-chart-wrap{height:70px}.index-status{display:none}.load-more-button{width:100%;min-width:0}}
.index-chart-wrap canvas{display:block;width:100%!important;height:100%!important}
.index-chart-wrap.is-empty::after{content:"장중 차트 준비 중";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px}

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

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

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

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

    .index-status{display:none}

    .market-flow-strip{
        grid-template-columns:70px minmax(0,1fr);
        gap:7px;
        padding:8px 7px;
    }
    .market-flow-title strong{font-size:10px}
    .market-flow-title span{font-size:8px}
    .market-flow-values{min-width:0}
    .market-flow-item{
        flex-direction:column;
        align-items:center;
        gap:2px;
        padding:0 4px;
    }
    .market-flow-item span{font-size:9px}
    .market-flow-item b{font-size:clamp(12px,3.7vw,15px)}
    .market-flow-time{
        grid-column:1/-1;
        margin-top:-2px;
        padding-right:2px;
        font-size:8px;
    }
}

@media (max-width:380px){
    .index-widget{gap:6px;padding:6px}
    .index-card{grid-template-columns:minmax(0,66px) minmax(0,1fr);padding:8px 6px}
    .index-info span{font-size:10px}
    .index-info strong{font-size:20px}
    .index-info b{font-size:14px}
    .index-chart-wrap{height:58px}
    .market-flow-strip{grid-template-columns:62px minmax(0,1fr);gap:4px;padding:7px 5px}
    .market-flow-item{padding:0 2px}
    .market-flow-item b{font-size:12px}
}



/* 모바일 종목 상세 요약: 핵심 지표 10개, 목표/손절은 마지막 2칸 고정 */
@media (max-width:760px){

    .detail-summary{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:10px;
    }

    .detail-stat{
        min-width:0;
        min-height:88px;
        padding:12px 9px;
    }

    .detail-stat span{
        font-size:11px;
        line-height:1.25;
        word-break:keep-all;
    }

    .detail-stat strong{
        display:block;
        margin-top:6px;
        font-size:clamp(15px,4.4vw,20px);
        line-height:1.2;
        letter-spacing:-.04em;
        word-break:keep-all;
        overflow-wrap:anywhere;
    }

    /* 목표 기준 */
    .detail-stat:nth-last-child(2){
        grid-column:1 / span 2;
        grid-row:3;
    }

    /* 손절 기준 */
    .detail-stat:last-child{
        grid-column:3 / span 2;
        grid-row:3;
    }
}

@media (max-width:380px){
    .detail-summary{gap:6px}
    .detail-stat{min-height:82px;padding:10px 7px}
    .detail-stat span{font-size:10px}
    .detail-stat strong{font-size:14px}
}
/* 종목 상세 상단 고정 */
.detail-header{
    position:sticky;
    top:-24px;
    z-index:20;
    margin:-24px -24px 0;
    padding:24px;
    padding-right:24px;
    border-bottom:1px solid rgba(255,255,255,.08);
    background:rgba(14,23,33,.97);
    backdrop-filter:blur(12px);
    box-shadow:0 10px 24px rgba(0,0,0,.16);
}

@media(max-width:760px){
    .modal-card{
        padding:0 15px calc(28px + env(safe-area-inset-bottom));
    }
    .detail-header{
        top:0;
        margin:0 -15px;
        padding:calc(14px + env(safe-area-inset-top)) 15px 11px;
    }
}


/* RSI·예상 거래량 정렬 버튼 */
.sort-button{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:inherit;
    font:inherit;
    font-weight:inherit;
    line-height:1.2;
    cursor:pointer;
    white-space:nowrap;
}
.sort-button:hover,
.sort-button:focus-visible{color:#ffffff}
.sort-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
.sort-button.is-active{color:#ffffff}
.sort-icon{display:inline-block;min-width:11px;color:#7890a5;font-size:11px;line-height:1;text-align:center}
.sort-button.is-active .sort-icon{color:var(--accent)}


/* 종목 상세 우측 상단 작은 닫기 버튼 */
.modal-close{
    display:flex!important;
    position:absolute;
    top:14px;
    right:14px;
    z-index:50;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#b8c6d5;
    font-size:17px;
    line-height:1;
    cursor:pointer;
}
.modal-close:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
}
@media(max-width:760px){
    .modal-close{
        position:absolute;
        top:calc(14px + env(safe-area-inset-top));
        right:12px;
        width:28px;
        height:28px;
        border-radius:50%;
        background:transparent;
        box-shadow:none;
    }
    .detail-header{padding-right:52px;}
}

/* 중장기 상승추세 배지 */
.stock-badge.trend{border:1px solid rgba(181,140,255,.55);background:rgba(181,140,255,.12);color:#cfb7ff}


/* 2026-08-10: 코스피/코스닥 수급 스위칭 + 갱신/최근분석 위치 보정 */
.market-flow-title{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.market-flow-switch{
    display:inline-flex;
    align-items:center;
    gap:2px;
    padding:2px;
    border:1px solid rgba(145,163,181,.20);
    border-radius:8px;
    background:#101a24;
}
.market-flow-tab{
    min-width:43px;
    margin:0;
    padding:3px 7px;
    border:0;
    border-radius:6px;
    background:transparent;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    line-height:1.25;
}
.market-flow-tab:hover{border-color:transparent;color:var(--text)}
.market-flow-tab.is-active{
    background:#203246;
    color:#dff1ff;
    box-shadow:inset 0 0 0 1px rgba(94,181,255,.22);
}
.index-card[data-index]{cursor:default;transition:border-color .15s ease,background .15s ease}
.index-card[data-index="KOSPI"] .index-info,.index-card[data-index="KOSDAQ"] .index-info{cursor:pointer}
.index-card[data-index="KOSPI"] .index-info:focus-visible,.index-card[data-index="KOSDAQ"] .index-info:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:5px}
.index-card[data-index] .index-chart-wrap{cursor:crosshair}

/* 지수 갱신 시각을 위젯 내부 상단 우측에 배치 */
.index-widget{padding-top:29px;padding-bottom:10px}
.index-status{
    display:block;
    top:9px;
    right:12px;
    bottom:auto;
    font-size:9px;
    line-height:1;
    text-align:right;
}

/* 최근 분석 시각은 검색/필터 패널 우측 상단으로 이동 */
.controls-meta{
    grid-column:1/-1;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
    margin:0 1px -2px;
}
.controls-updated{
    color:var(--muted);
    font-size:12px;
    line-height:1.35;
    white-space:nowrap;
}

@media (max-width:600px){
    .index-widget{padding:27px 8px 8px}
    .index-status{
        display:block;
        top:8px;
        right:9px;
        bottom:auto;
        max-width:calc(100% - 18px);
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:8px;
        white-space:nowrap;
        text-align:right;
    }
    .market-flow-strip{grid-template-columns:84px minmax(0,1fr)}
    .market-flow-title{gap:3px}
    .market-flow-switch{gap:1px;padding:1px}
    .market-flow-tab{min-width:37px;padding:3px 5px;font-size:9px}
    .controls-meta{justify-content:flex-end;margin-bottom:0}
    .controls-updated{font-size:11px;text-align:right}
}

@media (max-width:380px){
    .index-widget{padding:25px 6px 6px}
    .market-flow-strip{grid-template-columns:78px minmax(0,1fr)}
    .market-flow-tab{min-width:35px;padding:3px 4px;font-size:8px}
    .controls-updated{font-size:10px}
}


/* 2026-08-10 v4: 수급 기준시각 숨김 + 상단 갱신시각/모바일 최근분석 우측 정렬 */
.market-flow-strip{grid-template-columns:110px minmax(0,1fr)}
@media (max-width:600px){
    .market-flow-strip{grid-template-columns:84px minmax(0,1fr)}
    .controls-meta{justify-content:flex-end!important}
    .controls-updated{width:100%;text-align:right}
}
@media (max-width:380px){
    .market-flow-strip{grid-template-columns:78px minmax(0,1fr)}
}


/* 2026-08-10 v5: 갱신/최근 분석 시각을 각 박스 바깥 상단 우측으로 이동 */
.index-widget{
    margin-top:22px;
    padding-top:10px;
}
.index-status{
    display:block;
    top:-21px;
    right:2px;
    bottom:auto;
    margin:0;
    color:var(--muted);
    font-size:10px;
    line-height:1.2;
    text-align:right;
    white-space:nowrap;
}
.controls{
    position:relative;
}
.controls-meta{
    position:absolute;
    top:-24px;
    right:2px;
    z-index:2;
    display:block;
    width:auto;
    margin:0;
    pointer-events:none;
}
.controls-updated{
    display:block;
    color:var(--muted);
    font-size:12px;
    line-height:1.3;
    text-align:right;
    white-space:nowrap;
}

@media (max-width:600px){
    .index-widget{
        margin-top:20px;
        padding:8px;
    }
    .index-status{
        display:block;
        top:-19px;
        right:1px;
        max-width:100%;
        overflow:visible;
        text-overflow:clip;
        font-size:9px;
        white-space:nowrap;
        text-align:right;
    }
    .controls-meta{
        top:-22px;
        right:1px;
        left:auto;
        width:auto;
    }
    .controls-updated{
        width:auto;
        font-size:10px;
        text-align:right;
    }
}


/* 2026-08-10 v6: 메타 시각 크기 통일 + 최근 분석 상단 여백 */
.page-header{margin-bottom:34px}
.index-status{font-size:12px}
@media (max-width:600px){
    .page-header{margin-bottom:32px}
    .index-status{font-size:10px}
}

/* 2026-08-10 v7: 메타 시각 좌우 위치 미세 조정 */
.index-status{right:10px}
.controls-meta{right:-4px}
@media (max-width:600px){
    .index-status{right:8px}
    .controls-meta{right:-6px}
}


/* 2026-08-10 v9: 시장/스크리너 서브타이틀 시각적 위계 정리 */
.panel-subtitle{
    position:absolute;
    z-index:2;
    margin:0;
    color:#aebdca;
    font-size:15px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:-.01em;
    white-space:nowrap;
    pointer-events:none;
}

.index-subtitle{
    top:-23px;
    left:10px;
}

.controls-subtitle{
    top:-23px;
    left:12px;
}

/* 제목보다 메타 시각은 한 단계 더 약하게 */
.index-status,
.controls-updated{
    color:#7890a6;
    font-size:11px;
    font-weight:400;
    line-height:1.35;
}

/* 제목과 메타 시각이 같은 상단 라인에 안정적으로 놓이도록 여백 확보 */
.index-widget{margin-top:28px}

@media (max-width:600px){
    .panel-subtitle{
        font-size:13px;
        font-weight:600;
        line-height:1.3;
    }

    .index-subtitle{
        top:-22px;
        left:8px;
    }

    .controls-subtitle{
        top:-22px;
        left:8px;
    }

    .index-widget{margin-top:27px}
    .index-status{
        top:-21px;
        font-size:10px;
    }
    .controls-meta{top:-22px}
    .controls-updated{font-size:10px}
}

@media (max-width:380px){
    .panel-subtitle{font-size:13px}
    .index-status,
    .controls-updated{font-size:10px}
}

/* 2026-08-10 v10: 서브타이틀/박스 및 시장-스크리닝 구역 간격 보정 */

/* 시장 현황 박스와 종목 스크리닝 제목 사이 간격을 조금 더 확보 */
.page-header{
    margin-bottom:42px;
}

/* 시장 현황 제목 ↔ 지수 박스 */
.index-widget{
    margin-top:32px;
}

.index-subtitle{
    top:-32px;
}

/* 종목 스크리닝 제목 ↔ 검색/필터 박스 */
.controls-subtitle{
    top:-32px;
}

/* 최근 분석도 제목과 같은 상단 라인 유지 */
.controls-meta{
    top:-21px;
}

@media (max-width:600px){
    .page-header{
        margin-bottom:50px;
    }

    .index-widget{
        margin-top:31px;
    }

    .index-subtitle{
        top:-24px;
    }

    .controls-subtitle{
        top:-24px;
    }

    .controls-meta{
        top:-21px;
    }
}

@media (max-width:380px){
    .page-header{
        margin-bottom:45px;
    }
}

/* 2026-08-16 PRO 점수 배지: 1~50점 기준 색상, 50점 이상은 최고 녹색 고정 */
.score.score-50{background:rgba(47,213,154,.27);border:1px solid rgba(109,244,193,.44);color:#82f3bf}
.score.score-40{background:rgba(87,187,126,.23);border:1px solid rgba(126,218,156,.39);color:#91dfa9}
.score.score-30{background:rgba(186,177,77,.21);border:1px solid rgba(220,211,102,.37);color:#ddd77b}
.score.score-20{background:rgba(213,133,72,.22);border:1px solid rgba(239,161,96,.38);color:#efa56d}
.score.score-10{background:rgba(208,103,83,.22);border:1px solid rgba(237,132,109,.39);color:#ed8f79}
.score.score-1{background:rgba(197,79,91,.23);border:1px solid rgba(229,109,121,.40);color:#e97d89}
.score.score-0{background:rgba(116,131,147,.18);border:1px solid rgba(154,169,184,.30);color:#aebac6}

/* 2026-08-12 PRO mobile compact v1: Lite와 같은 밀도로 표 전체 폭 축소 */
@media (max-width:760px){
    #results .table-scroll{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    #results table{
        min-width:1042px;
        table-layout:fixed;
    }

    #results th,
    #results td{
        padding:11px 2px;
        font-size:12px;
    }

    /* 순위 / 종목 / 점수 / RSI / 수익률 */
    #results th:nth-child(1),
    #results td:nth-child(1){width:32px;}

    #results th:nth-child(2),
    #results td:nth-child(2){width:98px;min-width:98px;}

    #results th:nth-child(3),
    #results td:nth-child(3){width:78px;}

    #results th:nth-child(4),
    #results td:nth-child(4){width:54px;white-space:nowrap;}

    #results th:nth-child(5),
    #results td:nth-child(5){width:104px;white-space:nowrap;}

    /* 거래량 / 판단 근거 / 분석 종가 / 목표·손절 / 백테스트 */

    #results th:nth-child(6),
    #results td:nth-child(6){width:104px;white-space:nowrap;}

    #results th:nth-child(7),
    #results td:nth-child(7){width:220px;}

    #results th:nth-child(8),
    #results td:nth-child(8){width:94px;white-space:nowrap;}

    #results th:nth-child(9),
    #results td:nth-child(9){width:108px;white-space:nowrap;}

    #results th:nth-child(10),
    #results td:nth-child(10){width:150px;}

    #results .sort-button{
        gap:1px;
        font-size:11px;
        letter-spacing:-.045em;
    }

    #results .sort-icon{
        min-width:7px;
        font-size:8px;
    }

    #results .stock-name{
        font-size:12px;
        line-height:1.25;
        letter-spacing:-.04em;
        overflow-wrap:anywhere;
    }

    #results .stock-code{
        padding-top:4px;
        font-size:11px;
    }

    #results .score{
        min-width:0;
        padding:4px 5px;
        font-size:12px;
    }

    #results .change-cell .rate-line{
        font-size:9px;
        line-height:1.3;
    }

    #results .change-cell .profit-rate{
        margin-top:5px;
        padding-top:5px;
        font-size:12px;
    }

    #results .volume-raw{
        margin-top:4px;
        font-size:8px;
        line-height:1.2;
    }

    #results .stock-badges{
        gap:3px;
        margin-top:4px;
    }

    #results .stock-badge{
        min-height:18px;
        padding:2px 5px;
        font-size:9px;
    }

    #results .reason-list{
        gap:3px;
        max-width:220px;
        max-height:62px;
    }

    #results .reason{
        padding:3px 5px;
        font-size:9px;
        line-height:1.15;
    }

    #results td:nth-child(10){
        font-size:10px;
        line-height:1.35;
    }
}

@media (max-width:380px){
    #results table{min-width:974px;}

    #results th,
    #results td{padding-left:2px;padding-right:2px;}

    #results th:nth-child(1),
    #results td:nth-child(1){width:30px;}

    #results th:nth-child(2),
    #results td:nth-child(2){width:92px;min-width:92px;}

    #results th:nth-child(3),
    #results td:nth-child(3){width:74px;}

    #results th:nth-child(4),
    #results td:nth-child(4){width:50px;}

    #results th:nth-child(5),
    #results td:nth-child(5){width:100px;}

    #results th:nth-child(6),
    #results td:nth-child(6){width:96px;}

    #results th:nth-child(7),
    #results td:nth-child(7){width:200px;}

    #results th:nth-child(8),
    #results td:nth-child(8){width:90px;}

    #results th:nth-child(9),
    #results td:nth-child(9){width:102px;}

    #results th:nth-child(10),
    #results td:nth-child(10){width:140px;}
}

/* 2026-08-12 모바일 순위 열 중앙 정렬 */
@media (max-width:760px){
    #results th:nth-child(1),
    #results td:nth-child(1){
        text-align:center;
        padding-left:0;
        padding-right:0;
    }

    #results th:nth-child(1) .sort-button{
        width:100%;
        justify-content:center;
    }
}


/* 2026-08-12 PRO 모바일: 점수 여백 + RSI를 수익률 왼쪽에 배치 */
@media (max-width:760px){
    /* 종목명과 점수 배지 사이에 숨 쉴 공간을 추가 */
    #results th:nth-child(3),
    #results td:nth-child(3){
        padding-left:8px;
    }

    /* RSI는 짧은 숫자 열이라 중앙 정렬 */
    #results th:nth-child(4),
    #results td:nth-child(4){
        text-align:center;
    }

    #results th:nth-child(4) .sort-button{
        width:100%;
        justify-content:center;
    }
}

@media (max-width:380px){
    #results th:nth-child(3),
    #results td:nth-child(3){
        padding-left:7px;
    }
}

/* 2026-08-12 PRO table spacing v2: Lite 간격에 맞춤 + 헤더 중앙 정렬 */
/* PC/모바일 공통: 표 헤더명 중앙 정렬 */
#results th{
    text-align:center;
}
#results th .sort-button{
    width:100%;
    justify-content:center;
}

@media (max-width:760px){
    /* 앞쪽 열 간격을 Lite와 비슷하게 조정
       순위 / 종목 / 점수 / RSI / 수익률 */
    #results th:nth-child(1),
    #results td:nth-child(1){width:32px;}

    #results th:nth-child(2),
    #results td:nth-child(2){width:98px;min-width:98px;}

    /* 점수: 종목과 과하게 붙지 않으면서 Lite 수준의 간격 */
    #results th:nth-child(3),
    #results td:nth-child(3){
        width:74px;
        padding-left:2px;
        padding-right:2px;
    }

    /* RSI는 기존보다 조금 왼쪽, 열 자체는 넉넉하게 */
    #results th:nth-child(4),
    #results td:nth-child(4){
        width:76px;
        text-align:center;
        padding-left:2px;
        padding-right:2px;
    }

    /* 수익률은 RSI 열 폭을 늘려 기존보다 오른쪽으로 이동 */
    #results th:nth-child(5),
    #results td:nth-child(5){
        width:104px;
        white-space:nowrap;
    }
}

@media (max-width:380px){
    #results th:nth-child(1),
    #results td:nth-child(1){width:30px;}

    #results th:nth-child(2),
    #results td:nth-child(2){width:92px;min-width:92px;}

    #results th:nth-child(3),
    #results td:nth-child(3){
        width:70px;
        padding-left:2px;
        padding-right:2px;
    }

    #results th:nth-child(4),
    #results td:nth-child(4){width:74px;}

    #results th:nth-child(5),
    #results td:nth-child(5){width:100px;}
}


/* 2026-08-12 PRO table spacing v3: 헤더 좌측 정렬 + 앞쪽 열 미세 조정 */
/* PC / 모바일 공통: 표 헤더는 다시 좌측 정렬 */
#results th{
    text-align:left;
}
#results th .sort-button{
    width:auto;
    justify-content:flex-start;
}

/* 순위·종목은 좌측 정렬을 유지하되 표 왼쪽에서 살짝 띄움 */
#results th:nth-child(1),
#results td:nth-child(1){
    text-align:left;
    padding-left:10px;
}
#results th:nth-child(2),
#results td:nth-child(2){
    text-align:left;
    padding-left:10px;
}

@media (max-width:760px){
    /* 기존 모바일 순위 중앙 정렬을 취소 */
    #results th:nth-child(1),
    #results td:nth-child(1){
        text-align:left;
        padding-left:8px;
        padding-right:2px;
    }
    #results th:nth-child(1) .sort-button{
        width:auto;
        justify-content:flex-start;
    }

    #results th:nth-child(2),
    #results td:nth-child(2){
        padding-left:7px;
        padding-right:2px;
    }

    /* 점수는 배지만 살짝 오른쪽으로, 열 폭은 줄여 RSI 시작점은 왼쪽으로 */
    #results th:nth-child(3),
    #results td:nth-child(3){
        width:66px;
        padding-left:8px;
        padding-right:0;
        text-align:left;
    }

    /* RSI 수치는 기존보다 왼쪽에 배치 */
    #results th:nth-child(4),
    #results td:nth-child(4){
        width:70px;
        text-align:left;
        padding-left:0;
        padding-right:2px;
    }
    #results th:nth-child(4) .sort-button{
        width:auto;
        justify-content:flex-start;
    }

    /* 수익률은 현재 위치감을 유지 */
    #results th:nth-child(5),
    #results td:nth-child(5){
        width:104px;
    }
}

@media (max-width:380px){
    #results th:nth-child(1),
    #results td:nth-child(1){padding-left:7px;}

    #results th:nth-child(2),
    #results td:nth-child(2){padding-left:6px;}

    #results th:nth-child(3),
    #results td:nth-child(3){
        width:64px;
        padding-left:7px;
    }

    #results th:nth-child(4),
    #results td:nth-child(4){
        width:68px;
        padding-left:0;
    }
}


/* 2026-08-12 PRO: 수익률 오른쪽에 Lite 방식 등락률 추가 */
#results table{min-width:1200px;}
.day-change-cell{white-space:nowrap;}
.day-change-cell strong{display:block;font-weight:850;white-space:nowrap;}
.day-change-cell small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.25;white-space:nowrap;}

@media (max-width:760px){
    /* 11열 구조: 순위 / 종목 / 점수 / RSI / 수익률 / 등락률 / 거래량 / 판단근거 / 분석종가 / 목표손절 / 백테스트 */
    #results table{min-width:1118px;table-layout:fixed;}

    #results th:nth-child(1), #results td:nth-child(1){width:32px;}
    #results th:nth-child(2), #results td:nth-child(2){width:98px;min-width:98px;}
    #results th:nth-child(3), #results td:nth-child(3){width:66px;}
    #results th:nth-child(4), #results td:nth-child(4){width:70px;}
    #results th:nth-child(5), #results td:nth-child(5){width:104px;white-space:nowrap;}
    #results th:nth-child(6), #results td:nth-child(6){width:78px;white-space:nowrap;}
    #results th:nth-child(7), #results td:nth-child(7){width:104px;white-space:nowrap;}
    #results th:nth-child(8), #results td:nth-child(8){width:220px;}
    #results th:nth-child(9), #results td:nth-child(9){width:94px;white-space:nowrap;}
    #results th:nth-child(10), #results td:nth-child(10){width:108px;white-space:nowrap;}
    #results th:nth-child(11), #results td:nth-child(11){width:144px;}

    #results .day-change-cell strong{font-size:12px;line-height:1.2;}
    #results .day-change-cell small{margin-top:2px;font-size:9px;line-height:1.2;}
    #results td:nth-child(10){font-size:12px;line-height:normal;}
    #results td:nth-child(11){font-size:10px;line-height:1.35;}
}

@media (max-width:380px){
    #results table{min-width:1058px;}
    #results th:nth-child(1), #results td:nth-child(1){width:30px;}
    #results th:nth-child(2), #results td:nth-child(2){width:92px;min-width:92px;}
    #results th:nth-child(3), #results td:nth-child(3){width:64px;}
    #results th:nth-child(4), #results td:nth-child(4){width:68px;}
    #results th:nth-child(5), #results td:nth-child(5){width:100px;}
    #results th:nth-child(6), #results td:nth-child(6){width:74px;}
    #results th:nth-child(7), #results td:nth-child(7){width:96px;}
    #results th:nth-child(8), #results td:nth-child(8){width:200px;}
    #results th:nth-child(9), #results td:nth-child(9){width:90px;}
    #results th:nth-child(10), #results td:nth-child(10){width:102px;}
    #results th:nth-child(11), #results td:nth-child(11){width:132px;}
}

/* 2026-08-12 PRO PC: 종목 헤더/데이터 위치 미세 조정 */
@media (min-width:761px){
    /* 헤더의 '종목'은 살짝 왼쪽으로 */
    #results th:nth-child(2){
        padding-left:4px;
    }
    #results th:nth-child(2) .sort-button{
        justify-content:flex-start;
    }

    /* 실제 종목 데이터는 헤더보다 살짝 오른쪽으로 */
    #results td:nth-child(2){
        padding-left:18px;
    }
}

/* 2026-08-12 PRO PC/Mobile grid fine tuning v13 */
/* PC: 종목 헤더 위치 고정 + 점수~거래량 구간을 왼쪽부터 균등하게 배치 */
@media (min-width:761px){
    #results table{
        min-width:1302px;
        table-layout:fixed;
    }

    /* 순위 / 종목 */
    #results th:nth-child(1), #results td:nth-child(1){width:64px;}
    #results th:nth-child(2), #results td:nth-child(2){width:198px;}

    /* 사진의 빨간 박스 위치에 맞춘 '종목' 헤더 */
    #results th:nth-child(2){
        padding-left:14px;
        text-align:left;
    }
    #results th:nth-child(2) .sort-button{
        justify-content:flex-start;
    }
    /* 실제 종목 데이터는 헤더보다 아주 조금 오른쪽 */
    #results td:nth-child(2){padding-left:18px;}

    /* 보라 박스 구간: 점수부터 시작점을 왼쪽으로 당기고 각 열 간격 확보 */
    #results th:nth-child(3), #results td:nth-child(3){width:90px;padding-left:12px;padding-right:6px;}
    #results th:nth-child(4), #results td:nth-child(4){width:50px;padding-left:8px;padding-right:4px;}
    #results th:nth-child(5), #results td:nth-child(5){width:105px;padding-left:10px;padding-right:6px;}
    #results th:nth-child(6), #results td:nth-child(6){width:80px;padding-left:8px;padding-right:5px;}
    #results th:nth-child(7), #results td:nth-child(7){width:95px;padding-left:10px;padding-right:5px;}

    /* 뒤쪽 열 폭도 고정해 앞쪽 그리드가 늘어나지 않게 유지 */
    #results th:nth-child(8), #results td:nth-child(8){width:260px;}
    #results th:nth-child(9), #results td:nth-child(9){width:100px;}
    #results th:nth-child(10), #results td:nth-child(10){width:110px;}
    #results th:nth-child(11), #results td:nth-child(11){width:150px;}
}

@media (max-width:760px){
    /* PRO 모바일: RSI를 점수와 수익률 사이의 시각적 중앙으로 이동 */
    #results th:nth-child(4),
    #results td:nth-child(4){
        padding-left:10px;
        padding-right:0;
        text-align:left;
    }

    /* 모바일 헤더의 '종목'만 살짝 오른쪽으로 (데이터 위치는 유지) */
    #results th:nth-child(2) .sort-button{
        transform:translateX(6px);
    }
}

@media (max-width:380px){
    #results th:nth-child(4),
    #results td:nth-child(4){padding-left:9px;}
    #results th:nth-child(2) .sort-button{transform:translateX(5px);}
}

/* 2026-08-13 분석 기준 회차 선택 */
.controls-meta{
    top:-33px;
    pointer-events:auto;
}
.analysis-run-control{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    margin:0;
    color:#7890a6;
    font-size:11px;
    font-weight:400;
    line-height:1.3;
    white-space:nowrap;
}
.analysis-run-select-wrap{
    position:relative;
    display:inline-block;
    width:120px;
    min-width:0;
}
.controls .analysis-run-select{
    width:100%;
    min-width:0;
    max-width:none;
    margin:0;
    padding:4px 18px 4px 7px;
    border:1px solid rgba(120,144,166,.36);
    border-radius:7px;
    background:#0e1620;
    color:transparent;
    font-size:12px;
    font-weight:400;
    line-height:1.25;
    cursor:pointer;
}
.analysis-run-selected{
    position:absolute;
    left:7px;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    overflow:hidden;
    color:#8fa7bd;
    font-size:12px;
    font-weight:400;
    line-height:1.25;
    white-space:nowrap;
    pointer-events:none;
}
.controls .analysis-run-select:disabled{
    cursor:default;
    opacity:.72;
}
.controls .analysis-run-select option{
    background:#0e1620;
    color:#c3d0dc;
}
@media (max-width:600px){
    .controls-meta{top:-29px}
    .analysis-run-control{gap:4px;font-size:9px}
    .analysis-run-select-wrap{width:107px}
    .analysis-run-select-wrap::after{
        content:"";
        position:absolute;
        top:50%;
        right:4px;
        width:6px;
        height:6px;
        border-right:2px solid #8fa7bd;
        border-bottom:2px solid #8fa7bd;
        transform:translateY(-65%) rotate(45deg);
        pointer-events:none;
    }
    .controls .analysis-run-select{
        width:100%;
        min-width:0;
        max-width:none;
        padding:3px 11px 3px 5px;
        font-size:11px;
        appearance:none;
        -webkit-appearance:none;
        -moz-appearance:none;
    }
    .analysis-run-selected{
        left:5px;
        right:11px;
        font-size:11px;
    }
}
@media (max-width:380px){
    .analysis-run-control{font-size:8.5px}
    .analysis-run-select-wrap{width:103px}
    .controls .analysis-run-select{
        width:100%;
        min-width:0;
        max-width:none;
        font-size:10px;
    }
    .analysis-run-selected{font-size:10px}
}


/* 2026-08-15 PRO 관심종목 v1 */
/* 데스크톱: 보기 + 검색 + 우측 관심종목 버튼 */
.controls{
    grid-template-columns:160px minmax(220px,1fr) auto;
}
.search-control{min-width:0;}
.favorites-filter-button{
    align-self:end;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    min-width:112px;
    height:42px;
    padding:0 13px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#0e1620;
    color:#9aa8b5;
    /* font-weight:800; */
    white-space:nowrap;
    font-size:13px;
}
.favorites-filter-button:hover{border-color:#6f8192;background:#111d28;}
.favorite-filter-star{
    display:block;
    color:#8d99a5;
    font-size:25px;
    font-weight:700;
    line-height:1;
}
.favorites-filter-button.is-active{
    border-color:rgba(255,209,102,.55);
    background:rgba(255,209,102,.08);
    color:#ffd166;
}
.favorites-filter-button.is-active .favorite-filter-star{color:#ffd166;}

/* 순위 아래의 종목별 관심종목 별 */
.rank-cell{
    text-align:center;
    vertical-align:top;
}
.rank-number{
    display:block;
    text-align:left;
    font-weight:650;
}
.favorite-row-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    margin:8px 0 0 -3px;
    padding:0;
    border:0;
    border-radius:7px;
    background:transparent;
    color:#8d99a5;
    font-size:27px;
    font-weight:700;
    line-height:1;
}
.favorite-row-button:hover{
    border:0;
    background:rgba(145,163,181,.08);
    color:#b8c3cd;
}
.favorite-row-button.is-favorite{color:#ffd166;}
.favorite-row-button.is-favorite:hover{color:#ffdc7f;background:rgba(255,209,102,.08);}

@media(max-width:760px){
    .controls{
        grid-template-columns:120px minmax(0,1fr) 44px;
        gap:10px;
    }
    .controls label:first-of-type{min-width:120px;}
    .favorites-filter-button{
        min-width:44px;
        width:44px;
        height:42px;
        padding:0;
        border-radius:10px;
    }
    .favorite-filter-label{display:none;}
    .favorite-filter-star{font-size:28px;}
    .rank-number{text-align:center;}
    .favorite-row-button{
        width:28px;
        height:28px;
        margin:7px auto 0;
        font-size:25px;
    }
}

@media(max-width:380px){
    .controls{grid-template-columns:112px minmax(0,1fr) 42px;gap:8px;}
    .controls label:first-of-type{min-width:112px;}
    .favorites-filter-button{width:42px;min-width:42px;}
}

/* 2026-08-15 PRO 관심종목 별 아이콘 다듬기 v2
   - 기존 문자형 별 대신 선이 얇고 모서리가 부드러운 SVG 마스크 사용
   - 작은 크기로 정돈해 순위/검색 UI의 시각적 무게를 낮춤 */
.favorite-filter-star,
.favorite-row-button{
    font-size:0 !important;
}

.favorite-filter-star{
    width:18px;
    height:18px;
    flex:0 0 18px;
    color:#8895a2;
}

.favorite-filter-star::before,
.favorite-row-button::before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:currentColor;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain;
    /* 둥근 linecap/linejoin + 1.35px 얇은 외곽선 */
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* 선택된 별은 같은 둥근 실루엣을 채움 */
.favorites-filter-button.is-active .favorite-filter-star::before,
.favorite-row-button.is-favorite::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='black'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='black'/%3E%3C/svg%3E");
}

.favorite-row-button{
    width:25px;
    height:25px;
    margin:6px 0 0 -1px;
    border-radius:8px;
}
.favorite-row-button::before{
    width:18px;
    height:18px;
}

@media(max-width:760px){
    .favorite-filter-star{
        width:18px;
        height:18px;
        flex-basis:18px;
    }
    .favorite-row-button{
        width:24px;
        height:24px;
        margin:6px auto 0;
    }
    .favorite-row-button::before{
        width:17px;
        height:17px;
    }
}

/* 2026-08-15 PRO 관심종목 레이아웃 미세조정 v3
   - 검색 입력창과 관심종목 버튼 높이 통일
   - 모바일 관심종목 버튼은 같은 높이의 정사각형으로 축소
   - 순위 아래 별을 숫자 기준으로 조금 더 왼쪽 정렬 */
/* 일반 필터/검색 입력만 40px로 맞춥니다.
   상단의 분석 기준 선택(.analysis-run-select)은 기존의 작은 높이를 유지해야
   controls-meta 영역 밖으로 내려와 본문 박스와 겹치지 않습니다. */
.controls > label > input,
.controls > label > select{
    height:40px;
    padding-top:0;
    padding-bottom:0;
}

.favorites-filter-button{
    height:40px;
    min-width:108px;
    padding:0 12px;
    border-radius:9px;
}
.favorite-filter-star{
    width:17px;
    height:17px;
    flex-basis:17px;
}

/* 숫자의 시작점과 별의 시각적 시작점을 맞춤 */
.rank-cell,
.rank-number{
    text-align:left;
}
.favorite-row-button{
    margin:6px 0 0 -4px;
}

@media(max-width:760px){
    .controls{
        grid-template-columns:120px minmax(0,1fr) 40px;
    }
    .favorites-filter-button{
        width:40px;
        min-width:40px;
        height:40px;
        padding:0;
        border-radius:9px;
    }
    .favorite-filter-star{
        width:17px;
        height:17px;
        flex-basis:17px;
    }
    .rank-number{
        text-align:left;
    }
    .favorite-row-button{
        width:23px;
        height:23px;
        margin:6px 0 0 -4px;
    }
    .favorite-row-button::before{
        width:17px;
        height:17px;
    }
}

@media(max-width:380px){
    .controls{
        grid-template-columns:112px minmax(0,1fr) 40px;
    }
    .favorites-filter-button{
        width:40px;
        min-width:40px;
        height:40px;
    }
}

/* 2026-08-15 분석 기준 드롭다운 화살표 미세조정 v4
   - PC/모바일 모두 동일한 커스텀 화살표 사용
   - 기존 모바일 화살표보다 작고 얇게 표시 */
.analysis-run-select-wrap::after{
    content:"";
    position:absolute;
    top:50%;
    right:7px;
    width:5px;
    height:5px;
    border-right:1px solid #8fa7bd;
    border-bottom:1px solid #8fa7bd;
    transform:translateY(-68%) rotate(45deg);
    pointer-events:none;
    z-index:3;
}
.controls .analysis-run-select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    padding-right:18px;
}
.analysis-run-selected{
    right:18px;
}
@media (max-width:600px){
    .analysis-run-select-wrap::after{
        right:5px;
        width:5px;
        height:5px;
        border-right-width:1px;
        border-bottom-width:1px;
        transform:translateY(-68%) rotate(45deg);
    }
    .controls .analysis-run-select{
        padding-right:13px;
    }
    .analysis-run-selected{
        right:13px;
    }
}


/* 2026-08-15 PRO 상세화면 관심종목 v5
   - 종목명 바로 옆에 관심종목 추가
   - 목록 별(17~18px)보다 살짝 크게, 같은 둥근 별 실루엣 사용 */
.detail-title-row{
    display:flex;
    align-items:center;
    gap:2px;
    min-width:0;
}
.detail-title-row #modal-title{
    min-width:0;
}
.detail-favorite-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 32px;
    width:32px;
    height:32px;
    margin:1px 0 0 0;
    padding:0;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#8d99a5;
    cursor:pointer;
}
.detail-favorite-button::before{
    content:"";
    display:block;
    width:22px;
    height:22px;
    background:currentColor;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.detail-favorite-button:hover{
    color:#b8c3cd;
    background:rgba(145,163,181,.08);
}
.detail-favorite-button.is-favorite{
    color:#ffd166;
}
.detail-favorite-button.is-favorite::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='black'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='black'/%3E%3C/svg%3E");
}
.detail-favorite-button.is-favorite:hover{
    color:#ffdc7f;
    background:rgba(255,209,102,.08);
}

@media(max-width:760px){
    .detail-title-row{gap:2px;}
    .detail-favorite-button{
        flex-basis:30px;
        width:30px;
        height:30px;
        border-radius:8px;
    }
    .detail-favorite-button::before{
        width:21px;
        height:21px;
    }
}


/* ===== LEAD layout + brand accents (PRO theme base) ===== */
/* LEAD now uses the same pink brand accent as the current PRO theme. */
.logo-stock{color:#ff6f91}
.eyebrow{color:#6faef7}
.top-nav .nav-primary{border-color:#ff5f83;background:#ff5f83;color:#fff}
.top-nav .nav-primary:hover{border-color:#ff7695;background:#ff7695;color:#fff}

.lead-intro{margin:11px 0 0;color:var(--muted);font-size:14px;line-height:1.55}

/* Keep PRO blue for non-brand selections/interaction states. */
.market-flow-tab.is-active{background:#203246;color:#dff1ff;box-shadow:inset 0 0 0 1px rgba(94,181,255,.22)}

/* LEAD controls/table layout */
.controls{grid-template-columns:170px 170px minmax(260px,1fr) 118px}
.search-control,.marketcap-filter-control{min-width:0}

#results .lead-table{width:100%;min-width:1480px;table-layout:auto}
#results .lead-table th,#results .lead-table td{padding:14px 10px;text-align:left;vertical-align:top}
#results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:58px;min-width:58px;padding-left:12px}
#results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:170px;min-width:150px;padding-left:12px}
#results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:100px;min-width:92px}
#results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:105px;min-width:98px}
#results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:135px;min-width:124px}
#results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:112px;min-width:106px}
#results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:120px;min-width:112px}
#results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:110px;min-width:104px}
#results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:165px;min-width:155px}
#results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:145px;min-width:135px}
#results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:150px;min-width:140px}
#results .lead-table th:nth-child(12),#results .lead-table td:nth-child(12){width:132px;min-width:125px;padding-right:14px}
#results .lead-table th .sort-button{transform:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;white-space:nowrap}
#results .lead-table td strong{white-space:nowrap}
#results .lead-table td:nth-child(9) .cell-note,
#results .lead-table td:nth-child(10) .cell-note,
#results .lead-table td:nth-child(11) .cell-note{white-space:normal;max-width:175px}

.cell-note{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.3;white-space:nowrap}
.rank-cell{position:relative}
.rank-cell>strong{display:block;font-size:14px}
.row-favorite{display:block;width:22px;height:22px;margin:6px 0 0 -5px;padding:0;border:0!important;background:transparent!important;color:#8d99a5;font-size:17px;line-height:22px;text-align:center}
.row-favorite:hover{color:#b8c6d5}
.row-favorite.is-favorite{color:#ffd166}

.close-strength{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:28px;border-radius:8px;font-weight:850}
.close-strength.strength-high{background:rgba(86,215,154,.17);color:#7ff2b8}
.close-strength.strength-mid{background:rgba(94,181,255,.14);color:#9acbff}
.close-strength.strength-low{background:rgba(145,163,181,.14);color:#bcc8d3}
.flow-pair{display:flex;flex-direction:column;gap:4px;font-size:11px;white-space:nowrap}
.flow-pair b{font-weight:800}
.flow-up{color:var(--good)}
.flow-down{color:var(--bad)}

/* FAQ and the rest follow the PRO pink/blue theme, not LEAD mint. */
.faq-heading .faq-eyebrow{color:#ff6f91}
.faq-item[open] summary::after{color:#ff6f91}

@media(max-width:760px){
    .lead-intro{font-size:12px;margin-top:7px}
    .controls{grid-template-columns:112px 112px minmax(150px,1fr) 40px;gap:8px}
    .controls label{min-width:0!important}
    .favorites-filter-label{display:none}
    #results .lead-table{min-width:1240px}
    #results .lead-table th,#results .lead-table td{padding:11px 6px;font-size:12px}
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:42px;min-width:42px;padding-left:7px}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:108px;min-width:108px;padding-left:7px}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:72px;min-width:72px}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:82px;min-width:82px}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:100px;min-width:100px}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:82px;min-width:82px}
    #results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:88px;min-width:88px}
    #results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:78px;min-width:78px}
    #results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:145px;min-width:145px}
    #results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:125px;min-width:125px}
    #results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:130px;min-width:130px}
    #results .lead-table th:nth-child(12),#results .lead-table td:nth-child(12){width:96px;min-width:96px}
    .cell-note{font-size:9px;margin-top:4px}
    .close-strength{min-width:40px;height:25px}
    .row-favorite{margin-left:-4px}
}
@media(max-width:520px){
    /* 모바일에서도 보기 · 시가총액 · 종목 검색 · 관심종목를 한 줄에 유지 */
    .controls{
        grid-template-columns:23% 28% minmax(0,1fr) 40px;
        gap:6px;
        align-items:end;
    }
    .controls > label{min-width:0!important;}
    .search-control{grid-column:auto;min-width:0;}
    .favorites-filter-button{grid-column:auto;grid-row:auto;width:40px;min-width:40px;padding:0;}
    .controls > label > input,
    .controls > label > select{padding-left:9px;padding-right:9px;font-size:13px;}
    .controls label{font-size:12px;}
}


/* 2026-08-18 LEAD row favorite: PRO와 동일한 둥근 별 */
.row-favorite{
    display:flex;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px;
    margin:6px 0 0 -4px;
    padding:0;
    border:0!important;
    border-radius:8px;
    background:transparent!important;
    color:#8d99a5;
    font-size:0!important;
    line-height:1;
}
.row-favorite::before{
    content:"";
    display:block;
    width:18px;
    height:18px;
    background:currentColor;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='none' stroke='black' stroke-width='1.35' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.row-favorite.is-favorite{color:#ffd166}
.row-favorite.is-favorite::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='black'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.35c.5 0 .91.27 1.14.73l1.78 3.61 3.99.58c.5.07.88.4 1.04.87.15.47.03.97-.33 1.32l-2.89 2.82.68 3.98c.09.49-.11.96-.51 1.25-.4.29-.91.33-1.35.1L12 16.73l-3.56 1.88c-.44.23-.95.19-1.35-.1-.4-.29-.6-.76-.51-1.25l.68-3.98-2.89-2.82a1.25 1.25 0 0 1-.33-1.32c.16-.47.54-.8 1.04-.87l3.99-.58 1.78-3.61c.23-.46.64-.73 1.15-.73Z' fill='black'/%3E%3C/svg%3E");
}
@media(max-width:760px){
    .row-favorite{width:23px;height:23px;margin:6px 0 0 -4px}
    .row-favorite::before{width:17px;height:17px}
}


/* ===== LEAD mobile table compact widths: keep 거래대금 visible in the first viewport ===== */
@media(max-width:760px){
    #results .lead-table{
        width:1080px!important;
        min-width:1080px!important;
        table-layout:fixed!important;
    }
    #results .lead-table th,
    #results .lead-table td{
        padding:10px 4px!important;
        font-size:12px;
        overflow:hidden;
    }
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:38px!important;min-width:38px!important;padding-left:6px!important}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:92px!important;min-width:92px!important;padding-left:5px!important}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:66px!important;min-width:66px!important}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:74px!important;min-width:74px!important}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:96px!important;min-width:96px!important}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:76px!important;min-width:76px!important}
    #results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:82px!important;min-width:82px!important}
    #results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:72px!important;min-width:72px!important}
    #results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:132px!important;min-width:132px!important}
    #results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:112px!important;min-width:112px!important}
    #results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:118px!important;min-width:118px!important}
    #results .lead-table th:nth-child(12),#results .lead-table td:nth-child(12){width:92px!important;min-width:92px!important}

    #results .lead-table th .sort-button{font-size:12px!important;letter-spacing:-.03em}
    #results .lead-table .stock-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    #results .lead-table .stock-code{font-size:10px}
    #results .lead-table .score{padding:4px 6px;min-width:0;font-size:12px}
    #results .lead-table .score-caption,
    #results .lead-table .cell-note{font-size:9px;line-height:1.25}
}

@media(max-width:430px){
    #results .lead-table{
        width:1040px!important;
        min-width:1040px!important;
    }
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:36px!important;min-width:36px!important}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:86px!important;min-width:86px!important}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:62px!important;min-width:62px!important}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:70px!important;min-width:70px!important}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:92px!important;min-width:92px!important}
}


/* ===== LEAD quick signal labels under stock name ===== */
.lead-quick-labels{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-top:7px;
    max-width:150px;
}
.lead-chip{
    display:inline-flex;
    align-items:center;
    min-height:20px;
    padding:2px 6px;
    border:1px solid rgba(145,163,181,.22);
    border-radius:999px;
    background:rgba(145,163,181,.08);
    color:#bac8d5;
    font-size:10px;
    font-weight:800;
    line-height:1;
    letter-spacing:-.03em;
    white-space:nowrap;
}
.lead-chip.flow,.lead-chip.flow-strong{border-color:rgba(86,215,154,.30);background:rgba(86,215,154,.10);color:#7ee8b5}
.lead-chip.flow-strong{background:rgba(86,215,154,.16);color:#8df1c1}
.lead-chip.trend,.lead-chip.trend-strong{border-color:rgba(133,117,255,.34);background:rgba(133,117,255,.11);color:#b8afff}
.lead-chip.trend-strong{background:rgba(133,117,255,.17);color:#c7c0ff}
.lead-chip.relative{border-color:rgba(94,181,255,.32);background:rgba(94,181,255,.10);color:#93ccff}
.lead-chip.volume{border-color:rgba(255,209,102,.28);background:rgba(255,209,102,.09);color:#f2cf80}
.lead-chip.high{border-color:rgba(255,125,139,.30);background:rgba(255,125,139,.09);color:#ff9daa}
.lead-chip.execution{border-color:rgba(100,216,197,.30);background:rgba(100,216,197,.09);color:#91e7d8}
.lead-chip.group{border-color:rgba(196,142,255,.30);background:rgba(196,142,255,.09);color:#d6b1ff}
.lead-chip.close{border-color:rgba(145,163,181,.28);background:rgba(145,163,181,.09);color:#c5d0da}

@media(max-width:760px){
    .lead-quick-labels{gap:3px;margin-top:6px;max-width:86px}
    .lead-chip{min-height:17px;padding:2px 4px;font-size:8px;letter-spacing:-.055em}
    .lead-quick-labels .lead-chip:nth-child(n+4){display:none}
    #results .lead-table td:nth-child(2){overflow:visible!important}
    #results .lead-table td:nth-child(2) .market-cap-note{display:none}
}


/* ===== 2026-08-18 LEAD 신고가거리 색상 단계 =====
   고점에서 멀수록 초록색을 진하게, 0%에 가까울수록 흰색에 가깝게 표시합니다. */
#results .lead-table .high-gap-value{font-weight:850;transition:color .15s ease}
#results .lead-table .high-gap-50{color:#59d69a}
#results .lead-table .high-gap-40{color:#78dfae}
#results .lead-table .high-gap-30{color:#98e7c2}
#results .lead-table .high-gap-20{color:#b7ecd5}
#results .lead-table .high-gap-10{color:#d3f1e5}
#results .lead-table .high-gap-near{color:#e8f5ef}
#results .lead-table .high-gap-zero{color:#f2f6fa}

/* 시장대비 → 신고가거리 → 거래대금 → 거래량 순서에 맞춘 폭 보정 */
#results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:120px;min-width:112px}
#results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:135px;min-width:124px}
#results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:112px;min-width:106px}

@media(max-width:760px){
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:88px!important;min-width:88px!important}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:92px!important;min-width:92px!important}
    #results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:76px!important;min-width:76px!important}
}
@media(max-width:430px){
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:82px!important;min-width:82px!important}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:92px!important;min-width:92px!important}
}

/* ===== 2026-08-18 LEAD 컬럼 재배치: 신고가거리 → 수익률 → 등락률 → 거래대금 ===== */
#results .lead-table{
    min-width:1600px;
}
#results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:58px;min-width:58px}
#results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:170px;min-width:150px}
#results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:100px;min-width:92px}
#results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:120px;min-width:112px}
#results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:110px;min-width:104px}
#results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:105px;min-width:98px}
#results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:135px;min-width:124px}
#results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:112px;min-width:106px}
#results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:110px;min-width:104px}
#results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:165px;min-width:155px}
#results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:145px;min-width:135px}
#results .lead-table th:nth-child(12),#results .lead-table td:nth-child(12){width:150px;min-width:140px}
#results .lead-table th:nth-child(13),#results .lead-table td:nth-child(13){width:132px;min-width:125px;padding-right:14px}

#results .lead-day-change-cell{white-space:nowrap}
#results .lead-day-change-cell>strong{display:block;font-weight:850;white-space:nowrap}
#results .lead-day-change-cell .cell-note{display:block;color:var(--muted)!important;font-weight:500}
#results .lead-profit-cell{white-space:nowrap}
#results .lead-profit-cell .rate-line{display:block}

/* 보조 설명이 긴 후반 지표는 새 열 위치에 맞춰 줄바꿈 */
#results .lead-table td:nth-child(10) .cell-note,
#results .lead-table td:nth-child(11) .cell-note,
#results .lead-table td:nth-child(12) .cell-note{white-space:normal;max-width:175px}

@media(max-width:760px){
    #results .lead-table{
        width:1160px!important;
        min-width:1160px!important;
        table-layout:fixed!important;
    }
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:36px!important;min-width:36px!important}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:86px!important;min-width:86px!important}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:62px!important;min-width:62px!important}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:82px!important;min-width:82px!important}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:82px!important;min-width:82px!important}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:74px!important;min-width:74px!important}
    #results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:92px!important;min-width:92px!important}
    #results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:76px!important;min-width:76px!important}
    #results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:72px!important;min-width:72px!important}
    #results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:132px!important;min-width:132px!important}
    #results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:112px!important;min-width:112px!important}
    #results .lead-table th:nth-child(12),#results .lead-table td:nth-child(12){width:118px!important;min-width:118px!important}
    #results .lead-table th:nth-child(13),#results .lead-table td:nth-child(13){width:92px!important;min-width:92px!important}
    #results .lead-profit-cell .rate-line{font-size:10px;line-height:1.35}
    #results .lead-profit-cell .profit-rate{font-size:12px;margin-top:5px;padding-top:5px}
    #results .lead-day-change-cell>strong{font-size:12px;line-height:1.2}
    #results .lead-day-change-cell .cell-note{margin-top:3px;font-size:9px;line-height:1.2}
}

@media(max-width:430px){
    #results .lead-table{width:1140px!important;min-width:1140px!important}
}

/* ===== 2026-08-18 LEAD 신고가거리 데이터 우측 미세 정렬 ===== */
#results .lead-table td:nth-child(4){padding-left:16px}
@media(max-width:760px){
    #results .lead-table td:nth-child(4){padding-left:12px!important}
}
@media(max-width:430px){
    #results .lead-table td:nth-child(4){padding-left:14px!important}
}


/* ===== 2026-08-18 관심종목(주황 별) + 관망종목(둥근 세모) ===== */
/* 관심종목는 주황색, 관망종목은 기존 별의 회청색 계열을 사용합니다. */
.favorite-filter-star,
.favorite-row-button,
.row-favorite,
.detail-favorite-button{color:#f59e0b!important;}
.favorite-row-button:hover,
.row-favorite:hover,
.detail-favorite-button:hover{color:#fbbf24!important;}
.favorite-row-button.is-favorite,
.row-favorite.is-favorite,
.detail-favorite-button.is-favorite{color:#f59e0b!important;}
.favorites-filter-button.is-active{border-color:rgba(245,158,11,.58)!important;background:rgba(245,158,11,.09)!important;color:#f7b731!important;}
.favorites-filter-button.is-active .favorite-filter-star{color:#f59e0b!important;}

.interest-filter-button{
    align-self:end;display:inline-flex;align-items:center;justify-content:center;gap:5px;
    min-width:108px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:9px;
    background:#0e1620;color:#9aa8b5;white-space:nowrap;font-size:13px;
}
.interest-filter-button:hover{border-color:#6f8192;background:#111d28;}
.interest-filter-triangle{display:block;width:17px;height:17px;flex:0 0 17px;color:#8d99a5;}
.interest-filter-triangle::before,
.interest-row-button::before,
.row-interest::before{
    content:"";display:block;width:100%;height:100%;background:currentColor;
    -webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:contain;mask-size:contain;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 20 19H4Z' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 20 19H4Z' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.interest-filter-button.is-active{border-color:rgba(141,153,165,.58);background:rgba(141,153,165,.10);color:#bdc9d4;}
.interest-filter-button.is-active .interest-filter-triangle{color:#9aa8b5;}
.interest-filter-button.is-active .interest-filter-triangle::before,
.interest-row-button.is-interest::before,
.row-interest.is-interest::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 20 19H4Z' fill='black' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4.5 20 19H4Z' fill='black' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}

.rank-action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:1px;margin-top:5px;}
.rank-action-stack .favorite-row-button,
.rank-action-stack .row-favorite{margin-top:0!important;}
.interest-row-button,
.row-interest{
    display:flex;align-items:center;justify-content:center;width:25px;height:25px;margin:0 0 0 -4px;padding:0;
    border:0!important;border-radius:8px;background:transparent!important;color:#8d99a5;font-size:0!important;line-height:1;
}
.interest-row-button::before,
.row-interest::before{width:18px;height:18px;}
.interest-row-button:hover,
.row-interest:hover{color:#b8c6d5;background:rgba(145,163,181,.08)!important;}
.interest-row-button.is-interest,
.row-interest.is-interest{color:#9aa8b5;}

@media(max-width:760px){
    .favorite-filter-label,.interest-filter-label{display:none;}
    .favorites-filter-button,.interest-filter-button{width:40px;min-width:40px;height:40px;padding:0;border-radius:9px;}
    .rank-action-stack{margin-top:5px;gap:1px;align-items:flex-start;}
    .interest-row-button,.row-interest{width:23px;height:23px;margin-left:-4px;}
    .interest-row-button::before,.row-interest::before{width:17px;height:17px;}
}

/* LEAD: 보기 · 시가총액 · 검색 · 관심종목 · 관망종목 */
.controls{grid-template-columns:170px 170px minmax(260px,1fr) 108px 108px;}
@media(max-width:760px){.controls{grid-template-columns:112px 112px minmax(150px,1fr) 40px 40px;gap:7px;}}
@media(max-width:520px){
    .controls{grid-template-columns:21% 25% minmax(0,1fr) 40px 40px;gap:5px;align-items:end;}
    .interest-filter-button{grid-column:auto;grid-row:auto;}
}


/* ===== 2026-08-18 관심종목(별) + 관망종목(매우 둥글고 얇은 세모) 상태색 v3 =====
   - 미선택: 별/세모 모두 회색
   - 선택: 관심종목 별 = 주황색, 관망종목 세모 = 노란색
   - 세모 꼭짓점과 밑변 양쪽을 크게 라운딩하고 외곽선을 더 얇게 처리 */
.favorite-filter-star,
.favorite-row-button,
.row-favorite,
.detail-favorite-button{color:#8d99a5!important;}
.favorite-row-button:hover,
.row-favorite:hover,
.detail-favorite-button:hover{color:#b8c3cd!important;}
.favorite-row-button.is-favorite,
.row-favorite.is-favorite,
.detail-favorite-button.is-favorite{color:#f59e0b!important;}
.favorite-row-button.is-favorite:hover,
.row-favorite.is-favorite:hover,
.detail-favorite-button.is-favorite:hover{color:#fbbf24!important;}
.favorites-filter-button:not(.is-active) .favorite-filter-star{color:#8d99a5!important;}
.favorites-filter-button.is-active{border-color:rgba(245,158,11,.58)!important;background:rgba(245,158,11,.09)!important;color:#f59e0b!important;}
.favorites-filter-button.is-active .favorite-filter-star{color:#f59e0b!important;}

.interest-filter-triangle,
.interest-row-button,
.row-interest{color:#8d99a5!important;}
.interest-row-button:hover,
.row-interest:hover{color:#b8c3cd!important;}
.interest-filter-button:not(.is-active) .interest-filter-triangle{color:#8d99a5!important;}
.interest-filter-button.is-active{border-color:rgba(250,204,21,.58)!important;background:rgba(250,204,21,.09)!important;color:#facc15!important;}
.interest-filter-button.is-active .interest-filter-triangle,
.interest-row-button.is-interest,
.row-interest.is-interest{color:#facc15!important;}
.interest-row-button.is-interest:hover,
.row-interest.is-interest:hover{color:#fde047!important;}

/* 매우 둥근 관망 세모: 미선택은 얇은 외곽선 */
.interest-filter-triangle::before,
.interest-row-button::before,
.row-interest::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='none' stroke='black' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='none' stroke='black' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
/* 선택 시 같은 매우 둥근 실루엣을 노란색으로 채움 */
.interest-filter-button.is-active .interest-filter-triangle::before,
.interest-row-button.is-interest::before,
.row-interest.is-interest::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='black'/%3E%3C/svg%3E")!important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='black'/%3E%3C/svg%3E")!important;
}


/* ===== 2026-08-19 관심종목 별 선택색 노란색 통일 v4 =====
   - 기존 관망종목 세모는 변경하지 않음
   - 미선택 별은 기존 회색 유지
   - 선택된 관심종목 별만 관망종목과 같은 노란색(#facc15)으로 변경 */
.favorite-row-button.is-favorite,
.row-favorite.is-favorite,
.detail-favorite-button.is-favorite{
    color:#facc15!important;
}
.favorite-row-button.is-favorite:hover,
.row-favorite.is-favorite:hover,
.detail-favorite-button.is-favorite:hover{
    color:#fde047!important;
}
.favorites-filter-button.is-active{
    border-color:rgba(250,204,21,.58)!important;
    background:rgba(250,204,21,.09)!important;
    color:#facc15!important;
}
.favorites-filter-button.is-active .favorite-filter-star{
    color:#facc15!important;
}


/* ===== 2026-08-19 상세 관심종목 + 관망종목 버튼 v5 =====
   상세 종목명 오른쪽: 별(관심종목) + 둥근 세모(관망종목)
   미선택은 회색, 선택은 둘 다 노란색(#facc15) */
.detail-interest-button{
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;
    margin:1px 0 0;padding:0;border:0;border-radius:9px;background:transparent;color:#8d99a5;cursor:pointer;
}
.detail-interest-button::before{
    content:"";display:block;width:21px;height:21px;background:currentColor;
    -webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:contain;mask-size:contain;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='none' stroke='black' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='none' stroke='black' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.detail-interest-button:hover{color:#b8c3cd;background:rgba(145,163,181,.08);}
.detail-interest-button.is-interest{color:#facc15;}
.detail-interest-button.is-interest::before{
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='black'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.05 5.15 C11.45 4.45 12.55 4.45 12.95 5.15 L20.05 17.35 C20.55 18.25 19.9 19.3 18.85 19.3 H5.15 C4.1 19.3 3.45 18.25 3.95 17.35 Z' fill='black'/%3E%3C/svg%3E");
}
.detail-interest-button.is-interest:hover{color:#fde047;background:rgba(250,204,21,.08);}
@media(max-width:760px){
    .detail-interest-button{flex-basis:30px;width:30px;height:30px;}
    .detail-interest-button::before{width:20px;height:20px;}
}


/* ===== 2026-08-19 상세/메인 관망 세모 크기·간격 미세조정 v6 =====
   - 상세: 별과 세모 사이 시각 간격을 줄이고 세모를 한 단계 작게
   - 메인 목록: 관망 세모도 같은 비율로 소폭 축소
   - 색상/둥근 모양/터치 차트 동작은 변경하지 않음 */
.detail-title-row{gap:0!important;}
.detail-interest-button{
    flex-basis:28px!important;
    width:28px!important;
    height:32px!important;
    margin:1px 0 0 -2px!important;
}
.detail-interest-button::before{
    width:18px!important;
    height:18px!important;
}
.interest-row-button::before,
.row-interest::before{
    width:16px!important;
    height:16px!important;
}
@media(max-width:760px){
    .detail-title-row{gap:0!important;}
    .detail-interest-button{
        flex-basis:27px!important;
        width:27px!important;
        height:30px!important;
        margin-left:-2px!important;
    }
    .detail-interest-button::before{
        width:18px!important;
        height:18px!important;
    }
    .interest-row-button::before,
    .row-interest::before{
        width:15px!important;
        height:15px!important;
    }
}

/* ===== 2026-08-19 관망 세모 크기/상세 간격 미세조정 v7 =====
   - 상단 관망종목 필터 세모를 조금 더 작게
   - 메인 목록 세모도 같은 비율로 한 단계 축소
   - 상세 별-세모 간격을 종목명-별 간격 수준으로 축소
   - 차트/터치 동작은 변경하지 않음 */
.interest-filter-triangle{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
}
.interest-row-button::before,
.row-interest::before{
    width:15px!important;
    height:15px!important;
}
.detail-interest-button{
    flex-basis:25px!important;
    width:25px!important;
    margin-left:-5px!important;
}
.detail-interest-button::before{
    width:17px!important;
    height:17px!important;
}
@media(max-width:760px){
    .interest-filter-triangle{
        width:15px!important;
        height:15px!important;
        flex-basis:15px!important;
    }
    .interest-row-button::before,
    .row-interest::before{
        width:14px!important;
        height:14px!important;
    }
    .detail-interest-button{
        flex-basis:24px!important;
        width:24px!important;
        margin-left:-5px!important;
    }
    .detail-interest-button::before{
        width:17px!important;
        height:17px!important;
    }
}

/* 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: PC 타이틀 줄바꿈 방지 + 시장 현황 폭 약 60% */
@media (min-width:1001px){
    .page-header > div:first-child{
        flex:1 1 auto;
        min-width:0;
    }
    .page-header > div:first-child h1{
        white-space:nowrap;
    }
    .page-header > .index-widget.index-widget-three{
        width:60% !important;
        max-width:1080px;
        flex:0 1 60%;
    }
}


/* 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:#4d9cff}
.treasury-change.down{color:#ff5f6d}
.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 모바일 보기 드롭다운 축소 */
@media(max-width:760px){
    .controls > label:first-of-type{min-width:88px!important;}
}

/* 2026-08-19 LEAD: 코스피/코스닥 수급을 각 지수 카드 바로 아래에 고정 표시 */
.index-widget.index-widget-three > .market-flow-static{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 10px!important;
    display:flex!important;
    align-items:center;
    border:1px solid rgba(145,163,181,.18);
    border-radius:11px;
    background:#0e1620;
}
.index-widget.index-widget-three > .market-flow-static[data-flow-market="KOSPI"]{grid-column:1!important;}
.index-widget.index-widget-three > .market-flow-static[data-flow-market="KOSDAQ"]{grid-column:2!important;}
.index-widget.index-widget-three > .market-flow-static .market-flow-values{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    min-width:0;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:0;
    padding:0 8px;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item + .market-flow-item{
    border-left:1px solid rgba(145,163,181,.16);
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item span{font-size:11px;}
.index-widget.index-widget-three > .market-flow-static .market-flow-item b{font-size:15px;}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:7px 4px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        flex-direction:row;
        gap:3px;
        padding:0 2px;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item span{font-size:8.5px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item b{font-size:11px;}
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{gap:2px;padding:0 1px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item span{font-size:8px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item b{font-size:10px;}
}


/* 2026-08-19 PRO/LEAD 지수별 수급: 외국인/기관을 2행으로 표시 */
.index-widget.index-widget-three > .market-flow-static .market-flow-values{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(2,auto);
    align-content:center;
    row-gap:3px;
    width:100%;
    min-width:0;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr);
    align-items:baseline;
    justify-content:start!important;
    gap:7px!important;
    width:100%;
    min-width:0;
    padding:1px 6px!important;
    border-left:0!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item + .market-flow-item{
    border-left:0!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item span{
    text-align:left;
    font-size:11px;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item b{
    text-align:left;
    font-size:15px;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-values{row-gap:2px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:34px minmax(0,1fr);
        gap:4px!important;
        padding:1px 3px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item span{font-size:9px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item b{font-size:12px;}
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:32px minmax(0,1fr);
        gap:3px!important;
        padding:1px 2px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item span{font-size:8.5px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item b{font-size:11px;}
}


/* 2026-08-19 PRO/LEAD 지수 수급: 최근 30분 변화량 표시 */
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    grid-template-columns:48px minmax(68px,1fr) auto!important;
    column-gap:8px!important;
    align-items:center!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-label{
    min-width:0;
    text-align:left;
    white-space:nowrap;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    min-width:104px;
    margin-left:auto;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
    color:#c3cfda;
    font-size:11px;
    font-style:normal;
    font-weight:700;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
    min-width:66px;
    text-align:right;
    font-size:13px;
    font-weight:850;
    letter-spacing:-.025em;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.up{color:#ff5f6d;}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.down{color:#4d9cff;}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.flat{color:#d5dee7;}

@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:6px 4px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:35px minmax(52px,1fr) auto!important;
        column-gap:4px!important;
        padding:1px 2px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        font-size:8.5px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        font-size:11px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        gap:3px;
        min-width:76px;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        font-size:8px;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        min-width:49px;
        font-size:9.5px;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:33px minmax(48px,1fr) auto!important;
        column-gap:3px!important;
        padding:1px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{font-size:8px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{font-size:10px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{gap:2px;min-width:70px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{font-size:7.5px;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{min-width:45px;font-size:9px;}
}

/* 2026-08-19 PRO/LEAD 30분 수급 정렬 v2
   - '30분'과 변화량을 한 그룹으로 고정
   - 데이터가 '-' / 숫자 어느 경우에도 시작 위치가 흔들리지 않음
   - 변화량을 카드 오른쪽 끝이 아니라 '30분' 바로 옆에 표시 */
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    grid-template-columns:48px minmax(68px,1fr) 126px!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend{
    width:126px!important;
    min-width:126px!important;
    margin-left:0!important;
    justify-content:flex-start!important;
    gap:10px!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
    min-width:0!important;
    width:auto!important;
    text-align:left!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:35px minmax(48px,1fr) 86px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        width:86px!important;
        min-width:86px!important;
        gap:4px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        min-width:0!important;
        text-align:left!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:33px minmax(46px,1fr) 78px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        width:78px!important;
        min-width:78px!important;
        gap:3px!important;
    }
}



/* 2026-08-19 모바일 수급 30분 영역 비율 조정 v3
   - 외국인/기관, 누적값, 30분 추세가 한 카드 안에서 균형 있게 보이도록 재배치
   - 30분 그룹이 오른쪽 끝에 몰리지 않게 하고 누적값 공간을 확보 */
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:6px 7px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:40px minmax(58px,1fr) 72px!important;
        column-gap:4px!important;
        padding:1px 0!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        font-size:9.5px!important;
        letter-spacing:-.035em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        font-size:12px!important;
        letter-spacing:-.035em!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        width:72px!important;
        min-width:72px!important;
        gap:3px!important;
        justify-content:flex-start!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        flex:0 0 24px!important;
        width:24px!important;
        font-size:8.5px!important;
        letter-spacing:-.04em!important;
        text-align:left!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        flex:1 1 auto!important;
        min-width:0!important;
        font-size:9.5px!important;
        letter-spacing:-.04em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:6px 5px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:37px minmax(54px,1fr) 68px!important;
        column-gap:3px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{font-size:9px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{font-size:11px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        width:68px!important;
        min-width:68px!important;
        gap:2px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        flex-basis:23px!important;
        width:23px!important;
        font-size:8px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{font-size:9px!important;}
}


/* 2026-08-19 모바일 수급 30분 영역 비율 조정 v4
   - 고정 px 폭 때문에 30분 영역이 카드 밖으로 튀어나오던 문제 수정
   - 모바일에서는 라벨 / 누적값 / 30분추세 3열을 카드 실제 폭 안에서 유동 배치 */
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:6px 5px!important;
        overflow:hidden;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-values{
        width:100%!important;
        min-width:0!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:34px 56px minmax(0,1fr)!important;
        column-gap:3px!important;
        width:100%!important;
        min-width:0!important;
        padding:1px 0!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        min-width:0!important;
        font-size:9px!important;
        letter-spacing:-.045em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        min-width:0!important;
        font-size:11px!important;
        letter-spacing:-.045em!important;
        text-align:left!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        display:grid!important;
        grid-template-columns:24px minmax(0,1fr)!important;
        align-items:center!important;
        justify-content:stretch!important;
        gap:2px!important;
        width:100%!important;
        min-width:0!important;
        margin:0!important;
        overflow:visible!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        width:auto!important;
        min-width:0!important;
        font-size:8px!important;
        letter-spacing:-.055em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        width:auto!important;
        min-width:0!important;
        font-size:8.5px!important;
        letter-spacing:-.06em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static{padding:6px 4px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:31px 52px minmax(0,1fr)!important;
        column-gap:2px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{font-size:8.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{font-size:10.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        grid-template-columns:22px minmax(0,1fr)!important;
        gap:1px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{font-size:7.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{font-size:8px!important;}
}


/* 2026-08-19 모바일 수급 30분 영역 비율 조정 v5
   - 현재 누적수급과 30분 추세 사이를 세로 구분선으로 분리
   - 구분선은 카드 테두리와 같은 1px 색/두께
   - 30분 값 영역을 카드 안에서 확보해 실제 변화량도 잘리지 않도록 고정 */
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:5px 6px!important;
        overflow:hidden!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-values{
        width:100%!important;
        min-width:0!important;
        row-gap:0!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:34px 52px minmax(0,1fr)!important;
        column-gap:3px!important;
        align-items:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:24px!important;
        padding:0!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        min-width:0!important;
        font-size:9px!important;
        letter-spacing:-.04em!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        min-width:0!important;
        font-size:11px!important;
        letter-spacing:-.04em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:25px minmax(0,1fr)!important;
        align-items:center!important;
        justify-content:stretch!important;
        gap:3px!important;
        width:100%!important;
        min-width:0!important;
        height:24px!important;
        margin:0!important;
        padding:0 0 0 7px!important;
        border-left:1px solid rgba(145,163,181,.18)!important;
        overflow:hidden!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        width:auto!important;
        min-width:0!important;
        font-size:8px!important;
        line-height:1!important;
        letter-spacing:-.05em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        font-size:9px!important;
        line-height:1!important;
        letter-spacing:-.055em!important;
        text-align:left!important;
        white-space:nowrap!important;
        overflow:visible!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:5px 5px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:31px 48px minmax(0,1fr)!important;
        column-gap:2px!important;
        min-height:23px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{font-size:8.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{font-size:10.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        grid-template-columns:23px minmax(0,1fr)!important;
        gap:2px!important;
        height:23px!important;
        padding-left:6px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{font-size:7.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{font-size:8.5px!important;}
}


/* 2026-08-19 모바일 수급 좌/우 정확히 50:50 v6
   - 왼쪽 50%: 외국인/기관 + 누적값
   - 오른쪽 50%: 30분 + 변화량
   - 중앙 구분선은 카드 테두리와 동일 계열 1px */
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:5px 6px!important;
        overflow:hidden!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-values{
        width:100%!important;
        min-width:0!important;
        row-gap:0!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        grid-template-rows:24px!important;
        column-gap:0!important;
        align-items:center!important;
        width:100%!important;
        min-width:0!important;
        min-height:24px!important;
        padding:0!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        grid-column:1!important;
        grid-row:1!important;
        justify-self:start!important;
        align-self:center!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        font-size:9px!important;
        letter-spacing:-.04em!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        grid-column:1!important;
        grid-row:1!important;
        justify-self:end!important;
        align-self:center!important;
        min-width:0!important;
        margin:0!important;
        padding:0 7px 0 0!important;
        font-size:11px!important;
        letter-spacing:-.04em!important;
        text-align:right!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        grid-column:2!important;
        grid-row:1!important;
        box-sizing:border-box!important;
        display:grid!important;
        grid-template-columns:27px minmax(0,1fr)!important;
        align-items:center!important;
        justify-content:stretch!important;
        gap:3px!important;
        width:100%!important;
        min-width:0!important;
        height:24px!important;
        margin:0!important;
        padding:0 2px 0 8px!important;
        border-left:1px solid rgba(145,163,181,.18)!important;
        overflow:hidden!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        width:auto!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        font-size:8px!important;
        line-height:1!important;
        letter-spacing:-.04em!important;
        text-align:left!important;
        white-space:nowrap!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        display:block!important;
        width:auto!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        font-size:9px!important;
        line-height:1!important;
        letter-spacing:-.05em!important;
        text-align:left!important;
        white-space:nowrap!important;
        overflow:hidden!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static{padding:5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        padding-right:5px!important;
        font-size:10.5px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{font-size:8.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        grid-template-columns:25px minmax(0,1fr)!important;
        gap:2px!important;
        padding-left:6px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{font-size:7.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{font-size:8.5px!important;}
}

/* 2026-08-19 PRO/LEAD 수급 최종 비율 v7
   - 왼쪽(외국인/기관 + 누적값) 70%, 오른쪽(30분 방향) 30%
   - PC/모바일 동일 7:3
   - 오른쪽은 30분 + 화살표만 표시
   - 70% 경계에 카드 테두리 계열 1px 구분선 */
.index-widget.index-widget-three > .market-flow-static{
    overflow:hidden!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-values{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(2,auto)!important;
    width:100%!important;
    min-width:0!important;
    row-gap:2px!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    display:grid!important;
    grid-template-columns:29% 41% 30%!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:27px!important;
    padding:0!important;
    column-gap:0!important;
    border-left:0!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item + .market-flow-item{
    border-left:0!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-label{
    grid-column:1!important;
    min-width:0!important;
    margin:0!important;
    padding-left:10px!important;
    color:var(--muted)!important;
    font-size:11px!important;
    line-height:1!important;
    text-align:left!important;
    white-space:nowrap!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
    grid-column:2!important;
    min-width:0!important;
    margin:0!important;
    padding:0 10px 0 0!important;
    font-size:15px!important;
    line-height:1!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend{
    grid-column:3!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    height:27px!important;
    margin:0!important;
    padding:0 4px!important;
    border-left:1px solid rgba(145,163,181,.18)!important;
    overflow:hidden!important;
    white-space:nowrap!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
    display:inline-block!important;
    margin:0!important;
    padding:0!important;
    color:#c3cfda!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:750!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
    display:inline-block!important;
    width:auto!important;
    min-width:12px!important;
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.up{color:#ff5f6d!important;}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.down{color:#4d9cff!important;}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.flat{color:#d5dee7!important;}

@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:5px 5px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-values{
        row-gap:1px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:29% 41% 30%!important;
        min-height:24px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        padding-left:4px!important;
        font-size:8.5px!important;
        letter-spacing:-.035em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        padding-right:6px!important;
        font-size:11px!important;
        letter-spacing:-.04em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        height:24px!important;
        gap:5px!important;
        padding:0 2px!important;
        border-left:1px solid rgba(145,163,181,.18)!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        font-size:8px!important;
        letter-spacing:-.04em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        min-width:9px!important;
        font-size:11px!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .market-flow-static{padding:5px 4px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        padding-left:3px!important;
        font-size:8px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        padding-right:4px!important;
        font-size:10px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        gap:4px!important;
        padding:0 1px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{font-size:7.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{font-size:10px!important;}
}



/* 2026-08-19 PRO/LEAD 수급 레이아웃 v8
   - PC/모바일 모두 왼쪽 누적 수급 60%, 오른쪽 30분 방향 40%
   - 60% 경계에 1px 구분선
   - 모바일에서 '30분 + 화살표'가 잘리지 않도록 오른쪽 영역 폭/폰트/여백 최적화 */
.index-widget.index-widget-three > .market-flow-static{
    overflow:hidden!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-values{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(2,auto)!important;
    width:100%!important;
    min-width:0!important;
    row-gap:2px!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    display:grid!important;
    grid-template-columns:26% 34% 40%!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:27px!important;
    padding:0!important;
    column-gap:0!important;
    border-left:0!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item + .market-flow-item{
    border-left:0!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-label{
    grid-column:1!important;
    min-width:0!important;
    margin:0!important;
    padding-left:8px!important;
    color:var(--muted)!important;
    font-size:11px!important;
    line-height:1!important;
    text-align:left!important;
    white-space:nowrap!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
    grid-column:2!important;
    min-width:0!important;
    margin:0!important;
    padding:0 8px 0 0!important;
    font-size:15px!important;
    line-height:1!important;
    text-align:right!important;
    white-space:nowrap!important;
    font-variant-numeric:tabular-nums!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend{
    grid-column:3!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    height:27px!important;
    margin:0!important;
    padding:0 5px!important;
    border-left:1px solid rgba(145,163,181,.18)!important;
    overflow:hidden!important;
    white-space:nowrap!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
    display:inline-block!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    color:#c3cfda!important;
    font-size:11px!important;
    font-style:normal!important;
    font-weight:750!important;
    line-height:1!important;
    white-space:nowrap!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:10px!important;
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.up{color:#ff5f6d!important;}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.down{color:#4d9cff!important;}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong.flat{color:#d5dee7!important;}

@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:5px 3px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-values{
        row-gap:1px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:27% 33% 40%!important;
        min-height:24px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        padding-left:3px!important;
        font-size:8.5px!important;
        letter-spacing:-.045em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        padding-right:4px!important;
        font-size:10.5px!important;
        letter-spacing:-.05em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        height:24px!important;
        gap:4px!important;
        padding:0 2px!important;
        border-left:1px solid rgba(145,163,181,.18)!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        font-size:8px!important;
        letter-spacing:-.05em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        min-width:8px!important;
        font-size:10.5px!important;
    }
}
@media(max-width:420px){
    .index-widget.index-widget-three > .market-flow-static{
        padding:4px 2px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:28% 32% 40%!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{
        padding-left:2px!important;
        font-size:8px!important;
        letter-spacing:-.055em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        padding-right:3px!important;
        font-size:10px!important;
        letter-spacing:-.055em!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        gap:3px!important;
        padding:0 1px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{
        font-size:7.5px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        min-width:7px!important;
        font-size:10px!important;
    }
}
@media(max-width:360px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-label{font-size:7.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{font-size:9.5px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend em{font-size:7px!important;}
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{font-size:9.5px!important;}
}

/* 2026-08-19 수급 구분선 위치 미세조정 v9
   - 기존 60% 경계보다 살짝 오른쪽(63%)으로 이동
   - PC/모바일 동일 기준 유지 */
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    grid-template-columns:26% 37% 37%!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:28% 35% 37%!important;
    }
}
@media(max-width:420px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:29% 34% 37%!important;
    }
}


/* 2026-08-19 LEAD 모바일 필터 겹침 보정 v9
   - 보기(전체) 칸을 줄이고 시가총액 칸은 '제한 없음'이 들어갈 폭 확보
   - 검색/별/세모까지 한 줄 안에서 실제 가용폭에 맞게 배치 */
@media(max-width:600px){
    .controls{
        grid-template-columns:56px 94px minmax(0,1fr) 36px 36px!important;
        gap:5px!important;
        align-items:end!important;
    }
    .controls > label{
        min-width:0!important;
        width:auto!important;
    }
    .controls > label:first-of-type{
        min-width:0!important;
        width:auto!important;
    }
    .controls > label > input,
    .controls > label > select{
        box-sizing:border-box!important;
        min-width:0!important;
        width:100%!important;
        padding-left:8px!important;
        padding-right:20px!important;
        font-size:12px!important;
    }
    .controls > label:first-of-type > select{
        padding-left:8px!important;
        padding-right:20px!important;
    }
    .marketcap-filter-control > select{
        padding-left:8px!important;
        padding-right:20px!important;
        letter-spacing:-.03em!important;
    }
    .favorites-filter-button,
    .interest-filter-button{
        width:36px!important;
        min-width:36px!important;
        height:40px!important;
        padding:0!important;
    }
    .search-control{min-width:0!important;}
    #search-input{min-width:0!important;width:100%!important;}
}
@media(max-width:380px){
    .controls{
        grid-template-columns:52px 86px minmax(0,1fr) 34px 34px!important;
        gap:4px!important;
    }
    .controls label{font-size:11px!important;}
    .controls > label > input,
    .controls > label > select{
        padding-left:7px!important;
        padding-right:18px!important;
        font-size:11.5px!important;
    }
    .marketcap-filter-control > select{
        letter-spacing:-.045em!important;
    }
    .favorites-filter-button,
    .interest-filter-button{
        width:34px!important;
        min-width:34px!important;
    }
}



/* 2026-08-19 수급 구분선 위치 재조정 v10
   - PC/모바일 모두 구분선을 더 오른쪽으로 이동
   - 왼쪽 누적 수급 67%, 오른쪽 30분 방향 33% */
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    grid-template-columns:29% 38% 33%!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:30% 37% 33%!important;
    }
}
@media(max-width:420px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:31% 36% 33%!important;
    }
}


/* 2026-08-19 LEAD 모바일 필터 최종 폭 보정 v10
   - '전체'가 사라지지 않도록 첫 칸 확보
   - 시가총액 칸은 '제한 없음'이 보이는 최소 폭으로 축소
   - 검색 칸에 남은 폭을 우선 배정 */
@media(max-width:600px){
    .controls{
        grid-template-columns:70px 88px minmax(96px,1fr) 36px 36px!important;
        gap:4px!important;
    }
    .controls > label:first-of-type > select{
        padding-left:8px!important;
        padding-right:18px!important;
        font-size:12px!important;
        letter-spacing:-.02em!important;
    }
    .marketcap-filter-control > select{
        padding-left:7px!important;
        padding-right:18px!important;
        font-size:11.5px!important;
        letter-spacing:-.055em!important;
    }
    .search-control > input{
        padding-left:9px!important;
        padding-right:8px!important;
        font-size:12px!important;
    }
}
@media(max-width:380px){
    .controls{
        grid-template-columns:66px 84px minmax(88px,1fr) 34px 34px!important;
        gap:3px!important;
    }
    .controls > label:first-of-type > select{
        padding-left:7px!important;
        padding-right:17px!important;
        font-size:11.5px!important;
    }
    .marketcap-filter-control > select{
        padding-left:6px!important;
        padding-right:17px!important;
        font-size:11px!important;
    }
    .search-control > input{
        padding-left:8px!important;
        padding-right:6px!important;
        font-size:11.5px!important;
    }
}


/* 2026-08-19 v11: 수급 여백 + 미국 국채/WTI 2분할 */
.index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
    padding-right:8px!important;
}
.index-widget.index-widget-three > .market-flow-static .market-flow-trend{
    padding-left:8px!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:none!important;
    align-items:stretch!important;
    gap:0!important;
    padding:7px 5px!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"name" "value" "change"!important;
    justify-items:center!important;
    align-content:center!important;
    gap:2px!important;
    padding:0 6px!important;
    text-align:center!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item + .macro-market-item{
    border-left:1px solid rgba(145,163,181,.18)!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-name{
    grid-area:name!important;
    max-width:100%!important;
    overflow:hidden!important;
    font-size:10px!important;
    letter-spacing:-.035em!important;
    text-align:center!important;
    text-overflow:clip!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-value{
    grid-area:value!important;
    font-size:16px!important;
    text-align:center!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
    grid-area:change!important;
    font-size:11px!important;
    text-align:center!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item > b{
        padding-right:6px!important;
    }
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend{
        padding-left:6px!important;
        padding-right:1px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card{
        padding:5px 2px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item{
        gap:1px!important;
        padding:0 2px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-name{
        font-size:7.5px!important;
        letter-spacing:-.06em!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-value{
        font-size:12px!important;
        letter-spacing:-.04em!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
        font-size:8.5px!important;
        letter-spacing:-.03em!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-name{font-size:7px!important;}
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-value{font-size:11px!important;}
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{font-size:8px!important;}
}


/* 2026-08-19 v11: LEAD 모바일 필터 폭 미세조정
   - 시가총액(제한 없음) 칸 확대
   - 검색(종목명) 칸은 그만큼 소폭 축소 */
@media(max-width:600px){
    .controls{
        grid-template-columns:70px 98px minmax(82px,1fr) 36px 36px!important;
        gap:4px!important;
    }
    .marketcap-filter-control > select{
        padding-left:8px!important;
        padding-right:19px!important;
        font-size:11.5px!important;
        letter-spacing:-.045em!important;
    }
    .search-control > input{
        padding-left:8px!important;
        padding-right:6px!important;
        font-size:11.5px!important;
    }
}
@media(max-width:380px){
    .controls{
        grid-template-columns:66px 94px minmax(74px,1fr) 34px 34px!important;
        gap:3px!important;
    }
    .marketcap-filter-control > select{font-size:11px!important;}
    .search-control > input{font-size:11px!important;}
}


/* 2026-08-19 v12: 미국 국채 10년 / WTI 구분선을 카드 정중앙에 고정 */
.index-widget.index-widget-three > .treasury-card.macro-market-card{
    position:relative!important;
    grid-template-columns:minmax(0,50%) minmax(0,50%)!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card::before{
    content:"";
    position:absolute;
    top:9px;
    bottom:9px;
    left:50%;
    width:1px;
    background:rgba(145,163,181,.18);
    transform:translateX(-.5px);
    pointer-events:none;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item + .macro-market-item{
    border-left:0!important;
}
.index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item{
    padding-left:4px!important;
    padding-right:4px!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card::before{
        top:7px;
        bottom:7px;
        left:50%;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item{
        padding-left:2px!important;
        padding-right:2px!important;
    }
}


/* 2026-08-19 v13: 외국인/기관 수급 내부 정렬 좌측 미세조정
   - PC: 누적 수급 영역 61%, 30분 방향 영역 39%
   - 모바일: 누적 수급 영역 62%, 30분 방향 영역 38%
   - 라벨 시작점은 유지하고 누적값/구분선/30분 그룹을 함께 왼쪽으로 당김 */
.index-widget.index-widget-three > .market-flow-static .market-flow-item{
    grid-template-columns:26% 35% 39%!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:29% 33% 38%!important;
    }
}
@media(max-width:420px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-item{
        grid-template-columns:30% 32% 38%!important;
    }
}


/* 2026-08-19 v14: 미국 국채/WTI 등락률 폰트 확대 + 모바일 WTI 텍스트를 살짝 왼쪽으로 */
.index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
    font-size:12px!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
        font-size:9.5px!important;
        letter-spacing:-.02em!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item[data-wti]{
        transform:translateX(-2px);
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{font-size:9px!important;}
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item[data-wti]{transform:translateX(-3px);}
}


/* 2026-08-19 v15: 국채/WTI 등락률 +1px, 모바일 WTI 전체를 조금 더 왼쪽으로 */
.index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
    font-size:13px!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
        font-size:10.5px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item[data-wti]{
        transform:translateX(-5px)!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
        font-size:10px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item[data-wti]{
        transform:translateX(-6px)!important;
    }
}


/* 2026-08-19 v17: 모바일 WTI 한글 렌더링 개선 + 지표 수치/등락률 좌측 정렬
   - WTI 유가: 음수 자간 제거, 1px 확대, 시스템 한글 폰트 우선
   - 나스닥 선물/국채/WTI의 수치와 등락률을 각 영역 제목의 왼쪽 시작선에 맞춤 */
@media(max-width:600px){
    .index-widget.index-widget-three .index-info{
        align-items:flex-start!important;
        text-align:left!important;
    }
    .index-widget.index-widget-three .index-info > strong,
    .index-widget.index-widget-three .index-info > b{
        width:100%!important;
        text-align:left!important;
        align-self:flex-start!important;
    }

    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item{
        justify-items:start!important;
        text-align:left!important;
        transform:none!important;
        padding-left:6px!important;
        padding-right:2px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-name,
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-value,
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
        justify-self:start!important;
        text-align:left!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item[data-wti] .treasury-name{
        font-size:8.5px!important;
        letter-spacing:0!important;
        font-weight:700!important;
        font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;
        overflow:visible!important;
        text-overflow:clip!important;
    }
}
@media(max-width:380px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item{
        padding-left:5px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item[data-wti] .treasury-name{
        font-size:8px!important;
        letter-spacing:0!important;
    }
}


/* 2026-08-19 v18: 국내 지수 차트 시작점/세로 위치 보정 */
.index-widget.index-widget-three .index-card .index-chart-wrap{
    transform:translateY(5px);
}
@media(max-width:600px){
    .index-widget.index-widget-three .index-card .index-chart-wrap{
        transform:translateY(4px);
    }
}


/* 2026-08-19 v19: 30분 수급 방향 화살표 크기 1px 축소 */
.index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
    font-size:13px!important;
}
@media(max-width:600px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        font-size:9.5px!important;
    }
}
@media(max-width:420px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        font-size:9px!important;
    }
}
@media(max-width:360px){
    .index-widget.index-widget-three > .market-flow-static .market-flow-trend strong{
        font-size:8.5px!important;
    }
}


/* 2026-08-19 v21: PC 미국 국채 10년 / WTI 유가 좌측 정렬
   - 각 50% 영역의 시작선 기준으로 제목/수치/등락률을 동일하게 좌측 정렬 */
@media(min-width:601px){
    .index-widget.index-widget-three > .treasury-card.macro-market-card .macro-market-item{
        justify-items:start!important;
        text-align:left!important;
        padding-left:18px!important;
        padding-right:8px!important;
    }
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-name,
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-value,
    .index-widget.index-widget-three > .treasury-card.macro-market-card .treasury-change{
        justify-self:start!important;
        text-align:left!important;
    }
}


/* 2026-08-20: Signal 페이지 기준으로 전체 X축 폭 통일 */
.container,
.site-header-inner{
    width:min(1320px,calc(100% - 44px)) !important;
}
@media (max-width:760px){
    .container,
    .site-header-inner{
        width:min(1320px,calc(100% - 20px)) !important;
    }
}


/* 2026-08-20: LEAD 섹터·테마 컬럼 제거 후 폭 재정렬 */
#results .lead-table{
    width:1460px !important;
    min-width:1460px !important;
    table-layout:auto;
}
#results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:58px !important;min-width:58px !important}
#results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:170px !important;min-width:150px !important}
#results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:100px !important;min-width:92px !important}
#results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:120px !important;min-width:112px !important}
#results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:110px !important;min-width:104px !important}
#results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:105px !important;min-width:98px !important}
#results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:135px !important;min-width:124px !important}
#results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:112px !important;min-width:106px !important}
#results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:110px !important;min-width:104px !important}
#results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:165px !important;min-width:155px !important}
#results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:145px !important;min-width:135px !important}
#results .lead-table th:nth-child(12),#results .lead-table td:nth-child(12){width:132px !important;min-width:125px !important;padding-right:14px !important}
#results .lead-table td:nth-child(10) .cell-note,
#results .lead-table td:nth-child(11) .cell-note{white-space:normal;max-width:175px}

@media(max-width:760px){
    #results .lead-table{
        width:998px !important;
        min-width:998px !important;
    }
    #results .lead-table th,#results .lead-table td{padding:11px 6px;font-size:12px}
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:36px !important;min-width:36px !important;padding-left:6px !important}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:86px !important;min-width:86px !important}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:62px !important;min-width:62px !important}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:82px !important;min-width:82px !important}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:82px !important;min-width:82px !important}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:74px !important;min-width:74px !important}
    #results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:92px !important;min-width:92px !important}
    #results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:76px !important;min-width:76px !important}
    #results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:72px !important;min-width:72px !important}
    #results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:132px !important;min-width:132px !important}
    #results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:112px !important;min-width:112px !important}
    #results .lead-table th:nth-child(12),#results .lead-table td:nth-child(12){width:92px !important;min-width:92px !important}
}
@media(max-width:380px){
    #results .lead-table{
        width:972px !important;
        min-width:972px !important;
    }
}


/* 2026-08-20: 모바일 상단 탭 버튼 소폭 축소 */
@media(max-width:760px){
    .top-nav{gap:5px;}
    .top-nav a{
        min-height:32px !important;
        padding:0 10px !important;
        font-size:12px !important;
    }
}


/* 2026-08-20: 모바일 좌측 시작선 통일
   - 로고는 공통 콘텐츠 시작선(10px)에 맞춤
   - 페이지 타이틀 블록은 시작선에서 4px만 안쪽으로 배치 */
@media(max-width:760px){
    .site-header-inner{
        padding-left:0 !important;
    }
    .page-header > div:first-child,
    .market-hero > div:first-child{
        padding-left:4px !important;
    }
}


/* 2026-08-20: 모바일 로고를 타이틀 시작선과 동일하게 4px 우측 정렬 */
@media(max-width:760px){
    .site-header-inner{
        padding-left:4px !important;
    }
}


/* ===== 2026-08-22 v3: LEAD Lite를 기술분석 Lite 시장현황/즐겨찾기 UI에 맞춤 ===== */
/* 시장 현황: 코스피 + 코스닥 + 단일 수급 스위치(개인/외국인/기관) */
.index-widget:not(.index-widget-three) .market-flow-values{
    grid-template-columns:repeat(3,minmax(0,1fr));
}
.index-widget:not(.index-widget-three) .index-card[data-index]{
    cursor:pointer;
}
.index-widget:not(.index-widget-three) .index-card[data-index].is-flow-selected{
    border-color:rgba(94,181,255,.42);
    background:#101b27;
}

/* LEAD Lite 필터: 보기 · 시가총액 · 검색 · 즐겨찾기(별만) */
.controls{
    grid-template-columns:170px 170px minmax(260px,1fr) 40px;
}
.favorites-filter-button.favorites-star-only{
    width:40px;
    min-width:40px;
    height:40px;
    padding:0;
    gap:0;
}
.favorites-filter-button.favorites-star-only .favorite-filter-star{
    font-size:19px;
}

/* LEAD Lite 컬럼: 주도력 → 등락률 → 신고가거리, 수익률 열 제거 */
#results .lead-table{
    width:100%;
    min-width:1490px;
    table-layout:auto;
}
#results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:58px;min-width:58px;padding-left:12px}
#results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:170px;min-width:150px;padding-left:12px}
#results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:100px;min-width:92px}
#results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:105px;min-width:98px;padding-left:10px}
#results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:120px;min-width:112px;padding-left:10px}
#results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:135px;min-width:124px}
#results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:112px;min-width:106px}
#results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:110px;min-width:104px}
#results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:165px;min-width:155px}
#results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:145px;min-width:135px}
#results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:132px;min-width:125px;padding-right:14px}
#results .lead-table td:nth-child(9) .cell-note,
#results .lead-table td:nth-child(10) .cell-note{white-space:normal;max-width:175px}

/* 모바일 로고 1px 확대 */
@media(max-width:760px){
    .site-logo{font-size:20px!important}
    .controls{grid-template-columns:112px 112px minmax(150px,1fr) 40px;gap:7px}
    #results .lead-table{
        width:1060px!important;
        min-width:1060px!important;
        table-layout:fixed!important;
    }
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:38px!important;min-width:38px!important;padding-left:6px!important}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:92px!important;min-width:92px!important;padding-left:5px!important}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:66px!important;min-width:66px!important}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:76px!important;min-width:76px!important;padding-left:6px!important}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:82px!important;min-width:82px!important;padding-left:6px!important}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:92px!important;min-width:92px!important}
    #results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:76px!important;min-width:76px!important}
    #results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:72px!important;min-width:72px!important}
    #results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:132px!important;min-width:132px!important}
    #results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:112px!important;min-width:112px!important}
    #results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:92px!important;min-width:92px!important}
}
@media(max-width:520px){
    .controls{grid-template-columns:21% 25% minmax(0,1fr) 40px;gap:5px;align-items:end}
}
@media(max-width:430px){
    #results .lead-table{
        width:1010px!important;
        min-width:1010px!important;
    }
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:36px!important;min-width:36px!important}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:86px!important;min-width:86px!important}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:62px!important;min-width:62px!important}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:72px!important;min-width:72px!important}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:80px!important;min-width:80px!important}
}


/* 2026-08-22 v18: LEAD requested column order + RSI; subject-flow column removed */
#results .lead-table{width:1320px!important;min-width:1320px!important;table-layout:auto!important}
#results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:58px!important;min-width:58px!important}
#results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:170px!important;min-width:150px!important}
#results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:100px!important;min-width:92px!important}
#results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:105px!important;min-width:98px!important}
#results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:135px!important;min-width:124px!important}
#results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:112px!important;min-width:106px!important}
#results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:82px!important;min-width:74px!important;text-align:left}
#results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:120px!important;min-width:112px!important}
#results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:110px!important;min-width:104px!important}
#results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:145px!important;min-width:135px!important}
#results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:132px!important;min-width:125px!important;padding-right:14px!important}
@media(max-width:760px){
    #results .lead-table{width:900px!important;min-width:900px!important;table-layout:fixed!important}
    #results .lead-table th,#results .lead-table td{padding:11px 5px;font-size:12px}
    #results .lead-table th:nth-child(1),#results .lead-table td:nth-child(1){width:38px!important;min-width:38px!important;padding-left:6px!important}
    #results .lead-table th:nth-child(2),#results .lead-table td:nth-child(2){width:92px!important;min-width:92px!important}
    #results .lead-table th:nth-child(3),#results .lead-table td:nth-child(3){width:66px!important;min-width:66px!important}
    #results .lead-table th:nth-child(4),#results .lead-table td:nth-child(4){width:76px!important;min-width:76px!important}
    #results .lead-table th:nth-child(5),#results .lead-table td:nth-child(5){width:92px!important;min-width:92px!important}
    #results .lead-table th:nth-child(6),#results .lead-table td:nth-child(6){width:76px!important;min-width:76px!important}
    #results .lead-table th:nth-child(7),#results .lead-table td:nth-child(7){width:58px!important;min-width:58px!important}
    #results .lead-table th:nth-child(8),#results .lead-table td:nth-child(8){width:82px!important;min-width:82px!important}
    #results .lead-table th:nth-child(9),#results .lead-table td:nth-child(9){width:72px!important;min-width:72px!important}
    #results .lead-table th:nth-child(10),#results .lead-table td:nth-child(10){width:112px!important;min-width:112px!important}
    #results .lead-table th:nth-child(11),#results .lead-table td:nth-child(11){width:92px!important;min-width:92px!important}
}
@media(max-width:430px){#results .lead-table{width:870px!important;min-width:870px!important}}

/* 2026-08-22 v19: 주도주 결과에서 매수 타이밍으로 이어지는 반응형 CTA */
.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:20px;letter-spacing:-.04em}
.lead-timing-cta small{color:#75b7f3;font-size:12px;font-weight:800}
.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:15px}
    .lead-timing-cta small{color:#e7f3ff;font-size:10px}
    .lead-timing-cta>b{color:#70b5ff;font-size:28px}
}
@media(max-width:420px){.lead-timing-cta{padding-top:8px;padding-bottom:8px}}
.faq-section+.lead-timing-cta{margin-top:14px;margin-bottom:0}
@media(max-width:720px){.faq-section+.lead-timing-cta{margin-top:10px}}

/* 2026-08-23 v9: CTA 주소 제거 후 메인 문구 확대 */
.lead-timing-cta strong{font-size:22px}
@media(max-width:720px){.lead-timing-cta strong{font-size:17px}}
@media(max-width:420px){.lead-timing-cta strong{font-size:16px}}

/* 타이밍 페이지와 동일한 모바일 공유 버튼 */
.mobile-page-share,.mobile-share-toast{display:none}
@media(max-width:720px){
    .page-title-share-wrap{position:relative;min-width:0;padding-right:108px}
    .page-header .mobile-page-share{position:absolute!important;top:0;right:0;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:6px;width:auto!important;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)}
}

/* 2026-08-23: 주도주 Lite 상단 메뉴 4개 모바일 최적화 */
@media(max-width:540px){
    .site-header-inner{padding-left:4px!important;padding-right:4px!important;gap:5px}
    .site-logo{font-size:17px!important}
    .top-nav{gap:3px!important}
    .top-nav a{min-height:32px!important;padding:0 7px!important;font-size:11px!important}
}
@media(max-width:380px){
    .site-logo{font-size:16px!important}
    .top-nav a{padding:0 5px!important;font-size:10px!important}
}
@media(max-width:420px){
    .page-title-share-wrap{padding-right:101px}
    .page-header .mobile-page-share{height:32px;min-height:32px;padding:0 9px;font-size:10.5px}
}