.market-close-page{--market-ink:#10264a;--market-blue:#2d68ae;--market-red:#e64f56;--market-card:color-mix(in srgb,var(--panel) 86%,transparent);background:var(--bg);color:var(--market-ink)}
html[data-theme="dark"] .market-close-page{--market-ink:#e5edf7;--market-blue:#7fb0ea;--market-red:#ff868c;--market-card:color-mix(in srgb,var(--panel) 90%,transparent)}
.market-close-page .site-header{color:var(--market-ink)}
.market-close-page .main-nav{gap:18px;margin-left:auto}
.market-close-page .main-nav a.active{color:var(--market-ink);position:relative}
.market-close-page .main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--market-ink)}
.market-wrap{width:min(calc(100% - 40px),1240px);margin-inline:auto}
.market-hero{min-height:238px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 98%,transparent) 0 33%,color-mix(in srgb,var(--bg) 62%,transparent) 66%,color-mix(in srgb,var(--bg) 28%,transparent));overflow:hidden}
.market-hero-inner{min-height:238px;display:grid;grid-template-columns:minmax(350px,.8fr) minmax(430px,1.2fr);align-items:center;position:relative}
.market-hero-copy{z-index:1;padding:32px 0 30px}
.market-eyebrow{margin:0 0 8px;font-size:10px;letter-spacing:.2em;font-weight:900;color:var(--market-blue)}
.market-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px,5vw,66px);font-weight:500;line-height:1;margin:0;letter-spacing:.025em}
.market-subtitle{font-size:23px;letter-spacing:-.04em;margin:11px 0 10px;color:var(--market-ink)}
.market-date,.market-overseas{margin:0;font-size:12px;color:var(--text-2)}
.market-overseas{margin-top:2px;font-size:10px;color:var(--muted)}
.market-mountain{position:absolute;inset:0 -5% 0 34%;background-image:linear-gradient(90deg,var(--bg) 0%,transparent 26%),url('/assets/market-close-mountain.webp');background-size:cover;background-position:center 52%;filter:saturate(.78) contrast(.94);opacity:.86}
html[data-theme="dark"] .market-mountain{opacity:.42;filter:saturate(.56) contrast(.9);mix-blend-mode:screen}
.market-dashboard{padding:14px 0 34px;display:grid;gap:10px}
.market-section{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--market-card);padding:14px;box-shadow:0 5px 24px rgba(25,43,69,.025)}
.market-section>h2{margin:0 0 10px;font-size:14px;line-height:1.3;letter-spacing:-.02em;font-weight:760;color:var(--market-ink)}
.market-section>h2 span{color:var(--market-blue)}
.major-index-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.instrument-card{min-width:0;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);background:color-mix(in srgb,var(--panel) 68%,transparent);border-radius:9px;padding:12px}
.instrument-card.major{min-height:212px;padding:14px;display:flex;flex-direction:column}
.instrument-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;font-weight:800}
.instrument-heading small{font-size:8px;color:var(--muted);font-weight:600;white-space:nowrap}
.instrument-value{display:block;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.1;font-weight:500;margin:7px 0 2px;letter-spacing:.01em;white-space:nowrap}
.instrument-card:not(.major) .instrument-value{font-size:20px}
.instrument-close-label{font-size:8px;color:var(--muted);margin-bottom:4px}
.instrument-current{display:flex;align-items:baseline;gap:5px;font-size:9px;color:var(--text-2);white-space:nowrap}.instrument-current strong{font-size:11px;color:var(--market-ink);font-weight:750;font-variant-numeric:tabular-nums}
.instrument-change{font-size:10px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.up{color:var(--market-red)!important}.down{color:var(--market-blue)!important}.neutral{color:var(--muted)!important}
.market-ohlc{border-block:1px solid color-mix(in srgb,var(--line) 65%,transparent);margin:10px 0 0;padding:7px 0;display:grid;gap:2px}
.market-ohlc div{display:flex;justify-content:space-between;gap:8px;font-size:9px}.market-ohlc dt{color:var(--text-2)}.market-ohlc dd{margin:0;font-variant-numeric:tabular-nums}
.instrument-state{margin-top:auto;padding-top:8px;font-size:8px;color:var(--muted);text-align:right;white-space:nowrap}
.market-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:10px}
.mini-instrument-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.mini-instrument-grid .instrument-card{min-height:118px;display:flex;flex-direction:column}
.commodity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.breadth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.breadth-card{border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:9px;padding:12px;background:color-mix(in srgb,var(--panel) 68%,transparent)}
.breadth-card h3,.program-grid h3,.turnover-grid h3,.short-summary h3,.short-ranks h3{font-size:11px;margin:0 0 9px}
.breadth-counts{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.market-metric{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}
.market-metric span{font-size:9px;color:var(--text-2)}.market-metric strong{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.breadth-counts .market-metric{display:block}.breadth-counts .market-metric strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:22px;font-weight:500;margin-top:3px}
.breadth-bar{display:flex;height:7px;margin-top:12px;background:color-mix(in srgb,var(--line) 70%,transparent);border-radius:99px;overflow:hidden}.breadth-bar .advance{background:var(--market-red)}.breadth-bar .decline{background:var(--market-blue)}
.breadth-ratios{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;margin-top:7px}
.market-pair-tables{grid-template-columns:1fr 1fr}
.market-table-wrap{overflow-x:auto;scrollbar-width:thin}.market-table{width:100%;border-collapse:collapse;font-size:10px;font-variant-numeric:tabular-nums}.market-table th,.market-table td{padding:7px 8px;border-bottom:1px solid color-mix(in srgb,var(--line) 62%,transparent);text-align:right;white-space:nowrap}.market-table thead th{font-size:8px;color:var(--muted);font-weight:650;background:color-mix(in srgb,var(--panel-2) 42%,transparent)}.market-table th:first-child,.market-table td:first-child{text-align:left}.market-table tbody th{font-weight:700}.market-table tbody tr:last-child>*{border-bottom:0}
.unit-note{margin:5px 0 0;text-align:right;font-size:8px;color:var(--muted)}
.market-trio{display:grid;grid-template-columns:.82fr .86fr 1.32fr;gap:10px}
.program-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.market-table.compact th,.market-table.compact td{padding:6px}
.basis-panel{border-left:1px solid var(--line);padding-left:10px;display:grid;align-content:start;gap:7px}.state-chip{justify-self:start;border:1px solid var(--line);border-radius:99px;padding:3px 7px;font-size:8px;color:var(--text-2)}
.turnover-grid,.short-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.turnover-grid article,.short-summary article{border:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:9px;border-radius:8px}.turnover-grid .market-metric,.short-summary .market-metric{margin-top:4px}
.subsection-title{font-size:10px;margin:11px 0 6px}.concentration-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.concentration-grid div{border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);padding-top:5px}.concentration-grid span,.concentration-grid small{display:block;font-size:8px;color:var(--muted)}.concentration-grid b{display:block;font-size:10px;margin:1px 0}
.short-ranks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 58%,transparent);font-size:8px}.rank-list li:last-child{border-bottom:0}.rank-list li span{min-width:0}.rank-list b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-list small{color:var(--muted)}.rank-list strong{font-size:8px;white-space:nowrap}
.market-bottom-grid{display:grid;grid-template-columns:1.28fr .92fr;gap:10px}.stock-name b{display:block}.stock-name small{display:block;color:var(--muted);font-size:8px}.market-cap-table th,.market-cap-table td{padding-block:5px}
.market-note{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,var(--market-card),color-mix(in srgb,var(--panel-2) 32%,var(--market-card)));padding:24px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.market-note::after{content:"";position:absolute;right:20px;bottom:10px;width:82px;height:90px;background:url('/assets/brand/snowshagal-owl.webp') center/contain no-repeat;opacity:.12}.note-quote{font-family:Georgia,serif;font-size:30px;color:var(--market-blue);height:24px}.market-note h2{font-family:Georgia,"Noto Serif KR",serif;font-size:20px;line-height:1.45;font-weight:500;margin:5px 0 8px;max-width:22ch}.market-note p{font-size:10px;color:var(--text-2);max-width:43ch;margin:0 0 18px}.market-report-cta{position:relative;z-index:1;display:inline-flex;justify-content:center;align-items:center;gap:8px;width:min(100%,280px);background:var(--market-ink);color:var(--bg);border-radius:5px;padding:10px 14px;font-size:10px;font-weight:800}.market-report-cta:hover{filter:brightness(1.12)}html[data-theme="dark"] .market-note::after{opacity:.16;filter:drop-shadow(0 1px 5px rgba(151,183,225,.12))}
.market-data-note{display:flex;justify-content:space-between;gap:16px;padding:2px 8px;font-size:8px;color:var(--muted)}.market-data-note p{margin:0;max-width:58%}.market-data-note p:last-child{text-align:right}
.market-loading,.market-state{min-height:64vh;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center;padding:40px}.market-loading-mark,.market-state-owl{display:block;width:38px;height:auto}.market-loading p,.market-state p{margin:0;font-size:12px}.market-state h1{font-family:Georgia,serif;font-weight:500;margin:8px 0 0;font-size:26px;color:var(--market-ink)}
body.market-close-page:has(.market-loading)>.footer{visibility:hidden}
.market-retry{margin-top:10px;min-width:112px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:var(--market-ink);color:var(--bg);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.market-retry:hover{filter:brightness(1.12)}.market-retry:focus-visible{outline:2px solid var(--market-blue);outline-offset:3px}
.market-preview-notice{padding:7px 16px;background:#10264a;color:#fff;text-align:center;font-size:9px;font-weight:850;letter-spacing:.08em}
@media(max-width:1060px){.market-close-page .main-nav{gap:12px;font-size:13px}.market-close-page .main-nav a[data-nav-category="basics"],.market-close-page .main-nav a[data-nav-category="note"]{display:none}.major-index-grid{grid-template-columns:repeat(3,1fr)}.major-index-grid .instrument-card:nth-child(n+4){min-height:190px}.market-trio{grid-template-columns:1fr 1fr}.market-trio .market-section:last-child{grid-column:1/-1}.short-ranks{grid-template-columns:1fr 1fr}.market-bottom-grid{grid-template-columns:1.4fr .8fr}}
@media(max-width:760px){.market-wrap{width:min(calc(100% - 24px),1240px)}.market-close-page .main-nav{display:none}.market-close-page .main-nav a.active::after{display:none}.market-hero{min-height:304px}.market-hero-inner{min-height:304px;grid-template-columns:1fr;align-items:start}.market-hero-copy{padding:30px 4px 0}.market-eyebrow{margin-bottom:9px}.market-hero h1{font-size:clamp(40px,13vw,58px)}.market-subtitle{font-size:20px;margin-top:9px}.market-date{font-size:11px}.market-overseas{max-width:28ch;line-height:1.45}.market-mountain{inset:108px -50px -28px 22%;background-image:linear-gradient(180deg,var(--bg) 0%,transparent 25%),linear-gradient(90deg,var(--bg) 0%,transparent 30%),url('/assets/market-close-mountain-mobile.webp');background-position:60% 56%}.market-dashboard{padding-top:10px}.market-section{padding:12px}.major-index-grid{grid-template-columns:1fr 1fr}.major-index-grid .instrument-card,.major-index-grid .instrument-card:nth-child(n+4){min-height:192px}.major-index-grid .instrument-card:first-child{grid-column:auto}.instrument-value{font-size:23px}.market-pair,.market-pair-tables,.market-trio,.market-bottom-grid{grid-template-columns:1fr}.market-trio .market-section:last-child{grid-column:auto}.breadth-grid{grid-template-columns:1fr}.mini-instrument-grid{grid-template-columns:1fr 1fr}.commodity-grid{grid-template-columns:repeat(3,1fr)}.commodity-grid .instrument-card{padding:9px}.commodity-grid .instrument-heading small{display:none}.commodity-grid .instrument-value{font-size:16px}.program-grid{grid-template-columns:1fr 1fr}.market-note{min-height:245px}.market-data-note{display:block}.market-data-note p{max-width:none}.market-data-note p:last-child{text-align:left;margin-top:3px}}
@media(max-width:430px){.market-dashboard{gap:8px}.market-section{border-radius:9px}.market-section>h2{font-size:13px}.major-index-grid{gap:7px}.instrument-card.major{padding:11px;min-height:185px}.instrument-heading{font-size:11px}.instrument-heading small{display:none}.instrument-value{font-size:21px}.instrument-change{font-size:9px}.market-ohlc div{font-size:8px}.instrument-state{font-size:7px}.mini-instrument-grid{gap:6px}.mini-instrument-grid .instrument-card{min-height:110px;padding:9px}.mini-instrument-grid .instrument-value{font-size:17px}.breadth-counts{grid-template-columns:repeat(5,1fr);gap:3px}.breadth-counts .market-metric strong{font-size:18px}.breadth-counts .market-metric span{font-size:7px}.market-table{font-size:9px}.market-table th,.market-table td{padding:6px 5px}.short-ranks{gap:7px}.market-note{padding:20px;min-height:220px}.market-note h2{font-size:18px}}
@media(max-width:360px){.market-wrap{width:min(calc(100% - 18px),1240px)}.market-hero-copy{padding-left:0}.market-subtitle{font-size:18px}.market-hero h1{font-size:39px}.major-index-grid{grid-template-columns:1fr 1fr}.instrument-card.major{min-height:178px}.instrument-value{font-size:19px}.instrument-change span{display:block;margin-left:10px}.commodity-grid{grid-template-columns:1fr 1fr}.commodity-grid .instrument-card:last-child{grid-column:1/-1}.program-grid,.short-ranks{grid-template-columns:1fr}.basis-panel{border-left:0;border-top:1px solid var(--line);padding:9px 0 0}.market-cap-table th:nth-child(1),.market-cap-table td:nth-child(1),.market-cap-table th:nth-child(3),.market-cap-table td:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.market-close-page *{scroll-behavior:auto!important;transition:none!important}}
