/* market.html 페이지 전용 — 퍼블 원본 head <style> 그대로(변환 누락분 2026-10-02) */
.market-chart .bar{opacity:.92}
  .market-chart .bar b{position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:11.5px;font-weight:900;color:var(--brand);white-space:nowrap}
  .market-chart .market-skel{background:repeating-linear-gradient(135deg,#eef1f0 0 9px,#e5eae9 9px 18px);opacity:.75}
  .market-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px;font-size:11.5px;color:#8d9494}
  .market-legend span{display:flex;align-items:center;gap:6px}
  .market-legend i{width:10px;height:10px;border-radius:3px;background:var(--brand-2);display:block}
  .market-legend i.market-skel-key{background:#e5eae9}
  .market-sheet{max-width:760px;margin:30px auto 0;border:1px solid var(--line);border-radius:22px;background:#fff;padding:16px;cursor:zoom-in}
  .market-sheet .market-win{position:relative;height:340px;overflow:hidden;border-radius:14px;background:#f7f8f8}
  .market-sheet .market-win img{width:100%;height:auto}
  .market-sheet .market-win:after{content:"클릭하면 공식 동호수표 전체가 열립니다";position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;background:linear-gradient(0deg,#fff 34%,rgba(255,255,255,0));color:#4f5757;font-size:12px;font-weight:800;text-align:center}
  .market-sheet figcaption{margin-top:12px;font-size:11.5px;color:#8d9494;line-height:1.7;text-align:center}
  .market-link{color:var(--brand-2);font-weight:800;border-bottom:1px solid rgba(0,166,166,.45)}
  .market-link:hover{color:var(--brand);border-bottom-color:var(--brand)}
  .market-cta-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
  .market-cta-btns .btn{flex:1;min-width:150px}
  @media(max-width:720px){.market-sheet .market-win{height:260px}}