/* ============================================================
   Global responsive pass — mobile/tablet fixes for all sections
   (loaded last, overrides section css)
   ============================================================ */

/* ---------- 01 · hero nav on small phones ---------- */
@media (max-width:560px){
  .sec01 .nav{gap:10px}
  /* keep ≥44px tap targets */
  .sec01 .iqf-btn{padding:15px 14px;font-size:10px;letter-spacing:.06em;min-height:44px}
  .sec01 .brand{min-height:44px;min-width:44px;align-items:center}
}

/* ---------- 02 · gentler pre-reveal slide on phones ---------- */
@media (max-width:720px){
  .sec02 .side.hold{transform:translateX(-28px)}
  .sec02 .side.burn{transform:translateX(28px)}
  .sec02.rv .side.hold,.sec02.rv .side.burn{transform:translateX(0)}
}

/* ---------- 04 · core mining : stack the row ---------- */
@media (max-width:1080px){
  .sec04 .s4-body{flex-direction:column;align-items:stretch;gap:40px;margin-right:0}
  .sec04 .s4-miner-row--left{display:none}
  .sec04 .s4-stmt{order:0;margin-top:0}
  .sec04 .s4-stmt{width:100%;align-items:center}
  /* 4 tiles become a wrapping horizontal row, no connecting line */
  .sec04 .market{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px 26px}
  .sec04 .mk-line,.sec04 .market::before,.sec04 .mk-cables{display:none}
  .sec04 .mk-item.mk-alt{flex-direction:row;justify-content:center}
  .sec04 .market .mk-item:nth-of-type(2) .mk-tile{animation:none}
  /* console centered, miners side by side under it */
  .sec04 .s4-right{flex-direction:column;justify-content:center;gap:34px}
  .sec04 .s4-right .stack{flex:0 1 auto;width:100%;max-width:620px;margin:0 auto}
  .sec04 .s4-cables{display:none}
  .sec04 .s4-right .s4-miner-row{flex-direction:row;gap:40px}
  .sec04 .s4-miner-row .miner.m1{transform:none}
  .sec04 .s4-miner-row .miner{width:clamp(64px,14vw,90px)}
}
@media (max-width:480px){
  .sec04 .mk-big{font-size:18px}
  .sec04 .mk-tile{width:38px;height:38px}
}

/* ---------- 04b · dip rewards (inline-styled) ---------- */
@media (max-width:900px){
  #dip .dip-head{grid-template-columns:1fr !important;align-items:start !important;gap:14px !important}
  #dip .dip-grid{grid-template-columns:1fr !important;gap:18px !important}
}
@media (max-width:600px){
  #dip section{padding-left:16px !important;padding-right:16px !important}
  #dip .dip-ribbon{border-radius:22px !important;padding:14px 18px !important;justify-content:flex-start !important}
  #dip .dip-ribbon > span[style*="width:1px"]{display:none !important}
}

/* ---------- generic: keep media inside the viewport ---------- */
@media (max-width:600px){
  .sec04 .caChip .addr{max-width:110px}
  /* readable unit superscripts on small screens */
  .sec01 .rail .seg .val .u,
  .sec04 .sval .u,
  .sec04 .read .v .u,
  .sec04 .meta .v .u,
  .sec07 .cell .v .u{font-size:9px}
}