/* TradingHub v422 — mobile-only refinement for secondary crypto/tools/research pages.
   Desktop intentionally untouched. */
@media (max-width:760px){
  body.th-mobile-v422 .seo-page{
    width:100%;
    max-width:none;
    margin:0;
    padding:14px 12px 8px;
    overflow-x:hidden;
  }
  body.th-mobile-v422 .seo-hero{
    display:block;
    padding:6px 0 16px;
    border-bottom:1px solid var(--line-soft,var(--line));
  }
  body.th-mobile-v422 .seo-eyebrow{
    margin:0 0 6px;
    font-size:9.5px;
    line-height:1.3;
    letter-spacing:.07em;
  }
  body.th-mobile-v422 .seo-hero h1{
    max-width:none;
    margin:0;
    font-size:clamp(28px,8.4vw,36px);
    line-height:1.04;
    letter-spacing:-.035em;
  }
  body.th-mobile-v422 .seo-hero .lede{
    max-width:none;
    margin:10px 0 0;
    font-size:13.5px;
    line-height:1.5;
  }
  /* Summary cards repeat hero context and consume a large fraction of the first screen. */
  body.th-mobile-v422 .seo-summary{display:none}

  body.th-mobile-v422 .seo-section{
    padding:20px 0;
    border-bottom:1px solid var(--line-soft,var(--line));
  }
  body.th-mobile-v422 .seo-section>h2{
    margin:0 0 10px;
    font-size:21px;
    line-height:1.15;
    letter-spacing:-.02em;
  }
  body.th-mobile-v422 .seo-section>p,
  body.th-mobile-v422 .seo-copy p,
  body.th-mobile-v422 .seo-section li{
    font-size:13px;
    line-height:1.55;
  }
  body.th-mobile-v422 .seo-copy p{margin:0}
  body.th-mobile-v422 .seo-copy p+p{margin-top:10px}
  body.th-mobile-v422 .seo-risk,
  body.th-mobile-v422 .legal-compact-note{
    margin:12px 0 0;
    padding:9px 10px;
    font-size:11px;
    line-height:1.45;
  }
  body.th-mobile-v422 .site-footer--mini{margin-top:6px}

  /* Navigation cards become a dense two-column index instead of stacked desktop cards. */
  body.th-mobile-v422 .seo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:10px;
  }
  body.th-mobile-v422 .seo-card{
    min-width:0;
    min-height:0;
    padding:11px 10px;
    border-radius:9px;
  }
  body.th-mobile-v422 .seo-card h3{
    margin:0 0 5px;
    font-size:13px;
    line-height:1.25;
  }
  body.th-mobile-v422 .seo-card p{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-size:10.5px;
    line-height:1.35;
  }
  body.th-mobile-v422 .seo-card .meta{
    margin-top:7px;
    font-size:8.5px;
    line-height:1.2;
    letter-spacing:.045em;
  }

  /* Calculator pages: calculator first, navigation chrome second. */
  body.th-page-position-size .seo-actions,
  body.th-page-liquidation-price .seo-actions,
  body.th-page-funding-calculator .seo-actions,
  body.th-page-risk-reward .seo-actions,
  body.th-page-effective-cost .seo-actions{display:none}

  body.th-mobile-calculator .seo-section:nth-of-type(2){padding-top:14px}
  body.th-mobile-calculator .seo-section:nth-of-type(2)>h2{margin-bottom:8px}
  body.th-mobile-calculator .calc-panel.active,
  body.th-mobile-calculator .growth-calculator{
    display:block;
    margin-top:0;
  }
  body.th-mobile-calculator .calc-form,
  body.th-mobile-calculator .calc-result,
  body.th-mobile-calculator .growth-calculator .calc-form,
  body.th-mobile-calculator .growth-calculator .calc-result{
    min-width:0;
    max-width:none;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  body.th-mobile-calculator .calc-form,
  body.th-mobile-calculator .growth-calculator .calc-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 8px;
    padding:0;
  }
  body.th-mobile-calculator .calc-form>h3,
  body.th-mobile-calculator .growth-calculator .calc-form>h3{
    grid-column:1/-1;
    margin:0 0 1px;
    font-size:13px;
  }
  body.th-mobile-calculator .field,
  body.th-mobile-calculator .growth-calculator .field{
    min-width:0;
    margin:0;
  }
  body.th-mobile-calculator .field label,
  body.th-mobile-calculator .growth-calculator label{
    min-height:25px;
    margin:0 0 4px;
    font-size:9px;
    line-height:1.25;
    letter-spacing:.035em;
  }
  body.th-mobile-calculator .field input[type=number],
  body.th-mobile-calculator .field select,
  body.th-mobile-calculator .growth-calculator input,
  body.th-mobile-calculator .growth-calculator select{
    min-width:0;
    min-height:42px;
    padding:8px 9px;
    border-radius:7px;
    font-size:16px;
  }
  body.th-mobile-calculator .seg{gap:5px}
  body.th-mobile-calculator .seg button{
    min-height:42px;
    padding:8px 6px;
    font-size:11px;
  }
  body.th-mobile-calculator .field .unit-row{gap:5px;min-width:0}
  body.th-mobile-calculator .field .unit-row input{min-width:0;flex:1 1 auto}
  body.th-mobile-calculator .field .unit-row span{font-size:9px;line-height:1.2}

  body.th-mobile-calculator .calc-result,
  body.th-mobile-calculator .growth-calculator .calc-result{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 12px;
    margin-top:12px;
    padding:12px 0 0;
    border-top:1px solid var(--line);
  }
  body.th-mobile-calculator .calc-result>h3,
  body.th-mobile-calculator .growth-calculator .calc-result>h3{
    grid-column:1/-1;
    margin:0 0 3px;
    font-size:13px;
  }
  body.th-mobile-calculator .result-row,
  body.th-mobile-calculator .growth-calculator .result-row{
    display:block;
    min-width:0;
    padding:8px 0;
    border-bottom:1px solid var(--line-soft);
  }
  body.th-mobile-calculator .result-row .rlabel,
  body.th-mobile-calculator .growth-calculator .rlabel{
    display:block;
    min-height:25px;
    margin-bottom:3px;
    font-size:9.5px;
    line-height:1.25;
  }
  body.th-mobile-calculator .result-row .rvalue,
  body.th-mobile-calculator .growth-calculator .rvalue{
    display:block;
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
    white-space:normal;
    text-align:left;
    font-size:15px;
    line-height:1.25;
  }
  body.th-mobile-calculator .result-row .rvalue.big,
  body.th-mobile-calculator .growth-calculator .rvalue.big{
    font-size:19px;
    line-height:1.15;
  }
  /* Long explanatory notes duplicate the dedicated formula/assumption section below. */
  body.th-mobile-calculator .calc-result>.calc-hint{display:none}
  body.th-mobile-calculator .growth-result-actions{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin:10px 0 0;
  }
  body.th-mobile-calculator .growth-result-actions .btn{
    width:100%;
    min-height:38px;
    padding:7px 8px;
    font-size:10px;
  }
  body.th-page-risk-reward .growth-calculator .field:last-child{
    grid-column:1/-1;
  }

  /* Keep secondary explanatory copy concise and visually continuous. */
  body.th-mobile-calculator .seo-copy{max-width:none}
  body.th-mobile-calculator .seo-copy+ .seo-section,
  body.th-mobile-calculator .seo-section+ .seo-copy{margin-top:0}

  /* Order-flow landing: one useful launch action, no duplicate terminal CTAs. */
  body.th-page-order-flow .seo-hero .seo-actions{display:none}
  body.th-page-order-flow .seo-tool-card{
    margin-top:8px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }
  body.th-page-order-flow .seo-tool-card__head{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    margin:0 0 10px;
  }
  body.th-page-order-flow .seo-tool-card__head h3{font-size:15px}
  body.th-page-order-flow .seo-tool-card__head p{
    grid-column:1/-1;
    margin:4px 0 0;
    font-size:11.5px;
    line-height:1.4;
  }
  body.th-page-order-flow .seo-tool-card__head .btn{
    grid-column:2;
    grid-row:1;
    margin:0;
    padding:8px 10px;
    min-height:36px;
    font-size:10px;
  }
  body.th-page-order-flow .seo-points{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px 10px;
    margin:0;
  }
  body.th-page-order-flow .seo-points li{
    padding:8px 0;
    border:0;
    border-radius:0;
    border-top:1px solid var(--line-soft);
    font-size:10.5px;
    line-height:1.4;
  }

  /* Hub/research navigation: remove self-scroll CTAs; keep only destination actions with value. */
  body.th-page-derivatives-hub .seo-actions a:first-child{display:none}
  body.th-page-derivatives-hub .seo-actions{
    margin-top:12px;
  }
  body.th-page-derivatives-hub .seo-actions .btn{
    padding:8px 11px;
    min-height:36px;
    font-size:10px;
  }
  body.th-page-market-research .seo-actions a:nth-child(n+2){display:none}
  body.th-page-market-research .seo-actions{
    margin-top:12px;
  }
  body.th-page-market-research .seo-actions .btn{
    padding:8px 11px;
    min-height:36px;
    font-size:10px;
  }

  body.th-page-derivatives-hub #data-pages .seo-card,
  body.th-page-market-research .seo-section:nth-of-type(2) .seo-card{
    min-height:94px;
  }
  body.th-page-derivatives-hub .seo-copy,
  body.th-page-market-research .seo-copy{max-width:none}

  /* Empty no-fill mobile ad containers must never reserve black space. */
  body.th-page-derivatives-hub .th-ad-slot--no-fallback:not(.has-inventory),
  body.th-page-market-research .th-ad-slot--no-fallback:not(.has-inventory){
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
  }
}

@media (max-width:360px){
  body.th-mobile-v422 .seo-page{padding-left:10px;padding-right:10px}
  body.th-mobile-v422 .seo-grid{gap:6px}
  body.th-mobile-v422 .seo-card{padding:10px 8px}
  body.th-mobile-v422 .seo-card h3{font-size:12px}
  body.th-mobile-calculator .calc-form,
  body.th-mobile-calculator .growth-calculator .calc-form{gap:8px 6px}
  body.th-mobile-calculator .calc-result,
  body.th-mobile-calculator .growth-calculator .calc-result{gap:0 9px}
}