@media (max-width:760px){
  body.th-mobile-editorial #main{min-width:0}
  body.th-mobile-editorial .page-head{
    padding:24px 16px 18px;
  }
  body.th-mobile-editorial .page-head::after{left:16px;width:44px}
  body.th-mobile-editorial .breadcrumb{
    gap:7px;
    margin-bottom:11px;
    font-size:10.5px;
    line-height:1.35;
  }
  body.th-mobile-editorial .back-link{
    gap:5px;
    padding:4px 9px 4px 7px;
  }
  body.th-mobile-editorial .page-head h1{
    max-width:22ch;
    margin-bottom:7px;
    font-size:clamp(24px,7.2vw,30px);
    line-height:1.1;
    letter-spacing:-.032em;
  }
  body.th-mobile-editorial .page-head .lede{
    max-width:48ch;
    margin:0;
    font-size:13.5px;
    line-height:1.55;
  }
  body.th-mobile-editorial .page-tags{gap:6px;margin-top:12px}
  body.th-mobile-editorial .tag{padding:3px 8px;font-size:10px}

  body.th-mobile-editorial .section{
    width:100%;
    padding:23px 16px;
  }
  body.th-mobile-editorial .section > h2,
  body.th-mobile-editorial .section h2{
    font-size:18px !important;
    line-height:1.22;
    margin-bottom:6px;
  }
  body.th-mobile-editorial .section > h2::before{width:14px}
  body.th-mobile-editorial .section p,
  body.th-mobile-editorial .section li{
    font-size:13.5px;
    line-height:1.62;
  }
  body.th-mobile-editorial .section .section-sub{
    margin-bottom:15px;
    font-size:11.5px !important;
    line-height:1.5;
  }
  body.th-mobile-editorial .item-card,
  body.th-mobile-editorial .guide-card,
  body.th-mobile-editorial .calc-form,
  body.th-mobile-editorial .calc-result{
    box-shadow:none;
  }

  /* About: long-form information reads as sections, not a wall of cards. */
  body.th-about .section ul{
    margin-bottom:0 !important;
    padding-left:18px !important;
    line-height:1.65 !important;
  }
  body.th-about .items-grid,
  body.th-about .grid-2{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
  }
  body.th-about .items-grid .item-card,
  body.th-about .grid-2 .item-card{
    padding:15px 0;
    border:0;
    border-bottom:1px solid var(--line-soft);
    background:transparent;
  }
  body.th-about .items-grid .item-card:first-child,
  body.th-about .grid-2 .item-card:first-child{padding-top:8px}
  body.th-about .items-grid .item-card:last-child,
  body.th-about .grid-2 .item-card:last-child{
    padding-bottom:2px;
    border-bottom:0;
  }
  body.th-about .items-grid .item-card:hover,
  body.th-about .grid-2 .item-card:hover{
    transform:none;
    background:transparent;
    border-color:var(--line-soft);
  }
  body.th-about .item-card h3{
    margin-bottom:5px;
    font-size:14px !important;
    line-height:1.3;
  }
  body.th-about .item-card p{margin-bottom:0;font-size:13px}
  body.th-about .section-sub[style]{font-size:13px !important}
  body.th-about a.item-card[href^="mailto:"]{
    max-width:100%;
    padding:10px 12px !important;
    gap:8px !important;
    font-size:12px !important;
    overflow-wrap:anywhere;
  }

  /* Learn: tabs remain quick to browse; guide cards become a compact reading list. */
  body.th-learn .section-head-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px 12px;
  }
  body.th-learn .section-head-row .section-sub{margin-bottom:0}
  body.th-learn .guide-progress-summary{
    align-self:start;
    gap:7px;
    padding-top:2px;
    font-size:10px;
  }
  body.th-learn .guide-progress-reset{padding:3px 7px;font-size:9px}
  body.th-learn .track-tabs{
    flex-wrap:nowrap;
    gap:6px;
    margin:15px -16px 18px;
    padding:0 16px 9px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.th-learn .track-tabs::-webkit-scrollbar{display:none}
  body.th-learn .track-tabs.guide-progress{padding-bottom:12px}
  body.th-learn .track-tab{
    flex:0 0 auto;
    min-height:36px;
    padding:6px 10px 6px 7px;
    gap:7px;
    font-size:10.5px;
    line-height:1.25;
    white-space:nowrap;
  }
  body.th-learn .track-tab .track-tab-icon{width:22px;height:22px}
  body.th-learn .track-tab .track-tab-icon svg{width:12px;height:12px}
  body.th-learn .track-tab .track-tab-count{display:none}
  body.th-learn .guide-track{margin-bottom:0}
  body.th-learn .guide-track-head{
    gap:10px;
    margin-bottom:2px;
    padding-bottom:12px;
  }
  body.th-learn .track-icon{width:32px;height:32px}
  body.th-learn .track-icon svg{width:16px;height:16px}
  body.th-learn .guide-track-head h3{font-size:14.5px}
  body.th-learn .guide-track-head .track-desc{font-size:11.5px;line-height:1.45}
  body.th-learn .guide-grid{gap:0}
  body.th-learn .guide-card{
    min-height:0;
    padding:14px 0 13px;
    border:0;
    border-bottom:1px solid var(--line-soft);
    background:transparent;
  }
  body.th-learn .guide-card:last-child{border-bottom:0}
  body.th-learn .guide-card:hover{
    transform:none;
    background:transparent;
    border-color:var(--line-soft);
  }
  body.th-learn .guide-card-top{margin-bottom:8px}
  body.th-learn .guide-icon{width:28px;height:28px}
  body.th-learn .guide-icon svg{width:14px;height:14px}
  body.th-learn .guide-num{font-size:9.5px}
  body.th-learn .guide-card h4{margin-bottom:4px;font-size:13.5px;line-height:1.32}
  body.th-learn .guide-card p{margin-bottom:8px;font-size:12px;line-height:1.48}
  body.th-learn .guide-cta{font-size:9.5px}
  body.th-learn .section:last-of-type .item-card{
    max-width:none !important;
    padding:14px 0;
    border-width:1px 0 0;
    background:transparent;
  }

  /* Tools: all calculator tabs remain visible inside the viewport. */
  body.th-tools .calc-tabs{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    width:100%;
    margin:0 0 16px;
    padding:0;
    overflow:visible;
  }
  body.th-tools .calc-tab{
    width:100%;
    min-width:0;
    min-height:40px;
    padding:7px 8px;
    font-size:10.5px;
    line-height:1.25;
    white-space:normal;
    text-align:center;
    overflow-wrap:anywhere;
  }
  body.th-tools .calc-panel.active{gap:10px}
  body.th-tools .calc-form,
  body.th-tools .calc-result{
    min-width:0;
    padding:15px 14px;
    background:#050607;
  }
  body.th-tools .calc-form h3,
  body.th-tools .calc-result h3{margin-bottom:14px;font-size:14px}
  body.th-tools .field{margin-bottom:13px}
  body.th-tools .field label{margin-bottom:5px;font-size:10px}
  body.th-tools .field input[type=number],
  body.th-tools .field select{min-width:0;max-width:100%;min-height:42px;padding:9px 10px}
  body.th-tools .field .unit-row{min-width:0;max-width:100%}
  body.th-tools .field .unit-row input[type=number]{width:0;flex:1 1 auto}
  body.th-tools .field .unit-row span{min-width:0;flex:0 1 auto;white-space:normal;text-align:right}
  body.th-tools .seg{min-width:0;max-width:100%;gap:6px}
  body.th-tools .seg button{min-width:0;padding:9px 7px;font-size:11px}
  body.th-tools .result-row{gap:8px;padding:10px 0}
  body.th-tools .result-row .rlabel{min-width:0;font-size:11px}
  body.th-tools .result-row .rvalue{min-width:0;max-width:100%;font-size:15px;white-space:normal;overflow-wrap:anywhere;text-align:right}
  body.th-tools .result-row .rvalue.big{font-size:22px}
  body.th-tools .calc-hint{margin-top:12px;font-size:11.5px;line-height:1.52}
  body.th-tools .calc-game{padding:14px 12px}
  body.th-tools .tools-directory{
    width:100%;
    padding:2px 16px 38px;
  }
  body.th-tools .tools-directory > h2{
    margin:22px 0 6px;
    font-size:18px;
    line-height:1.25;
  }
  body.th-tools .tools-directory > p{font-size:13px;line-height:1.55}
  body.th-tools .tools-directory .seo-grid{gap:0;margin-top:13px}
  body.th-tools .tools-directory .seo-card{
    min-height:0;
    padding:13px 0;
    border:0;
    border-bottom:1px solid var(--line-soft);
    background:transparent;
  }
  body.th-tools .tools-directory .seo-card:last-child{border-bottom:0}
  body.th-tools .tools-directory .seo-card:hover{
    transform:none;
    background:transparent;
    border-color:var(--line-soft);
  }
  body.th-tools .tools-directory .seo-card h3{margin-bottom:4px;font-size:14px}
  body.th-tools .tools-directory .seo-card p{font-size:12px;line-height:1.48}
  body.th-tools .tools-directory .seo-card .meta{margin-top:8px;font-size:9.5px}

  /* Market Recap: full-width functional canvas, fewer nested borders, compact controls. */
  body.th-recap .recap-shell{
    width:100%;
    padding:20px 0 28px;
  }
  body.th-recap .recap-heading{
    margin-bottom:17px;
    padding:0 16px;
  }
  body.th-recap .recap-heading .breadcrumb{margin-bottom:10px}
  body.th-recap .recap-heading h1{
    font-size:27px;
    line-height:1.08;
    letter-spacing:-.035em;
  }
  body.th-recap .recap-heading p{margin-top:7px;font-size:12.5px;line-height:1.5}
  body.th-recap .recap-source{
    margin-top:12px;
    padding-bottom:0;
    font-size:9px;
    line-height:1.45;
  }
  body.th-recap .recap-source b{display:inline;margin-right:8px}
  body.th-recap .recap-workbench{
    border-left:0;
    border-right:0;
    box-shadow:none;
  }
  body.th-recap .recap-toolbar{gap:9px;padding:10px 12px}
  body.th-recap .asset-tabs{gap:4px}
  body.th-recap .asset-tab{
    height:39px;
    padding:0 8px;
    font-size:10.5px;
    text-align:center;
  }
  body.th-recap .asset-tab span{
    display:inline;
    float:none;
    margin:0 0 0 3px;
    font-size:8.5px;
  }
  body.th-recap .toolbar-actions{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) minmax(0,.72fr);
    gap:6px;
  }
  body.th-recap .toolbar-actions .btn{
    min-height:39px;
    min-width:0;
    padding:0 8px;
    font-size:9.5px;
    justify-content:center;
  }
  body.th-recap .toolbar-actions .refresh-btn{min-width:40px}
  body.th-recap .card-frame{margin:0;padding:0;background:#020304}
  body.th-recap .card-frame::before{display:none}
  body.th-recap .card-loading{inset:0}
  body.th-recap .recap-controls{gap:11px;padding:12px 16px}
  body.th-recap .note-control label{margin-bottom:5px;font-size:8.5px}
  body.th-recap .note-control input{
    height:42px;
    padding:0 10px;
    font-size:16px;
  }
  body.th-recap .secondary-actions{gap:6px}
  body.th-recap .secondary-actions .btn{min-height:39px;padding:0 9px;font-size:10px}
  body.th-recap .status{padding:0 16px 10px;font-size:9px}
  body.th-recap .data-note{margin:11px 16px 0;font-size:9.5px;line-height:1.5}
}

@media (max-width:390px){
  body.th-mobile-editorial .page-head{padding-left:14px;padding-right:14px}
  body.th-mobile-editorial .section{padding-left:14px;padding-right:14px}
  body.th-learn .track-tabs{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  body.th-tools .calc-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
  body.th-recap .recap-heading{padding-left:14px;padding-right:14px}
  body.th-recap .recap-controls{padding-left:14px;padding-right:14px}
  body.th-recap .data-note{margin-left:14px;margin-right:14px}
}