:root{--ink:#14213d;--muted:#667085;--line:#e5e9f2;--paper:#fff;--bg:#f6f8fc;--kr:#1769d2;--vn:#67a9f5;--up:#e62f48;--down:#1971d4;--shadow:0 14px 36px rgba(20,33,61,.07)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.market-page{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:22px 0 56px}.market-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:#8590a3;font-size:.72rem;font-weight:800;letter-spacing:.08em}.market-nav a{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}.market-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.market-kicker{color:var(--kr);font-size:.68rem;font-weight:900;letter-spacing:.14em}.market-header h1{margin:6px 0 8px;font-size:clamp(1.8rem,5vw,3rem);letter-spacing:-.055em}.market-header p{margin:0;color:var(--muted);font-size:.93rem}.market-updated{max-width:290px;color:#7a8496;font-size:.72rem;line-height:1.6;text-align:right}.market-chart-card,.market-stock-section,.market-method{border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--shadow)}.market-chart-card{padding:24px}.market-chart-heading,.market-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.market-chart-heading h2,.market-section-heading h2,.market-method h2{margin:0;font-size:1.15rem;letter-spacing:-.035em}.market-chart-heading p,.market-section-heading p{margin:6px 0 0;color:var(--muted);font-size:.74rem}.market-period-tabs{display:flex;padding:4px;border-radius:12px;background:#f1f4f9}.market-period-tabs button{min-width:58px;padding:8px 12px;border:0;border-radius:9px;color:#667085;background:transparent;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}.market-period-tabs button[aria-selected="true"]{color:#fff;background:var(--kr);box-shadow:0 4px 12px rgba(23,105,210,.24)}.market-status{margin:18px 0;color:var(--muted);font-size:.75rem}.market-status.is-error{padding:14px;border-radius:12px;color:#9f2d20;background:#fff1ef}.market-legend{display:flex;justify-content:center;gap:20px;margin-bottom:13px;color:#344054;font-size:.72rem;font-weight:800}.market-legend span{display:flex;align-items:center;gap:6px}.market-legend i{width:9px;height:9px;border-radius:50%;background:var(--kr)}.market-legend i.is-vn{background:var(--vn)}.market-sector-chart{display:grid;gap:8px}.market-sector-row{display:grid;grid-template-columns:150px 1fr 74px;align-items:center;gap:16px;min-height:59px;padding:9px 12px;border-top:1px solid #f0f2f6}.market-sector-label{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:900}.market-sector-label i{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#52637e;background:#eef3fa}.market-bars{display:grid;gap:6px}.market-bar-line{display:grid;grid-template-columns:1fr 1fr;align-items:center;height:16px}.market-bar-half{height:100%;position:relative}.market-bar-half:first-child{border-right:1px solid #b9c3d2}.market-bar{position:absolute;top:2px;height:12px;min-width:2px;border-radius:4px;background:var(--kr)}.market-bar.is-negative{right:0}.market-bar.is-positive{left:0;background:var(--up)}.market-bar.is-vn{opacity:.55}.market-values{display:grid;gap:4px;font-size:.66rem;font-weight:900;text-align:right}.market-values .is-up{color:var(--up)}.market-values .is-down{color:var(--down)}.market-stock-section{margin-top:18px;padding:24px}.market-stock-sectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.market-stock-card{padding:14px;border:1px solid var(--line);border-radius:15px}.market-stock-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.market-stock-card-title{display:flex;align-items:center;gap:9px;font-size:.8rem;font-weight:900}.market-country-buttons{display:flex;gap:6px}.market-country-button{padding:7px 10px;border:1px solid #dbe2ed;border-radius:9px;color:#445169;background:#fff;font:inherit;font-size:.68rem;font-weight:900;cursor:pointer}.market-country-button[aria-expanded="true"]{color:#fff;border-color:var(--kr);background:var(--kr)}.market-stock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #eef1f5;list-style:none}.market-stock-list[hidden]{display:none}.market-stock-list li{overflow:hidden;color:#596579;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.market-stock-list .is-unavailable{color:#a8afbb}.market-method{margin-top:18px;padding:20px 24px;background:#fdfefe}.market-method h2{display:flex;align-items:center;gap:8px;font-size:.9rem}.market-method h2 i{color:var(--kr)}.market-method p{margin:9px 0 0;color:var(--muted);font-size:.69rem;line-height:1.7}.market-entry{margin-top:8px}.market-entry-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #dce6f6;border-radius:16px;color:#26344c;background:#f7faff;text-decoration:none}.market-entry-icon{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:11px;color:#1769d2;background:#e3eefc}.market-entry-copy{display:grid;min-width:0;gap:2px}.market-entry-copy strong{font-size:.82rem;font-weight:900}.market-entry-copy small{overflow:hidden;color:#6b7689;font-size:.65rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.market-entry-arrow{margin-left:auto;color:#1769d2;font-size:.76rem}
@media(max-width:720px){.market-page{width:min(100% - 20px,1120px);padding-top:14px}.market-nav{margin-bottom:22px}.market-header{align-items:flex-start;flex-direction:column;gap:12px}.market-header h1{font-size:1.85rem}.market-updated{text-align:left}.market-chart-card,.market-stock-section{padding:16px;border-radius:18px}.market-chart-heading{flex-direction:column}.market-period-tabs{width:100%}.market-period-tabs button{flex:1;min-width:0;padding:8px 5px}.market-sector-row{grid-template-columns:105px 1fr 58px;gap:8px;padding:8px 2px}.market-sector-label{gap:6px;font-size:.68rem}.market-sector-label i{width:24px;height:24px}.market-stock-sectors{grid-template-columns:1fr}.market-stock-card{padding:12px}.market-stock-card-title{font-size:.72rem}.market-country-button{padding:6px 8px}.market-method{padding:18px}.market-entry-card{gap:8px}}