/* 상품권레이더 v19 — data-first UX / mobile-first refinements */

/* Header utility: keep the core navigation calm, surface personal utility only on larger screens. */
.my-shortcut{display:inline-flex;align-items:center;justify-content:center;flex:none;height:34px;padding:0 10px;border-radius:9px;background:#f4f7fb;color:#4e5968;font-size:11.5px;font-weight:600;white-space:nowrap}
.my-shortcut:hover{background:#eef4fd;color:#1b64da}
@media(max-width:1120px){.my-shortcut{display:none}}

/* Above-the-fold market brief. */
.market-now{margin:0 0 54px}
.market-now-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:10px}
.market-now-main,.market-insight-card{border:1px solid #edf0f2;background:#fff;border-radius:20px}
.market-now-main{display:block;padding:22px;min-width:0}
.market-now-main:hover,.market-insight-card:hover{border-color:#cfe0fb;background:#fbfdff}
.market-now-head{display:flex;align-items:center;gap:12px}
.market-now-head>div{min-width:0;flex:1}.market-now-head>div>span{display:block;font-size:10.5px;color:#3182f6;font-weight:600}.market-now-head h3{margin:3px 0 0;font-size:20px;line-height:1.3;font-weight:650;letter-spacing:-.035em}.market-now-head small{display:block;margin-top:4px;font-size:10.5px;color:#8b95a1}.market-now-head>i{font-style:normal;font-size:24px;color:#b0b8c1}
.market-now-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.market-now-prices>div{padding:15px 16px;border-radius:14px;background:#f7f8fa;min-width:0}.market-now-prices span{display:block;font-size:10.5px;color:#8b95a1}.market-now-prices strong{display:block;margin-top:5px;font-size:28px;line-height:1.1;font-weight:650}.market-now-prices b{display:block;margin-top:7px;font-size:12px;font-weight:600;color:#333d4b}.market-now-prices small{display:block;margin-top:4px;font-size:10px;color:#8b95a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-now-cta{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding-top:14px;border-top:1px solid #f0f2f4;font-size:11.5px;color:#4e5968}.market-now-cta span{color:#3182f6;font-size:16px}
.market-now-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.market-insight-card{display:flex;flex-direction:column;justify-content:center;padding:19px;min-height:0}.market-insight-card>span{font-size:10.5px;color:#8b95a1}.market-insight-card>b{margin-top:7px;font-size:13px;line-height:1.35;font-weight:600}.market-insight-card>strong{margin-top:5px;font-size:20px;line-height:1.25;font-weight:650}.market-insight-card>small{margin-top:5px;font-size:10px;line-height:1.5;color:#8b95a1}

/* Popular cards: make data depth visible without increasing visual noise. */
.popular-card-meta{display:flex;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid #f0f2f4}.popular-card-meta span{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;background:#f7f8fa;color:#6b7684;font-size:9.5px;white-space:nowrap}

/* Rate-table controls: in-place filtering is faster than a new page for mobile visitors. */
.rate-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.rate-filter{position:relative;display:block;width:220px}.rate-filter svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;fill:none;stroke:#8b95a1;stroke-width:1.8;pointer-events:none}.rate-filter input{width:100%;height:40px!important;padding:0 12px 0 34px!important;border-radius:10px!important;font-size:12px!important;background:#fff!important}.rate-filter input:focus{outline:none!important;border-color:#9ec5ff!important;box-shadow:0 0 0 3px rgba(49,130,246,.08)!important}.rate-filter-empty{margin:12px 0 0;padding:18px;border:1px dashed #dfe4ea;border-radius:14px;text-align:center;font-size:12px;color:#8b95a1;background:#fafbfc}.filter-hidden{display:none!important}

/* Detail page: net amount context instead of headline percentage only. */
.answer-average{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px 12px;margin-top:12px;padding:12px 13px;border-radius:12px;background:#f7f8fa}.answer-average>span{font-size:11px;color:#6b7684}.answer-average>b{font-size:14px;font-weight:650}.answer-average>small{justify-self:end;font-size:10.5px;color:#8b95a1}
.quad.quad-v19{grid-template-columns:repeat(4,1fr)!important}
.best-delta{color:#3182f6;font-weight:600}

@media(max-width:1020px){
  .market-now-grid{grid-template-columns:1fr}.market-now-side{grid-template-columns:1fr 1fr;grid-template-rows:none}.market-insight-card{min-height:122px}
  .rate-controls{align-items:stretch!important;flex-direction:column!important}.rate-tools{width:100%;margin-left:0;justify-content:space-between}.rate-filter{flex:1;width:auto;max-width:360px}
  .quad.quad-v19{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:640px){
  .market-now{margin-bottom:40px}.market-now-grid{gap:8px}.market-now-main{padding:16px;border-radius:17px}.market-now-head h3{font-size:16px}.market-now-head .logo-badge.lg{width:46px!important;height:46px!important}.market-now-prices{gap:6px;margin-top:14px}.market-now-prices>div{padding:12px}.market-now-prices strong{font-size:22px}.market-now-prices b{font-size:10.5px}.market-now-prices small{font-size:9.5px}.market-now-cta{font-size:10.5px}
  .market-now-side{display:flex;overflow-x:auto;margin:0 -14px;padding:0 14px 5px;gap:8px;scroll-snap-type:x proximity;scrollbar-width:none}.market-now-side::-webkit-scrollbar{display:none}.market-insight-card{flex:0 0 76%;min-height:114px;padding:16px;border-radius:16px;scroll-snap-align:start}.market-insight-card>strong{font-size:18px}
  .popular-card-meta{margin-top:8px}.popular-card-meta span{font-size:9px}
  .rate-tools{display:grid;grid-template-columns:1fr;gap:7px}.rate-filter{width:100%;max-width:none}.rate-filter input{height:40px!important}.sort-control{width:100%!important}.sort-control select{width:min(100%,240px)!important;min-width:0!important}
  .answer-average{grid-template-columns:1fr auto;gap:5px 10px}.answer-average>small{grid-column:1/-1;justify-self:start}.quad.quad-v19{grid-template-columns:1fr 1fr!important}
}
@media(max-width:390px){.market-now-prices strong{font-size:20px}.market-now-prices>div{padding:10px}.market-insight-card{flex-basis:82%}}
@media(max-width:350px){.quad.quad-v19{grid-template-columns:1fr!important}}

/* Mobile hierarchy: show actual rates before repeated methodology/status blocks. */
@media(max-width:640px){
  .market-intro{padding-bottom:14px!important}
  .market-summary>div{padding:11px!important}.market-summary>a{padding:10px 11px!important}
  .market-now{margin-top:22px!important}
  .trust-strip{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;margin:0 -14px 28px!important;padding:0 14px 4px!important;border:0!important;border-radius:0!important;scrollbar-width:none}.trust-strip::-webkit-scrollbar{display:none}.trust-strip a{flex:0 0 auto!important;min-height:46px!important;min-width:116px!important;padding:10px 12px!important;border:1px solid #edf0f2!important;border-radius:13px!important;background:#fff!important}.trust-strip a+ a{border-left:1px solid #edf0f2!important}.trust-strip span{display:none!important}.trust-strip b{font-size:11.5px!important}
  .market-pulse{display:none!important}
}