


@media (max-width:760px){
  /* Shared editorial headers: remove redundant mobile breadcrumb chrome and tighten hierarchy. */
  body.th-exchanges .page-head,
  body.th-tools .page-head,
  body.th-about .page-head{
    padding:18px 14px 13px !important;
  }
  body.th-exchanges .page-head .breadcrumb,
  body.th-tools .page-head .breadcrumb,
  body.th-about .page-head .breadcrumb{display:none !important}
  body.th-exchanges .page-head h1,
  body.th-tools .page-head h1,
  body.th-about .page-head h1{
    max-width:none;
    margin:0 0 5px;
    font-size:clamp(23px,6.8vw,28px);
    line-height:1.08;
    letter-spacing:-.035em;
  }
  body.th-exchanges .page-head .lede,
  body.th-tools .page-head .lede,
  body.th-about .page-head .lede{
    margin:0;
    max-width:none;
    font-size:12.5px;
    line-height:1.42;
  }

  /* Exchanges: one readable exchange row, dense 2x2 metrics, compact source/review lists. */
  body.th-exchanges .section{padding:15px 14px !important}
  body.th-exchanges .section h2{margin-bottom:4px;font-size:17px !important;line-height:1.2}
  body.th-exchanges .section .section-sub{margin-bottom:9px;font-size:10.5px !important;line-height:1.4}
  body.th-exchanges .xchg-grid{grid-template-columns:1fr !important}
  body.th-exchanges .xchg-card,
  body.th-exchanges .xchg-card:nth-child(2){
    padding:10px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid var(--line-soft) !important;
    gap:7px;
  }
  body.th-exchanges .xchg-card:last-child{border-bottom:0 !important}
  body.th-exchanges .xchg-card-head h3{font-size:14px;line-height:1.15}
  body.th-exchanges .xchg-pill{display:none}
  body.th-exchanges .xchg-stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px 14px;
  }
  body.th-exchanges .xchg-stats>div{display:block;min-width:0;font-size:11px;line-height:1.25}
  body.th-exchanges .xchg-stats dt{font-size:9.5px;line-height:1.25;color:var(--mute-dim)}
  body.th-exchanges .xchg-stats dd{
    margin-top:2px;
    text-align:left;
    font-size:11px;
    line-height:1.25;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  body.th-exchanges .xchg-summary-note{margin-top:7px;font-size:10.5px;line-height:1.42}
  body.th-exchanges .xchg-source-section{padding-top:13px !important;padding-bottom:10px !important}
  body.th-exchanges .xchg-cta-item{
    min-height:42px;
    padding:7px 0 !important;
    flex-wrap:nowrap !important;
    gap:8px;
  }
  body.th-exchanges .xchg-cta-brand{gap:7px}
  body.th-exchanges .xchg-logo img{width:auto;max-width:76px;height:20px}
  body.th-exchanges .xchg-cta-name{font-size:11.5px}
  body.th-exchanges .xchg-cta-tag{display:none}
  body.th-exchanges .xchg-cta-item .btn{
    width:auto !important;
    min-width:0 !important;
    min-height:32px;
    margin:0 !important;
    padding:5px 8px;
    font-size:10px;
    white-space:nowrap;
    order:initial !important;
  }
  body.th-exchanges main>.legal-compact-note{
    margin:0 14px !important;
    padding:8px 0 !important;
    font-size:10px !important;
    line-height:1.4 !important;
  }
  body.th-exchanges .xchg-guides{padding-top:12px !important;padding-bottom:22px !important}
  body.th-exchanges .xchg-guides .seo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:0 12px !important;
    margin-top:7px !important;
  }
  body.th-exchanges .xchg-guides .seo-card{
    min-height:58px !important;
    padding:9px 0 !important;
  }
  body.th-exchanges .xchg-guides .seo-card h3{margin:0;font-size:12px !important;line-height:1.3}
  body.th-exchanges .xchg-guides .seo-card p{display:none}
  body.th-exchanges .xchg-guides .seo-card .meta{margin-top:4px;font-size:8.5px}

  /* Tools: 6 selectors in two rows; forms/results use the phone width rather than stacking every datum vertically. */
  body.th-tools .section.tools-calculators{padding:13px 14px 15px !important}
  body.th-tools .calc-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
    margin-bottom:10px !important;
  }
  body.th-tools .calc-tab{
    min-height:38px !important;
    padding:6px 5px !important;
    font-size:9.5px !important;
    line-height:1.18 !important;
  }
  body.th-tools .calc-panel.active{gap:7px !important}
  body.th-tools .calc-form{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 10px;
    padding:12px !important;
  }
  body.th-tools .calc-form>h3{grid-column:1/-1;margin:0 0 1px !important}
  body.th-tools .calc-form>.field{margin:0 !important;min-width:0}
  body.th-tools .field label{min-height:0;margin-bottom:4px !important;font-size:9px !important;line-height:1.25}
  body.th-tools .field input[type=number],
  body.th-tools .field select{min-height:40px !important;padding:8px 9px !important;font-size:16px !important}
  body.th-tools .seg{gap:4px !important}
  body.th-tools .seg button{min-height:40px;padding:7px 5px !important;font-size:10.5px !important}
  body.th-tools .field .unit-row{gap:5px}
  body.th-tools .field .unit-row span{font-size:9.5px;line-height:1.2}
  body.th-tools .calc-result:not(.etc-result){
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 10px;
    padding:11px 12px !important;
  }
  body.th-tools .calc-result:not(.etc-result)>h3{grid-column:1/-1;margin:0 0 4px !important}
  body.th-tools .calc-result:not(.etc-result)>.result-row{
    display:block !important;
    min-width:0;
    padding:7px 0 !important;
  }
  body.th-tools .calc-result:not(.etc-result) .rlabel{
    display:block;
    margin-bottom:3px;
    font-size:9.5px !important;
    line-height:1.25;
  }
  body.th-tools .calc-result:not(.etc-result) .rvalue{
    display:block;
    max-width:100%;
    text-align:left !important;
    font-size:13px !important;
    line-height:1.2;
    white-space:normal !important;
    overflow-wrap:anywhere;
  }
  body.th-tools .calc-result:not(.etc-result) .rvalue.big{font-size:18px !important}
  body.th-tools .calc-result:not(.etc-result)>.calc-hint{grid-column:1/-1;margin-top:8px !important}
  body.th-tools .calc-result.etc-result{padding:11px !important}
  body.th-tools .calc-hint{font-size:10.5px !important;line-height:1.42 !important}
  body.th-tools .tools-directory{
    padding:0 14px 24px !important;
  }
  body.th-tools .tools-directory>h2{margin:15px 0 4px !important;font-size:17px !important}
  body.th-tools .tools-directory>p{font-size:11.5px;line-height:1.4}
  body.th-tools .tools-directory .seo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
    margin-top:10px !important;
  }
  body.th-tools .tools-directory .seo-card{
    min-height:96px !important;
    padding:10px !important;
  }
  body.th-tools .tools-directory .seo-card h3{margin-bottom:4px !important;font-size:12.5px !important;line-height:1.25}
  body.th-tools .tools-directory .seo-card p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:10.5px !important;
    line-height:1.35 !important;
  }
  body.th-tools .tools-directory .seo-card .meta{margin-top:6px !important;font-size:8.5px !important}
  body.th-tools main>.legal-compact-note{font-size:10px !important;line-height:1.4 !important}

  /* About: compact editorial rows instead of four tall standalone blocks. */
  body.th-about .section{padding:13px 14px !important}
  body.th-about .section h2{margin-bottom:4px !important;font-size:17px !important;line-height:1.2}
  body.th-about .section p,
  body.th-about .section li{font-size:12px !important;line-height:1.45 !important}
  body.th-about .about-list{
    display:grid;
    gap:0;
    margin:7px 0 0 !important;
    padding:0 !important;
    list-style:none;
    border-top:1px solid var(--line-soft);
  }
  body.th-about .about-list li{
    position:relative;
    margin:0 !important;
    padding:6px 0 6px 13px;
    border-bottom:1px solid var(--line-soft);
  }
  body.th-about .about-list li::before{
    content:"";
    position:absolute;
    left:1px;
    top:12px;
    width:4px;
    height:4px;
    border-radius:50%;
    background:var(--signal);
  }
  body.th-about .about-principles{margin-top:7px !important}
  body.th-about .about-principles>div{
    grid-template-columns:78px minmax(0,1fr) !important;
    gap:9px !important;
    padding:8px 0 !important;
  }
  body.th-about .about-principles dt{font-size:11px !important;line-height:1.35}
  body.th-about .about-principles dd{font-size:11.5px !important;line-height:1.4 !important}
  body.th-about .about-methodology{margin-top:8px !important;font-size:11px !important}
  body.th-about .about-contact{font-size:11.5px !important;overflow-wrap:anywhere}
  body.th-about .about-contact a{font-size:11.5px !important}
  body.th-about .legal-document{padding-top:11px !important;padding-bottom:16px !important}
  body.th-about .legal-document p{margin:0}

  /* Markets / Radar: remove mobile-only count badge and compress hero + controls + rows. */
  body.market-page .markets-shell{
    width:min(100% - 18px,1180px) !important;
    padding-top:9px !important;
    padding-bottom:30px !important;
  }
  body.market-page .market-breadcrumb{display:none !important}
  body.market-page .markets-hero{
    display:block !important;
    padding:7px 0 9px !important;
    border-bottom:1px solid var(--line-soft);
  }
  body.market-page .markets-hero h1{
    font-size:24px !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
  }
  body.market-page .markets-hero p{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin-top:5px !important;
    max-width:none !important;
    font-size:11.5px !important;
    line-height:1.38 !important;
  }
  body.market-page .markets-hero-note{display:none !important}
  body.market-page .markets-tools{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 112px;
    gap:6px !important;
    padding:8px 0 !important;
  }
  body.market-page .markets-control-label{display:none !important}
  body.market-page .markets-search-wrap{grid-column:1;grid-row:2;max-width:none !important}
  body.market-page .markets-sort-wrap{grid-column:2;grid-row:2;width:auto !important}
  body.market-page .markets-subnav{
    grid-column:1/-1;
    grid-row:1;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:4px !important;
    margin:0 !important;
  }
  body.market-page .markets-subnav a{padding:6px 8px;text-align:center;font-size:9px}
  body.market-page .markets-search input,
  body.market-page .markets-sort{height:36px !important}
  body.market-page .markets-search input{padding-left:10px;padding-right:32px;font-size:12px}
  body.market-page .markets-search span{right:10px;top:9px}
  body.market-page .markets-sort{width:100% !important;padding-left:8px;padding-right:24px;font-size:8.5px}
  body.market-page .markets-table th{height:31px;padding-left:5px;padding-right:5px;font-size:8px}
  body.market-page .markets-table td{height:50px !important;padding-left:5px !important;padding-right:5px !important}
  body.market-page .markets-asset{gap:6px !important}
  body.market-page .markets-mark{width:26px !important;height:26px !important;font-size:8px}
  body.market-page .markets-name a{font-size:11px !important;line-height:1.2}
  body.market-page .markets-name span{margin-top:2px !important;font-size:8px !important}
  body.market-page .markets-sparkline{height:27px !important;min-width:48px !important}
  body.market-page .legal-compact-note{margin-top:8px !important;font-size:9.5px !important;line-height:1.4 !important}
  body.market-page .markets-status{padding-top:7px !important}
}

@media (max-width:350px){
  body.th-exchanges .xchg-stats{grid-template-columns:1fr}
  body.th-exchanges .xchg-guides .seo-grid{grid-template-columns:1fr !important}
  body.th-tools .calc-tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.th-tools .calc-form{grid-template-columns:1fr}
  body.th-tools .calc-form>h3{grid-column:1}
  body.th-tools .tools-directory .seo-grid{grid-template-columns:1fr !important}
  body.th-about .about-principles>div{grid-template-columns:1fr !important;gap:3px !important}
  body.market-page .markets-tools{grid-template-columns:minmax(0,1fr) 104px}
}

@media (max-width:760px){
  body.market-page .th-ad-slot--mobile-banner{margin:8px auto !important}
}
