/* Cade · Market (route /market/?m=DOGE). The page frame only: the parts are /lib/duel-frame.css (+ the DS .qp-*,
   .rclk and .ssb ports in /ds/ds.css, the plot in /lib/live-chart.css). Their MarketRouteContentFrame: a 1400 measure,
   36px gutters on a 1440 (8 on a phone), the plate 16px under the header. Full-screen on a phone, as theirs:
   the bottom tab bar stands down on this route (their MobileAppBottomNav is hidden on market detail). */
body.mkp{margin:0;background:#0E0D0C;color:#EFE9D8;overflow-x:hidden}
.mkp .mk-main{overflow-x:clip;position:relative;z-index:0}
.hfoot{position:relative;z-index:1}

/* the one product header + footer (the chrome rule), as on /markets */
#hnav{position:sticky;top:0;z-index:70}
.hnav .cnl-d{transition:background-color .25s}
.hnav.stuck .cnl-d{background:rgba(11,11,11,.72);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
.hnav.stuck .cnl-m{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@media (min-width:961px) and (max-width:1180px){#hnav .cnl-nav{gap:26px}#hnav .cnl-nav span{font-size:26px}}
.hfoot{background:#101010;margin-top:72px}
.hfoot svg{display:block;width:100%;height:auto;margin:0 auto;overflow:visible}
#footD{max-width:1440px}#footM{display:none}
@media (max-width:1023px){#footD{display:none}#footM{display:block;max-width:600px}}
/* full-screen route: no bottom tab bar */
body.mkp .ctb{display:none!important}
body.mkp.has-tabbar{padding-bottom:0}

/* the content frame */
.mk-wrap{width:100%;max-width:1440px;margin:0 auto;padding:16px 36px 0}
@media (max-width:1079px){.mk-wrap{padding:16px 16px 0;max-width:760px}}
@media (max-width:560px){.mk-wrap{padding:12px 8px 0}}

/* the rail's PREDICT NOW kicker belongs to the rail ticket; on a phone the ticket rides the plate */
@media (max-width:1079px){.df .mk-rail-kick{display:none}}

/* the share button's copied confirmation keeps its word on a phone */
.df-ctl[data-copied] .df-word{display:inline}

/* the plot on a phone: the source drops its captions to 7 to 9px; our floor is 10 */
@media (max-width:720px){
  .mkp .lc-ey,.mkp .lc-fg,.mkp .lc-cd.compact .lc-fg,.mkp .lc-cap span,.mkp .lc.compact .lc-cap span,.mkp .lc-start,.mkp .lc.compact .lc-start,
  .mkp .lc-tick b,.mkp .lc-tip small,.mkp .lc-read span,.mkp .lc-plate small,.mkp .lc.compact .lc-shut-t,.mkp .lc.compact .lc-shut-v,
  .mkp .lc.compact .lc-pnl small,.mkp .lc.compact .lc-ptag,.mkp .lc.compact .lc-stake{font-size:10px}
}

/* the skeleton: the plates are real, only the unknowns are ghosts */
.mk-g .df-head{min-height:104px}
.mk-g .sk-g-title{flex:1;display:grid;gap:10px}
.mk-g .sk-g-seat{width:104px;height:104px;flex:none}
.mk-g .sk-chart{--sk-chart-h:clamp(200px,26vw,360px)}
.mk-g .mk-gt{display:grid;gap:14px}
@media (max-width:1079px){.mk-g .sk-g-seat{width:79px;height:79px}.mk-g .sk-chart{--sk-chart-h:264px}.mk-g .df-head{min-height:79px}}