/*
  Opstan mobile pages — final responsive layer
  Applies only to internal pages. index.html keeps its own proven mobile layout.
*/

@media (max-width: 900px){
  html,
  body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:100% !important;
    height:auto !important;
    margin:0 !important;
    overflow-x:hidden !important;
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }

  body.shell,
  body[class*="page-"]{
    display:block !important;
    position:relative !important;
    min-width:0 !important;
    overflow-x:hidden !important;
  }

  *,
  *::before,
  *::after{
    box-sizing:border-box;
  }

  img,
  picture,
  svg,
  canvas,
  video,
  iframe{
    max-width:100%;
  }

  .fade{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    filter:none !important;
  }

  /* ---------- Shared mobile header ---------- */
  body.shell .topbar{
    position:relative !important;
    inset:auto !important;
    z-index:1000 !important;
    display:block !important;
    width:100% !important;
    min-height:72px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#090d1a !important;
    transform:none !important;
  }

  body.shell .topbarInner{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:none !important;
    min-height:72px !important;
    margin:0 !important;
    padding:
      calc(10px + env(safe-area-inset-top))
      max(18px, env(safe-area-inset-right))
      10px
      max(18px, env(safe-area-inset-left)) !important;
  }

  body.shell .brand{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-width:0 !important;
    gap:12px !important;
    margin:0 !important;
  }

  body.shell .brandLogo{
    display:block !important;
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    border-radius:9px !important;
    object-fit:contain !important;
  }

  body.shell .burger{
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.shell .nav{
    display:none !important;
  }

  body.shell .navDrawer{
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 92px) !important;
    margin:0 !important;
    padding:10px !important;
    border:1px solid rgba(124,162,255,.16) !important;
    border-radius:20px !important;
    background:rgba(9,13,26,.98) !important;
    box-shadow:0 22px 60px rgba(0,0,0,.34) !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    z-index:1500 !important;
  }

  body.shell .navDrawer .pill{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:46px !important;
    margin:0 !important;
    padding:12px 14px !important;
    border:0 !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
    border-radius:12px !important;
    color:#dbe6ff !important;
    font-size:15px !important;
    text-align:left !important;
  }

  body.shell .navDrawer .pill:last-of-type{
    border-bottom:0 !important;
  }

  body.shell .navDrawer .pill.is-active{
    color:#72adff !important;
    background:rgba(57,124,255,.10) !important;
  }

  body.shell .navDropdown{
    display:none !important;
  }

  /* ---------- Shared hero ---------- */
  body.shell .heroSimple,
  body.shell .legalPageHero{
    position:relative !important;
    inset:auto !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:
      36px
      max(18px, env(safe-area-inset-right))
      44px
      max(18px, env(safe-area-inset-left)) !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    contain:none !important;
  }

  body.shell .heroBlock{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:760px !important;
    min-width:0 !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    text-align:left !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.shell .heroTitle{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 18px !important;
    color:#fff !important;
    font-size:clamp(38px,10.4vw,52px) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
    text-align:left !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.shell .heroSubtitle,
  body.shell .heroMemoryLine{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    color:rgba(233,239,255,.82) !important;
    font-size:16px !important;
    line-height:1.6 !important;
    text-align:left !important;
    overflow-wrap:anywhere !important;
  }

  body.shell .heroBtns,
  body.shell .heroLearnRow,
  body.shell .legalActionRow,
  body.shell .platBtns,
  body.shell .modeActions,
  body.shell .soloActions,
  body.shell .foundationActions,
  body.shell .ecoActions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    gap:10px !important;
  }

  body.shell .heroBtns,
  body.shell .heroLearnRow,
  body.shell .legalActionRow{
    margin-top:22px !important;
  }

  body.shell .heroLearnText{
    display:block !important;
    width:100% !important;
    margin:0 0 2px !important;
  }

  body.shell .heroDownload,
  body.shell .heroLearn,
  body.shell .legalBtn,
  body.shell .modeActionBtn,
  body.shell .soloBtn,
  body.shell .helpDocBtn,
  body.shell .foundationIconLink,
  body.shell .ecoTextLink,
  body.shell .ecoGithubLink{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    margin:0 !important;
    padding:12px 15px !important;
    border-radius:14px !important;
    text-align:center !important;
    white-space:normal !important;
  }

  /* ---------- Shared white content area ---------- */
  body.shell > .wrap,
  body.shell .wrap{
    position:relative !important;
    inset:auto !important;
    z-index:1 !important;
    display:block !important;
    clear:both !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:
      0
      max(12px, env(safe-area-inset-right))
      34px
      max(12px, env(safe-area-inset-left)) !important;
    overflow:visible !important;
    transform:none !important;
    translate:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.shell .wrap > section,
  body.shell .ethBlock,
  body.shell .ecoPlatformSection,
  body.shell .expSection{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  body.shell .ethModule{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:32px 20px !important;
    border-radius:24px !important;
    overflow:hidden !important;
  }

  body.shell .ethTag,
  body.shell .ctaTag,
  body.shell .ecoKicker{
    font-size:12px !important;
    letter-spacing:.09em !important;
  }

  body.shell .ethTitle,
  body.shell .howTitle,
  body.shell .joinTitle,
  body.shell .expTitle,
  body.shell .helpFaqTitle{
    width:100% !important;
    max-width:100% !important;
    font-size:clamp(31px,8.4vw,42px) !important;
    line-height:1.08 !important;
    letter-spacing:-.038em !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  body.shell .ethText,
  body.shell .howLead,
  body.shell .joinText,
  body.shell .modeCardLead,
  body.shell .helpFaqLead,
  body.shell .legalText,
  body.shell .ecoFeatText,
  body.shell .ecoTextItem p{
    max-width:100% !important;
    font-size:15.5px !important;
    line-height:1.6 !important;
    overflow-wrap:anywhere !important;
  }

  body.shell .fullDash{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin:16px auto !important;
  }

  body.shell .siteFooter{
    width:100% !important;
    margin:0 !important;
    padding:
      40px
      max(20px, env(safe-area-inset-right))
      calc(40px + env(safe-area-inset-bottom))
      max(20px, env(safe-area-inset-left)) !important;
  }

  body.shell .footerInner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
    gap:30px !important;
  }

  body.shell .footerCols{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    gap:22px !important;
  }

  /* ---------- About ---------- */
  body.page-about .miningModule,
  body.page-about .roadmapGrid,
  body.page-about .ecoFeatures,
  body.page-about .howFeatures{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:22px !important;
  }

  body.page-about .miningText,
  body.page-about .miningImg,
  body.page-about .aboutArtFrame{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  body.page-about .foundationPoints{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }

  body.page-about .foundationPoint,
  body.page-about .roadmapCard,
  body.page-about .ecoFeat{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:18px !important;
    border-radius:18px !important;
  }

  body.page-about .aboutArtFrame,
  body.page-about .howImg{
    min-height:260px !important;
    height:260px !important;
    margin:0 !important;
    background-size:contain !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }

  body.page-about .roadmapCardHead{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    gap:8px 12px !important;
  }

  body.page-about .roadList{
    padding-left:0 !important;
  }

  body.page-about .roadItem{
    min-width:0 !important;
    overflow-wrap:anywhere !important;
  }

  body.page-about .joinWide,
  body.page-about .contactList{
    width:100% !important;
    max-width:100% !important;
  }

  body.page-about .contactItem{
    display:grid !important;
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:12px !important;
    width:100% !important;
    min-width:0 !important;
    padding:15px !important;
  }

  body.page-about .contactMain,
  body.page-about .contactValue{
    min-width:0 !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  /* ---------- Ecosystem ---------- */
  body.page-ecosystem .ecoIntro{
    width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    padding:36px 18px 44px !important;
  }

  body.page-ecosystem .ecoIntroBlock{
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
    padding:0 !important;
  }

  body.page-ecosystem .ecosystemSplit,
  body.page-ecosystem .ecosystemSplitReverse{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:26px !important;
  }

  body.page-ecosystem .ecosystemCopy{
    order:1 !important;
    min-width:0 !important;
  }

  body.page-ecosystem .ecoVisualSlot{
    order:2 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:290px !important;
  }

  body.page-ecosystem .ecoVisualInner,
  body.page-ecosystem .ecoVisualImageFrame,
  body.page-ecosystem .ecoVisualOnline .ecoVisualImageFrame{
    width:100% !important;
    min-width:0 !important;
    min-height:290px !important;
    height:290px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  body.page-ecosystem .ecoTextList{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }

  body.page-ecosystem .ecoTextItem{
    width:100% !important;
    min-width:0 !important;
    padding:16px !important;
    border-radius:18px !important;
  }

  body.page-ecosystem .ecoProductImage,
  body.page-ecosystem .ecoProductImageDesktop,
  body.page-ecosystem .ecoProductImageOnlinePc{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:280px !important;
    margin:0 auto !important;
    object-fit:contain !important;
    transform:none !important;
  }

  body.page-ecosystem .ecoOnlineShowcase .ecoProductImageOnlinePc{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }

  body.page-ecosystem .ecoOnlineShowcase .ecoProductImageMobile{
    position:absolute !important;
    right:2% !important;
    bottom:4% !important;
    width:31% !important;
    height:auto !important;
    max-height:62% !important;
  }

  /* ---------- Help ---------- */
  body.page-help .helpCards,
  body.page-help .helpFaqGrid,
  body.page-help .helpQuickGrid,
  body.page-help .helpLegalLinks,
  body.page-help .helpDocActions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:12px !important;
  }

  body.page-help .helpCard,
  body.page-help .helpFaqItem,
  body.page-help .helpQuickItem,
  body.page-help .helpFaqNote,
  body.page-help .helpZeroFee{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:18px !important;
    border-radius:18px !important;
  }

  body.page-help .helpCardTitle,
  body.page-help .helpFaqItem h3{
    overflow-wrap:anywhere !important;
  }

  body.page-help .helpCardBtn,
  body.page-help .heroLearn{
    width:100% !important;
    justify-content:center !important;
  }

  body.page-help .helpDocMeta,
  body.page-help code,
  body.page-help .mono{
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  /* ---------- Mining landing ---------- */
  body.page-mining .modeGrid,
  body.page-mining .miningEmissionGrid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:16px !important;
  }

  body.page-mining .modeCard{
    width:100% !important;
    min-width:0 !important;
    padding:20px !important;
    border-radius:20px !important;
  }

  body.page-mining .modeBody{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    padding:0 !important;
  }

  body.page-mining .modeList{
    width:100% !important;
  }

  body.page-mining .modeItem{
    width:100% !important;
    min-width:0 !important;
  }

  body.page-mining .modeImg{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:100% !important;
    height:190px !important;
    margin:16px 0 0 !important;
    transform:none !important;
    background-position:center !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
  }

  body.page-mining .modeNotice,
  body.page-mining .soloModeNotice{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-top:14px !important;
    overflow-wrap:anywhere !important;
  }

  body.page-mining .miningEmissionStat{
    width:100% !important;
    min-width:0 !important;
    padding:17px !important;
    border-radius:17px !important;
  }

  body.page-mining .miningEmissionTableWrap{
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
    border-radius:16px !important;
  }

  body.page-mining .miningEmissionTable{
    min-width:640px !important;
  }

  /* ---------- Solo mining ---------- */
  body.page-solo-mining .soloSteps,
  body.page-solo-mining .soloInfoGrid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:14px !important;
  }

  body.page-solo-mining .soloStep,
  body.page-solo-mining .soloInfo,
  body.page-solo-mining .soloImportant{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:18px !important;
    border-radius:18px !important;
    overflow-wrap:anywhere !important;
  }

  body.page-solo-mining .soloStep pre,
  body.page-solo-mining .soloStep code,
  body.page-solo-mining .soloInfo pre,
  body.page-solo-mining .soloInfo code{
    max-width:100% !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  /* ---------- Legal pages ---------- */
  body.page-docs .legalPageHero,
  body.page-cookies .legalPageHero{
    padding-top:32px !important;
  }

  body.page-docs .docLang,
  body.page-cookies .docLang,
  body.page-docs .legalDocCard,
  body.page-cookies .legalDocCard{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  body.page-docs .legalGrid,
  body.page-cookies .legalGrid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:12px !important;
  }

  body.page-docs .legalTile,
  body.page-docs .legalDocCard,
  body.page-cookies .legalTile,
  body.page-cookies .legalDocCard{
    padding:18px !important;
    border-radius:18px !important;
  }

  body.page-docs .legalText,
  body.page-cookies .legalText{
    width:100% !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  body.page-docs .mono,
  body.page-cookies .mono,
  body.page-docs pre,
  body.page-cookies pre,
  body.page-docs code,
  body.page-cookies code{
    max-width:100% !important;
    white-space:pre-wrap !important;
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  /* ---------- Explorer shell ---------- */
  body.page-explorer .wrap{
    padding-top:12px !important;
  }

  body.page-explorer .expSection{
    padding:24px 0 0 !important;
  }

  body.page-explorer .expHead{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    gap:18px !important;
    padding:0 6px !important;
  }

  body.page-explorer .expTabs{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
    padding:4px !important;
    overflow-x:auto !important;
    overscroll-behavior-x:contain !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  body.page-explorer .expTabs::-webkit-scrollbar{
    display:none !important;
  }

  body.page-explorer .expTab{
    flex:0 0 auto !important;
    min-height:44px !important;
    padding:10px 15px !important;
    white-space:nowrap !important;
  }

  body.page-explorer .expFrameWrap{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:18px 0 0 !important;
    padding:0 !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  body.page-explorer .expFrame{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:780px !important;
    border:0 !important;
  }
}

@media (max-width: 560px){
  body.shell .topbar,
  body.shell .topbarInner{
    min-height:68px !important;
  }

  body.shell .topbarInner{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  body.shell .heroSimple,
  body.shell .legalPageHero{
    padding:26px 16px 36px !important;
  }

  body.shell .heroTitle{
    font-size:35px !important;
  }

  body.shell .heroSubtitle,
  body.shell .heroMemoryLine{
    font-size:15.5px !important;
  }

  body.shell > .wrap,
  body.shell .wrap{
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.shell .ethModule{
    padding:27px 16px !important;
    border-radius:21px !important;
  }

  body.shell .footerCols{
    grid-template-columns:minmax(0,1fr) !important;
  }

  body.page-about .aboutArtFrame,
  body.page-about .howImg{
    min-height:225px !important;
    height:225px !important;
  }

  body.page-ecosystem .ecoVisualSlot,
  body.page-ecosystem .ecoVisualInner,
  body.page-ecosystem .ecoVisualImageFrame,
  body.page-ecosystem .ecoVisualOnline .ecoVisualImageFrame{
    min-height:245px !important;
    height:245px !important;
  }

  body.page-ecosystem .ecoProductImage,
  body.page-ecosystem .ecoProductImageDesktop,
  body.page-ecosystem .ecoProductImageOnlinePc{
    max-height:238px !important;
  }

  body.page-mining .modeImg{
    height:165px !important;
  }

  body.page-explorer .expFrame{
    height:720px !important;
  }
}

/* =========================================================
   Explorer iframe pages
   ========================================================= */
@media (max-width: 900px){
  body.page-explorer-blocks,
  body.page-explorer-ops,
  body.page-explorer-balances{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#fff !important;
  }

  body.page-explorer-blocks > .wrap,
  body.page-explorer-ops > .wrap,
  body.page-explorer-balances > .wrap{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:12px !important;
    overflow:visible !important;
  }

  body.page-explorer-blocks .blkSection,
  body.page-explorer-ops .opsSection,
  body.page-explorer-balances .bals50Section,
  body.page-explorer-balances .balsAllSection{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.page-explorer-blocks .blkModule,
  body.page-explorer-ops .opsModule,
  body.page-explorer-balances .bals50Module,
  body.page-explorer-balances .balsModule{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:18px 14px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  body.page-explorer-blocks .blkHead,
  body.page-explorer-ops .opsHead,
  body.page-explorer-balances .balsHead,
  body.page-explorer-balances .bals50Head{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    gap:14px !important;
  }

  body.page-explorer-blocks .blkHeadLeft,
  body.page-explorer-blocks .blkHeadRight,
  body.page-explorer-ops .opsHeadLeft,
  body.page-explorer-ops .opsHeadRight,
  body.page-explorer-balances .balsHeadLeft,
  body.page-explorer-balances .balsHeadRight{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  body.page-explorer-blocks .blkTitle,
  body.page-explorer-ops .opsTitle,
  body.page-explorer-balances .balsTitle,
  body.page-explorer-balances .bals50Title{
    max-width:100% !important;
    font-size:clamp(26px,7vw,34px) !important;
    line-height:1.1 !important;
    letter-spacing:-.035em !important;
    overflow-wrap:anywhere !important;
  }

  body.page-explorer-blocks .blkSearch,
  body.page-explorer-ops .opsSearch,
  body.page-explorer-balances .balsSearch{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    max-width:100% !important;
    gap:8px !important;
  }

  body.page-explorer-blocks .blkSearch input,
  body.page-explorer-ops .opsSearch input,
  body.page-explorer-balances .balsSearch input{
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
  }

  body.page-explorer-blocks .blkBtn,
  body.page-explorer-ops .opsBtn,
  body.page-explorer-balances .balsBtn{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
  }

  body.page-explorer-blocks .statusPill,
  body.page-explorer-ops .statusPill{
    width:fit-content !important;
    max-width:100% !important;
  }

  body.page-explorer-blocks .blkList,
  body.page-explorer-ops .opsList,
  body.page-explorer-balances .bals50List,
  body.page-explorer-balances .balsList{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-top:16px !important;
    overflow:hidden !important;
    border-radius:14px !important;
  }

  body.page-explorer-blocks .blkScrollX,
  body.page-explorer-ops .opsScrollX,
  body.page-explorer-balances .balsScrollX{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    touch-action:pan-x pan-y !important;
    scrollbar-width:thin !important;
  }

  body.page-explorer-blocks .blkScrollX .blkListHead,
  body.page-explorer-blocks .blkScrollX .blkRow,
  body.page-explorer-ops .opsScrollX .opsListHead,
  body.page-explorer-ops .opsScrollX .opsRow,
  body.page-explorer-balances .balsScrollX .bals50ListHead,
  body.page-explorer-balances .balsScrollX .bals50Row,
  body.page-explorer-balances .balsScrollX .balsListHead,
  body.page-explorer-balances .balsScrollX .balsRow{
    min-width:760px !important;
  }

  body.page-explorer-blocks .footerRow,
  body.page-explorer-ops .footerRow,
  body.page-explorer-balances .footerRow{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    width:100% !important;
    gap:8px !important;
    padding:16px 4px !important;
  }

  body.page-explorer-blocks .warn,
  body.page-explorer-ops .warn,
  body.page-explorer-balances .warn{
    width:100% !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }

  body.page-explorer-balances .fullDash{
    width:calc(100% - 16px) !important;
    margin:14px auto !important;
  }
}

@media (max-width: 560px){
  body.page-explorer-blocks > .wrap,
  body.page-explorer-ops > .wrap,
  body.page-explorer-balances > .wrap{
    padding:8px !important;
  }

  body.page-explorer-blocks .blkModule,
  body.page-explorer-ops .opsModule,
  body.page-explorer-balances .bals50Module,
  body.page-explorer-balances .balsModule{
    padding:16px 11px !important;
    border-radius:16px !important;
  }

  body.page-explorer-blocks .blkScrollX .blkListHead,
  body.page-explorer-blocks .blkScrollX .blkRow,
  body.page-explorer-ops .opsScrollX .opsListHead,
  body.page-explorer-ops .opsScrollX .opsRow,
  body.page-explorer-balances .balsScrollX .bals50ListHead,
  body.page-explorer-balances .balsScrollX .bals50Row,
  body.page-explorer-balances .balsScrollX .balsListHead,
  body.page-explorer-balances .balsScrollX .balsRow{
    min-width:700px !important;
  }
}

/* ---------- 404 ---------- */
@media (max-width: 600px){
  body.page-404{
    width:100% !important;
    min-height:100svh !important;
    margin:0 !important;
    padding:24px 16px !important;
    overflow-x:hidden !important;
  }

  body.page-404 .box{
    width:100% !important;
    max-width:480px !important;
    margin:0 auto !important;
    padding:28px 20px !important;
    border-radius:22px !important;
  }

  body.page-404 .n{
    font-size:clamp(72px,24vw,112px) !important;
    line-height:.9 !important;
  }

  body.page-404 .t{
    font-size:clamp(25px,8vw,36px) !important;
    line-height:1.08 !important;
  }
}

/* =========================================================
   INDEX.HTML PHONE PARITY — internal pages
   ========================================================= */
@media (max-width:900px){
  html{
    scroll-padding-top:18px !important;
  }

  html.nav-open-lock,
  body.nav-open-lock{
    overflow:hidden !important;
  }

  body.shell{
    background:#090d1a !important;
  }

  /* Same compact header geometry as index.html. */
  body.shell .topbar{
    position:relative !important;
    inset:auto !important;
    z-index:1000 !important;
    display:block !important;
    width:100% !important;
    min-height:72px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#090d1a !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.shell .topbarInner{
    position:relative !important;
    z-index:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    max-width:none !important;
    min-height:72px !important;
    margin:0 !important;
    padding:
      calc(10px + env(safe-area-inset-top))
      max(18px,env(safe-area-inset-right))
      10px
      max(18px,env(safe-area-inset-left)) !important;
  }

  body.shell .brand{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  body.shell .brand > picture,
  body.shell .brand .optimizedAsset{
    display:block !important;
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }

  body.shell .brandLogo{
    display:block !important;
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
    border-radius:9px !important;
    object-fit:contain !important;
  }

  body.shell .burger{
    position:relative !important;
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    -webkit-tap-highlight-color:transparent !important;
    touch-action:manipulation !important;
  }

  body.shell .burger:focus-visible{
    outline:2px solid rgba(92,151,255,.9) !important;
    outline-offset:2px !important;
  }

  body.shell .nav{
    display:none !important;
  }

  /* Same drop-down menu placement as the index page, with explicit
     height/visibility rules so it cannot become a full-screen sheet. */
  body.shell .navDrawer{
    position:absolute !important;
    inset:auto 12px auto 12px !important;
    top:calc(100% + 6px) !important;
    z-index:1500 !important;
    display:flex !important;
    flex-direction:column !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100svh - 92px - env(safe-area-inset-bottom)) !important;
    margin:0 !important;
    padding:10px !important;
    border:1px solid rgba(124,162,255,.16) !important;
    border-radius:20px !important;
    background:rgba(9,13,26,.985) !important;
    box-shadow:0 22px 60px rgba(0,0,0,.36) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-8px) scale(.99) !important;
    transform-origin:top center !important;
    transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s !important;
  }

  body.shell .topbar.nav-open .navDrawer{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
    transition-delay:0s !important;
  }

  body.shell .navDrawer > a.pill{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:46px !important;
    margin:0 !important;
    padding:12px 14px !important;
    border:0 !important;
    border-radius:12px !important;
    color:#dbe6ff !important;
    background:transparent !important;
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    letter-spacing:0 !important;
    text-transform:none !important;
    text-align:left !important;
    opacity:1 !important;
    transform:none !important;
    transition:background .15s ease,color .15s ease !important;
  }

  body.shell .navDrawer > a.pill + a.pill{
    margin-top:2px !important;
  }

  body.shell .navDrawer > a.pill:hover,
  body.shell .navDrawer > a.pill:focus-visible{
    color:#fff !important;
    background:rgba(255,255,255,.055) !important;
    outline:none !important;
  }

  body.shell .navDrawer > a.pill.is-active{
    color:#72adff !important;
    background:rgba(57,124,255,.11) !important;
  }

  body.shell .navDrawer .navGlowM,
  body.shell .navDrawerTags{
    display:none !important;
  }

  body.shell .navDropdown{
    display:none !important;
  }

  /* Main page flow mirrors the index phone layout. */
  body.shell .heroSimple,
  body.shell .legalPageHero,
  body.page-ecosystem .ecoIntro{
    position:relative !important;
    inset:auto !important;
    z-index:2 !important;
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:
      28px
      max(18px,env(safe-area-inset-right))
      38px
      max(18px,env(safe-area-inset-left)) !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    contain:none !important;
    content-visibility:visible !important;
  }

  body.shell .heroBlock,
  body.page-ecosystem .ecoIntroBlock{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:100% !important;
    max-width:760px !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    overflow:visible !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.shell .heroTitle,
  body.page-ecosystem .ecoIntroTitle{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 0 18px !important;
    color:#fff !important;
    font-size:clamp(38px,10.7vw,50px) !important;
    line-height:1.03 !important;
    letter-spacing:-.045em !important;
    font-weight:900 !important;
    text-align:left !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  html[lang="en"] body.shell .heroTitle,
  html[lang="en"] body.page-ecosystem .ecoIntroTitle{
    font-size:clamp(34px,9.7vw,46px) !important;
    line-height:1.04 !important;
  }

  body.shell .heroSubtitle,
  body.shell .heroMemoryLine,
  body.page-ecosystem .ecoIntroText{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    color:rgba(233,239,255,.82) !important;
    font-size:16px !important;
    line-height:1.58 !important;
    text-align:left !important;
    overflow-wrap:anywhere !important;
  }

  body.shell > .wrap,
  body.shell .wrap{
    position:relative !important;
    inset:auto !important;
    z-index:1 !important;
    display:block !important;
    clear:both !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:
      0
      max(12px,env(safe-area-inset-right))
      34px
      max(12px,env(safe-area-inset-left)) !important;
    border-radius:28px 28px 0 0 !important;
    overflow:visible !important;
    transform:none !important;
    translate:none !important;
    opacity:1 !important;
    visibility:visible !important;
    content-visibility:visible !important;
  }

  body.shell .ethModule{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    padding:30px 18px !important;
    border-radius:24px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    transform:none !important;
  }

  body.shell .ethWrap,
  body.shell .miningModule,
  body.shell .ecoFeatures,
  body.shell .howFeatures,
  body.shell .modeGrid,
  body.shell .soloSteps,
  body.shell .soloInfoGrid,
  body.shell .legalGrid,
  body.shell .helpCards,
  body.shell .helpFaqGrid,
  body.shell .helpQuickGrid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:14px !important;
  }

  body.shell .ethTitle,
  body.shell .howTitle,
  body.shell .joinTitle,
  body.shell .expTitle,
  body.shell .helpFaqTitle,
  body.page-ecosystem .ecoPlatformTitle{
    max-width:100% !important;
    font-size:clamp(31px,8.5vw,42px) !important;
    line-height:1.07 !important;
    letter-spacing:-.038em !important;
    text-wrap:balance !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }

  html[lang="en"] body.shell .ethTitle,
  html[lang="en"] body.shell .howTitle,
  html[lang="en"] body.shell .joinTitle,
  html[lang="en"] body.shell .expTitle,
  html[lang="en"] body.page-ecosystem .ecoPlatformTitle{
    font-size:clamp(29px,7.8vw,39px) !important;
  }

  body.shell .heroBtns,
  body.shell .legalActionRow,
  body.shell .platBtns,
  body.shell .modeActions,
  body.shell .soloActions,
  body.shell .foundationActions,
  body.shell .ecoActions,
  body.shell .helpDocActions{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    gap:10px !important;
  }

  body.shell .heroDownload,
  body.shell .heroLearn,
  body.shell .legalBtn,
  body.shell .modeActionBtn,
  body.shell .soloBtn,
  body.shell .helpDocBtn,
  body.shell .foundationIconLink,
  body.shell .ecoTextLink,
  body.shell .ecoGithubLink,
  body.shell .helpCardBtn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    margin:0 !important;
    padding:12px 15px !important;
    border-radius:14px !important;
    text-align:center !important;
    white-space:normal !important;
  }

  body.shell input,
  body.shell textarea,
  body.shell select,
  body.shell button{
    max-width:100% !important;
  }

  body.shell [id]{
    scroll-margin-top:18px !important;
  }

  body.shell .siteFooter{
    width:100% !important;
    margin:0 !important;
    padding:
      40px
      max(20px,env(safe-area-inset-right))
      calc(40px + env(safe-area-inset-bottom))
      max(20px,env(safe-area-inset-left)) !important;
  }

  body.shell .footerInner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    max-width:760px !important;
    margin:0 auto !important;
    gap:30px !important;
  }

  body.shell .footerCols{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    gap:22px !important;
  }

  /* Explorer iframe controls: input and every action occupy a clean row. */
  body.page-explorer-blocks .blkHeadRight,
  body.page-explorer-ops .opsHeadRight,
  body.page-explorer-balances .balsHeadRight{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    width:100% !important;
    gap:8px !important;
  }

  body.page-explorer-blocks input.blkSearch,
  body.page-explorer-ops input.opsSearch,
  body.page-explorer-balances input.balsSearch,
  body.page-explorer-blocks .blkBtn,
  body.page-explorer-ops .opsBtn,
  body.page-explorer-balances .balsBtn{
    width:100% !important;
    min-width:0 !important;
    min-height:44px !important;
    margin:0 !important;
  }

  body.page-explorer-blocks .statusPill,
  body.page-explorer-ops .statusPill,
  body.page-explorer-balances .statusPill{
    justify-self:start !important;
    max-width:100% !important;
    white-space:normal !important;
  }
}

@media (max-width:430px){
  body.shell .topbar,
  body.shell .topbarInner{
    min-height:68px !important;
  }

  body.shell .topbarInner{
    padding-left:max(16px,env(safe-area-inset-left)) !important;
    padding-right:max(16px,env(safe-area-inset-right)) !important;
  }

  body.shell .navDrawer{
    left:max(8px,env(safe-area-inset-left)) !important;
    right:max(8px,env(safe-area-inset-right)) !important;
  }

  body.shell .heroSimple,
  body.shell .legalPageHero,
  body.page-ecosystem .ecoIntro{
    padding:22px 16px 34px !important;
  }

  body.shell .heroTitle,
  body.page-ecosystem .ecoIntroTitle{
    font-size:35px !important;
  }

  html[lang="en"] body.shell .heroTitle,
  html[lang="en"] body.page-ecosystem .ecoIntroTitle{
    font-size:32px !important;
  }

  body.shell .heroSubtitle,
  body.shell .heroMemoryLine,
  body.page-ecosystem .ecoIntroText{
    font-size:15.5px !important;
  }

  body.shell > .wrap,
  body.shell .wrap{
    padding-left:max(10px,env(safe-area-inset-left)) !important;
    padding-right:max(10px,env(safe-area-inset-right)) !important;
  }

  body.shell .ethModule{
    padding:27px 16px !important;
  }

  body.shell .footerCols{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.shell .navDrawer{
    transition:none !important;
  }
}

/* Final small-spacing polish for pages without an inner .ethModule wrapper. */
@media (max-width:900px){
  body.page-ecosystem .ecoPlatformSection{
    padding:30px 16px !important;
  }

  body.page-explorer .expSection{
    padding:28px 0 0 !important;
  }

  body.page-explorer .expHead{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

/* Mobile spacing polish: Ecosystem and Explorer sections must never visually collide. */
@media (max-width:900px){
  body.page-ecosystem .ecoPlatformSection{
    padding:42px 16px !important;
  }

  body.page-ecosystem .ecoPlatformSection + .fullDash{
    width:calc(100% - 32px) !important;
    max-width:760px !important;
    margin:4px auto !important;
  }

  body.page-ecosystem .ecosystemSplit,
  body.page-ecosystem .ecosystemSplitReverse{
    gap:34px !important;
  }

  body.page-ecosystem .ecoHead{
    margin-bottom:22px !important;
  }

  body.page-ecosystem .ecoTextList{
    gap:14px !important;
    margin-top:20px !important;
  }

  body.page-ecosystem .ecoActions{
    margin-top:24px !important;
  }

  body.page-explorer .wrap{
    padding-top:18px !important;
  }

  body.page-explorer .expSection{
    padding:34px 0 12px !important;
  }

  body.page-explorer .expHead{
    gap:14px !important;
    margin-bottom:28px !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }

  body.page-explorer .expTabs{
    margin:0 auto 28px !important;
  }

  body.page-explorer .expFrameWrap{
    margin-top:0 !important;
  }
}

@media (max-width:560px){
  body.page-ecosystem .ecoPlatformSection{
    padding:36px 14px !important;
  }

  body.page-ecosystem .ecoPlatformSection + .fullDash{
    width:calc(100% - 28px) !important;
  }

  body.page-explorer .expSection{
    padding-top:28px !important;
  }

  body.page-explorer .expHead{
    margin-bottom:24px !important;
  }

  body.page-explorer .expTabs{
    margin-bottom:24px !important;
  }
}