/* =========================================================
   TOHID LAMINATE CASE HUB — MOBILE MILESTONE 0
   Mobile-only continuity polish over approved Desktop M6.7.3
   2026-10-03
   ========================================================= */

@media (max-width:620px){

  html{
    scroll-padding-top:78px;
  }

  #hero,#craft,#readiness,#inspector,#action,#ttFinalFooter{
    scroll-margin-top:76px;
  }

  .proof-canvas{
    overflow:clip;
  }

  .shell{
    width:min(100% - 24px,1280px)!important;
  }

  /* ---------- HERO: tighter first-screen hierarchy ---------- */
  .archive-hero{
    padding-top:30px!important;
    padding-bottom:28px!important;
  }

  .archive-grid{
    gap:10px!important;
  }

  .archive-copy{
    padding:4px 2px 8px!important;
    text-align:right;
  }

  .archive-copy h1{
    max-width:none!important;
    margin:0 0 12px!important;
    font-size:clamp(34px,10.1vw,40px)!important;
    line-height:1.12!important;
    letter-spacing:-.25px!important;
    text-wrap:balance;
  }

  .archive-copy .hero-lead{
    max-width:none!important;
    margin:0 0 9px!important;
    font-size:12.2px!important;
    line-height:1.85!important;
  }

  .archive-copy .depth-link{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    margin-top:0!important;
    font-size:9.5px!important;
    text-underline-offset:3px;
  }

  .portrait-anchor{
    aspect-ratio:1/.98!important;
    border-radius:22px 22px 54px 22px!important;
  }

  .portrait-anchor img{
    object-position:center 28%!important;
    transform:scale(1.045)!important;
  }

  .archive-anchor figcaption{
    right:9px!important;
    bottom:9px!important;
    max-width:150px!important;
    padding:7px 9px!important;
    border-radius:11px!important;
  }

  .archive-anchor figcaption span{
    font-size:8px!important;
  }

  .archive-anchor figcaption small{
    font-size:7.5px!important;
  }

  .archive-tile{
    height:188px!important;
    border-radius:18px!important;
  }

  .archive-tile figcaption{
    right:7px!important;
    bottom:7px!important;
    padding:5px 7px!important;
    font-size:7.5px!important;
    border-radius:999px!important;
  }

  /* ---------- CRAFT: preserve proof hierarchy, reduce scroll tax ---------- */
  #craft.craft-authority{
    padding:44px 0 52px!important;
  }

  #craft .authority-copy{
    padding:0 4px 15px!important;
  }

  #craft .authority-copy::before{
    width:42px!important;
    margin-bottom:14px!important;
  }

  #craft .authority-copy h2{
    margin-bottom:9px!important;
    font-size:30px!important;
    line-height:1.26!important;
  }

  #craft .authority-copy p{
    font-size:11px!important;
    line-height:1.82!important;
  }

  #craft .authority-copy-prize{
    margin-top:12px!important;
    padding:9px 11px!important;
    font-size:8px!important;
    line-height:1.65!important;
  }

  #craft .authority-layout{
    gap:11px!important;
  }

  #craft .authority-evidence{
    border-radius:20px!important;
    padding:8px 8px 10px!important;
  }

  #craft .authority-evidence > img:first-child{
    height:200px!important;
    flex-basis:200px!important;
    border-radius:14px!important;
  }

  #craft .authority-evidence figcaption{
    min-height:74px!important;
    padding:10px 6px 3px!important;
    gap:9px!important;
  }

  #craft .craft-step{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
    font-size:10px!important;
  }

  #craft .craft-caption-copy b{
    font-size:12px!important;
    line-height:1.45!important;
  }

  #craft .craft-caption-copy small{
    font-size:8.5px!important;
    line-height:1.6!important;
  }

  #craft .authority-evidence img.proof-watermark{
    width:112px!important;
    left:14px!important;
    bottom:80px!important;
    padding:3px 6px!important;
  }

  #craft .authority-context{
    gap:8px!important;
    padding:8px!important;
    border-radius:20px!important;
  }

  #craft .authority-context > img:first-child{
    height:158px!important;
    border-radius:14px!important;
    object-position:center center!important;
  }

  #craft .authority-context figcaption{
    padding:12px 14px!important;
    border-radius:13px!important;
    gap:3px!important;
  }

  #craft .authority-context figcaption::before{
    width:26px!important;
    margin-bottom:4px!important;
  }

  #craft .authority-context figcaption span{
    font-size:12px!important;
  }

  #craft .authority-context figcaption small{
    font-size:8px!important;
    line-height:1.65!important;
  }

  #craft .authority-context img.proof-watermark{
    width:108px!important;
    left:14px!important;
    top:130px!important;
  }

  /* ---------- READINESS: one obvious primary action ---------- */
  .readiness-router{
    padding:0 0 18px!important;
  }

  .readiness-shell{
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-height:0!important;
    padding:18px 16px!important;
    border-radius:18px!important;
  }

  .readiness-copy strong{
    font-size:13px!important;
    line-height:1.85!important;
  }

  .readiness-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%;
  }

  .readiness-primary,
  .readiness-secondary{
    width:100%;
    min-height:50px!important;
    justify-content:center!important;
    padding:11px 14px!important;
    border-radius:15px!important;
    text-align:center;
    font-size:12px!important;
  }

  .readiness-secondary{
    min-height:46px!important;
  }

  /* ---------- INSPECTOR: compact segmented control + image-first ---------- */
  .inspector-section{
    padding-top:42px!important;
    padding-bottom:46px!important;
  }

  .inspection-theater.warm-inspector{
    padding:16px!important;
    gap:18px!important;
    border-radius:24px!important;
  }

  .warm-inspector .inspector-copy h2{
    margin-bottom:8px!important;
    font-size:30px!important;
    line-height:1.27!important;
  }

  .warm-inspector .inspector-copy > p{
    margin-bottom:14px!important;
    font-size:10.5px!important;
    line-height:1.8!important;
  }

  .inspect-tabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin-bottom:12px!important;
  }

  .inspect-tabs button{
    min-height:54px!important;
    padding:8px 5px!important;
    border-radius:13px!important;
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-areas:
      "num title"
      "num meta"!important;
    column-gap:5px!important;
    text-align:right!important;
  }

  .inspect-tabs button span{
    grid-area:num!important;
    align-self:center;
    font-size:8px!important;
  }

  .inspect-tabs button b{
    grid-area:title!important;
    font-size:9px!important;
  }

  .inspect-tabs button small{
    grid-area:meta!important;
    font-size:6.6px!important;
    white-space:nowrap;
  }

  @media (max-width:430px){
    .inspect-tabs button small{
      display:none!important;
    }
  }

  .inspect-note{
    padding:12px 13px!important;
  }

  .inspect-note strong{
    font-size:10px!important;
    line-height:1.6!important;
  }

  .inspect-note p{
    margin-top:4px!important;
    font-size:8px!important;
    line-height:1.65!important;
  }

  .warm-inspector .stage-image{
    height:310px!important;
    border-radius:18px!important;
  }

  .inspect-stage figcaption{
    padding:0 2px!important;
    margin-top:8px!important;
  }

  /* ---------- FINAL ACTION: less bulky, phone panel first-class ---------- */
  .decision-action{
    padding-top:20px!important;
    padding-bottom:48px!important;
  }

  .personalization-bridge{
    gap:8px!important;
    padding:14px 15px!important;
    border-radius:16px!important;
  }

  .personalization-bridge strong{
    font-size:10px!important;
    line-height:1.75!important;
  }

  .personalization-bridge a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:40px!important;
    font-size:10.5px!important;
    line-height:1.7!important;
  }

  .action-stage{
    padding:20px 16px 20px!important;
    border-radius:22px!important;
    gap:18px!important;
  }

  .action-stage .action-copy h2{
    margin-bottom:8px!important;
    font-size:29px!important;
    line-height:1.3!important;
  }

  .action-stage .action-copy p{
    font-size:10px!important;
    line-height:1.8!important;
  }

  .contact-panel{
    padding:16px!important;
    border-radius:18px!important;
  }

  .contact-panel > strong{
    font-size:25px!important;
  }

  .contact-actions{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .contact-actions a,
  .contact-actions button{
    min-height:46px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
}

@media (max-width:380px){
  .shell{
    width:min(100% - 20px,1280px)!important;
  }

  .archive-copy h1{
    font-size:33px!important;
  }

  .archive-tile{
    height:178px!important;
  }

  .inspect-tabs button small{
    display:none!important;
  }

  .warm-inspector .stage-image{
    height:292px!important;
  }
}