/* 분석 화면 공통 (2026-10-23) — 섹션 제목·타일·탭·카드·표·색. 화면별 고유 스타일만 각 HTML 에 남긴다. */
.pg .sec-t{display:flex; align-items:baseline; gap:12px; margin:4px 0 6px; flex-wrap:wrap}
.pg .sec-t h2{margin:18px 0 0; font-size:15.5px; font-weight:800}
.pg .sec-t small{font-size:12.5px; color:var(--ink-3)}
.pg .sec-t .r{margin-left:auto; font-size:12.5px; color:var(--ink-3)}
.pg .num{font-variant-numeric:tabular-nums}
.pg .card{background:var(--card); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:var(--shadow); padding:4px 0 8px; margin-top:8px; min-width:0; overflow:auto}
.pg .card.pad{padding:10px 12px}
.pg table{width:100%; border-collapse:collapse; font-size:12.5px}
.pg th{white-space:nowrap; user-select:none} .pg th[data-k]{cursor:pointer} .pg th.on{color:var(--blue)}
.pg td{padding:7px 10px; white-space:nowrap} .pg td.r, .pg th.r{text-align:right}
.pg tr.row{cursor:pointer} .pg tr.row:hover td{background:var(--hover)} .pg tr.row.sel td{background:var(--blue-soft)}
.pg td img, .pg .tl img{width:18px; height:18px; border-radius:50%; vertical-align:-4px; margin-right:5px; background:var(--card-2)}
.pg .up{color:var(--up)} .pg .down{color:var(--down)} .pg .ok{color:var(--ok)} .pg .dim{color:var(--ink-3)}
.pg .chg{font-weight:700}
.pg .tabs{display:flex; gap:6px; margin:4px 0 10px; flex-wrap:wrap; align-items:center}
.pg .tabs button{border:1px solid var(--line); background:var(--card); border-radius:999px; padding:4px 12px; font-weight:700; cursor:pointer; font-size:12.5px; color:var(--ink); font-family:inherit}
.pg .tabs button.on{background:var(--ink); color:#fff; border-color:var(--ink)}
.pg .tabs .lbl{font-size:12px; color:var(--ink-3); margin-left:6px}
.pg .tiles{display:grid; grid-template-columns:repeat(auto-fit, minmax(170px, 1fr)); gap:10px; margin:6px 0 8px}
.pg .tile{padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:var(--card); box-shadow:none}
.pg .tile small{display:block; font-size:11.5px; color:var(--ink-3); white-space:normal; font-weight:500}
.pg .tile b{display:block; font-size:19px; font-weight:800; margin-top:3px; letter-spacing:-.02em; white-space:normal; line-height:1.25}
.pg .tile em{font-style:normal; font-size:11.5px; color:var(--ink-3); display:block; margin-top:2px}
.pg .two{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:12px}
.pg .three{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px}
@media (max-width:1000px){ .pg .two, .pg .three{grid-template-columns:minmax(0,1fr)} }
.pg .chart{width:100%; height:220px; display:block}
.pg .lg{display:flex; gap:14px; font-size:11.5px; color:var(--ink-3); padding:4px 12px 0; flex-wrap:wrap}
.pg .lg i{display:inline-block; width:10px; height:10px; border-radius:2px; vertical-align:-1px; margin-right:4px}
.pg .tl{list-style:none; margin:0; padding:0 12px}
.pg .tl li{display:flex; gap:10px; padding:6px 0; border-top:1px solid var(--line); font-size:12.5px; align-items:baseline}
.pg .tl li:first-child{border-top:none}
.pg .tl .dt{color:var(--ink-3); min-width:86px; font-size:11.5px} .pg .tl .b{flex:1; min-width:0}
.pg .tl .b small{display:block; color:var(--ink-3); font-size:11.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pg .chip, .pg .tag, .pg .cat{font-size:10.5px; font-weight:700; padding:1px 6px; border-radius:4px; background:var(--card-2); color:var(--ink-2)}
.pg .chip.kr{background:var(--blue-soft); color:var(--blue); font-weight:800} .pg .chip.our{background:var(--ok-soft); color:var(--ok)}
.pg .tag.mint{background:var(--up-soft); color:var(--up)} .pg .tag.burn{background:var(--blue-soft); color:var(--blue)} .pg .tag.kr{background:var(--warn-soft); color:var(--warn)}
.pg .tag.listed{background:var(--ok-soft); color:var(--ok)} .pg .tag.caution_on{background:var(--warn-soft); color:var(--warn)} .pg .tag.delist_notice, .pg .tag.delisted, .pg .tag.halt{background:var(--up-soft); color:var(--up)}
.pg .kr{font-size:9.5px; font-weight:800; color:var(--blue); border:1px solid var(--blue-line); border-radius:4px; padding:0 4px; margin-left:4px; vertical-align:1px}
.pg .ex{display:inline-flex; align-items:center; gap:6px; font-weight:700}
.pg .ex img{width:20px; height:20px; border-radius:5px; object-fit:cover; background:var(--card-2)}
.pg .empty{padding:14px; text-align:center; color:var(--ink-3); font-size:12.5px}
.pg .err{color:var(--up); font-weight:600}
.pg .lk{font-size:11.5px; color:var(--blue); padding:0; border:0; background:none}
.pg .sp{width:90px; height:22px; vertical-align:middle; display:inline-block}
.pg .cov{font-size:11px; color:var(--ink-3); margin-top:4px}