:root { --reading-size:14px; --reading-line:1.6; --article-title:18px; --meta-size:12px; }
body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Pretendard","Noto Sans KR",Arial,sans-serif; }
h1 { font-size:clamp(28px,3.3vw,36px); }
.card { border-radius:16px; }
.card-heading { padding:18px 20px 16px; }
.briefing-card .card-heading { padding-bottom:18px; }
.brief-meta { padding:14px 20px 0; }
.brief-coverage { padding:6px 20px 0; }
.brief-list { padding:0 20px 12px; }
.brief-list li { padding:13px 0; gap:12px; }
.brief-list a { font-size:14px; line-height:1.6; }
.quick-card .text-link { color:var(--blue); }
.news-toolbar select,.search input { min-height:38px; border-radius:8px; }
.news-toolbar select { max-width:100%; }
.news-toolbar .text-link,.tabs button,.search input { font-size:13px; }
table { font-size:13px; }
th,.sector-cell,.section-note,.asof-inline,.result-count,.cell-note,.rank-name small { font-size:12px; }
.method p,.callout p { font-size:14px; line-height:1.6; }
.metric-card { padding:18px; border-radius:16px; }
.module-footer { font-size:12px; }
.table-scroll { position:relative; }
.scroll-hint { display:none; }
@media(max-width:720px) {
  .card-heading,.briefing-card .card-heading { padding:16px; }
  .brief-meta { padding:14px 16px 0; }
  .brief-coverage { padding:6px 16px 0; }
  .brief-list { padding:0 16px 10px; }
  .news-toolbar select { flex:1; min-width:0; }
  .news-toolbar .text-link { flex-basis:100%; }
  .table-scroll th:first-child,.table-scroll td:first-child { position:sticky; left:0; z-index:1; background:var(--card); padding-left:16px; box-shadow:1px 0 var(--line); }
  .table-scroll th:first-child { background:var(--soft); }
  .scroll-hint { display:block; margin:0; padding:0 16px 10px; color:var(--muted); font-size:12px; }
}

/* MARKET WIRE: compact masthead and immediate access to market information. */
.header-inner { min-height:88px; gap:48px; }
.brand { display:block; min-width:0; font-size:23px; line-height:1.2; letter-spacing:.045em; }
.brand small { margin-top:7px; font-size:11px; line-height:1.5; letter-spacing:.015em; font-weight:400; white-space:normal; }
.main-nav { margin-left:auto; gap:26px; }
.shell { padding-top:24px; }
#home-view .card { border-radius:8px; }
#home-view .home-grid { gap:20px; }
#home-view .data-status { margin-top:24px; padding:24px 0; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:900px) {
  .header-inner { gap:24px; }
  .main-nav { gap:18px; }
}
@media(max-width:720px) {
  .header-inner { min-height:0; gap:16px; padding:20px 16px 0; }
  .brand { font-size:22px; }
  .brand small { font-size:10px; letter-spacing:0; }
  .main-nav { margin-left:0; gap:24px; }
  .shell { padding-top:20px; }
}