/* SkillCraft · Mobile Final Authority · 2026-08-26
   Purpose: one predictable mobile layer loaded LAST.
   Desktop is intentionally untouched. */
@media (max-width:760px){
  :root{
    --scm-gutter:16px;
    --scm-section:20px;
    --scm-gap:14px;
    --scm-card-gap:12px;
    --scm-radius:20px;
    --scm-radius-sm:15px;
    --scm-touch:44px;
  }

  html{overflow-x:hidden;scroll-padding-top:116px;scroll-padding-bottom:112px}
  body{width:100%;max-width:100%;overflow-x:hidden!important;font-size:14px;line-height:1.5}
  body *{min-width:0}
  img,video,iframe,svg,canvas{max-width:100%!important}
  button,a,[role="button"]{touch-action:manipulation}
  input,select,textarea{font-size:16px!important}

  /* ----- Shared mobile shell ----- */
  .shell,.wrap,.container,.page-shell,.content-shell{
    width:calc(100% - (var(--scm-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  main.shell{padding-left:0!important;padding-right:0!important}

  /* Never use desktop-density micro type for meaningful UI copy. */
  .eyebrow,.kicker,.journey-kicker,.route-block-label,.performance-point-label,
  .sc-extra-no,.sc-extra-type,.badge,.pill,.reward-title small,.reward-state{
    line-height:1.25!important;
  }

  /* =========================================================
     TRACK LANDING PAGES · Engine / Bar Skills / BMU
     ========================================================= */
  body.engine-page .topbar{
    position:sticky!important;top:0!important;z-index:80!important;
    padding-top:env(safe-area-inset-top)!important;
    background:rgba(5,5,5,.97)!important;
    border-bottom:1px solid rgba(255,255,255,.09)!important;
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  }
  body.engine-page .topbar .nav{
    width:calc(100% - 24px)!important;
    min-height:0!important;height:auto!important;
    margin:0 auto!important;padding:9px 0 8px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:40px auto!important;
    align-items:center!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body.engine-page .topbar .brand{
    grid-column:1!important;grid-row:1!important;
    align-self:center!important;width:auto!important;
  }
  body.engine-page .topbar .sc-brand-lockup-header{
    height:30px!important;max-height:30px!important;max-width:170px!important;
  }
  body.engine-page .topbar .nav-actions{display:contents!important}
  body.engine-page .topbar .lang{
    grid-column:2!important;grid-row:1!important;
    display:flex!important;min-height:36px!important;height:36px!important;
    padding:3px!important;gap:2px!important;overflow:visible!important;
    border-radius:999px!important;
  }
  body.engine-page .topbar .lang button{
    min-width:31px!important;height:30px!important;min-height:30px!important;
    padding:0 7px!important;font-size:10px!important;
  }
  body.engine-page .topbar #logoutBtn{
    grid-column:3!important;grid-row:1!important;
    display:inline-flex!important;width:auto!important;min-height:36px!important;height:36px!important;
    padding:7px 10px!important;border-radius:11px!important;font-size:10.5px!important;
  }
  body.engine-page .topbar #driveBtn{display:none!important}
  body.engine-page .topbar .sc-track-switch{
    grid-column:1/-1!important;grid-row:2!important;
    width:100%!important;max-width:100%!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    gap:7px!important;padding:4px!important;margin:0!important;
    overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;border-radius:14px!important;
  }
  body.engine-page .topbar .sc-track-switch::-webkit-scrollbar{display:none}
  body.engine-page .topbar .sc-track-switch a{
    flex:0 0 auto!important;min-height:38px!important;
    padding:9px 12px!important;border-radius:10px!important;
    font-size:11px!important;line-height:1!important;
  }

  body.engine-page .engine-journey,
  body.engine-page .bar-skills-journey,
  body.engine-page .bmu-journey{padding:20px 0 44px!important}
  body.engine-page .journey-hero{
    display:grid!important;grid-template-columns:1fr!important;
    gap:18px!important;padding:8px 0 24px!important;margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  body.engine-page .journey-kicker{font-size:10px!important;letter-spacing:.14em!important}
  body.engine-page .journey-hero h1{
    margin:12px 0 12px!important;
    font-size:clamp(38px,11.2vw,48px)!important;line-height:.98!important;
    letter-spacing:-.055em!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  body.engine-page .journey-hero p{margin:0!important;font-size:14px!important;line-height:1.58!important;color:#b7b7b7!important}
  body.engine-page .journey-summary-strip{display:flex!important;flex-wrap:wrap!important;gap:9px 13px!important;margin-top:16px!important}
  body.engine-page .journey-summary-chip{font-size:10.5px!important;gap:6px!important}
  body.engine-page .journey-next{
    margin:0!important;padding:16px!important;border-radius:16px!important;
    border:1px solid rgba(235,90,28,.22)!important;background:rgba(235,90,28,.06)!important;
  }
  body.engine-page .journey-next small{font-size:9.5px!important;margin-bottom:5px!important}
  body.engine-page .journey-next strong{font-size:20px!important;line-height:1.12!important}
  body.engine-page .journey-next span{font-size:12px!important;line-height:1.45!important;margin-top:6px!important}

  body.engine-page .parallel-panel{
    display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
    margin:24px 0 6px!important;
  }
  body.engine-page .parallel-head{display:block!important;padding:0 2px 4px!important}
  body.engine-page .parallel-head span{font-size:10px!important;letter-spacing:.12em!important}
  body.engine-page .parallel-head h3{font-size:22px!important;line-height:1.08!important;margin:7px 0 6px!important}
  body.engine-page .parallel-head p{font-size:12.5px!important;line-height:1.5!important;text-align:left!important;margin:0!important}
  body.engine-page .parallel-card{padding:17px!important;border-radius:18px!important}
  body.engine-page .parallel-card h4{font-size:20px!important;line-height:1.1!important;margin:8px 0 7px!important}
  body.engine-page .parallel-card>p{font-size:12.5px!important;line-height:1.5!important}
  body.engine-page .parallel-resume{margin-top:12px!important;padding:11px!important;border-radius:12px!important}
  body.engine-page .parallel-resume strong{font-size:11px!important;line-height:1.35!important}

  body.engine-page .journey-layout{padding-top:24px!important}
  body.engine-page .journey-route-head{margin-bottom:14px!important;gap:8px!important}
  body.engine-page .journey-route-head>span{font-size:10.5px!important;letter-spacing:.12em!important}
  body.engine-page .engine-route{gap:14px!important;padding-left:42px!important}
  body.engine-page .engine-route:before{left:14px!important;top:27px!important;bottom:27px!important}
  body.engine-page .route-node{
    left:-42px!important;top:18px!important;width:30px!important;height:30px!important;
    font-size:10px!important;box-shadow:0 0 0 5px #060606!important;
  }
  body.engine-page .route-card{padding:17px!important;border-radius:18px!important}
  body.engine-page .route-card-head{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.engine-page .route-block-label{font-size:9.5px!important;letter-spacing:.12em!important;margin-bottom:5px!important}
  body.engine-page .route-title{font-size:21px!important;line-height:1.1!important}
  body.engine-page .route-description{font-size:12.5px!important;line-height:1.5!important;margin-top:7px!important}
  body.engine-page .route-state{width:max-content!important;min-height:28px!important;padding:6px 9px!important;font-size:9.5px!important}
  body.engine-page .route-signals{grid-template-columns:1fr!important;gap:7px!important;margin-top:12px!important}
  body.engine-page .route-signal{min-height:42px!important;padding:9px 10px!important;border-radius:12px!important}
  body.engine-page .route-signal>span,body.engine-page .route-signal>b{font-size:10.5px!important;line-height:1.3!important}
  body.engine-page .route-actions{display:grid!important;gap:9px!important;margin-top:13px!important;padding-top:13px!important}
  body.engine-page .route-actions-left{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  body.engine-page .route-btn{width:100%!important;min-height:44px!important;padding:10px 12px!important;font-size:11.5px!important;border-radius:12px!important}
  body.engine-page .route-lock-note{font-size:10.5px!important;line-height:1.4!important;text-align:left!important}

  /* Points of Performance */
  body.engine-page .learning-map{margin:26px 0 22px!important}
  body.engine-page .learning-map-head{display:block!important;margin-bottom:14px!important}
  body.engine-page .learning-map-head h3{font-size:25px!important;line-height:1.08!important;margin:7px 0!important}
  body.engine-page .learning-map-head p{font-size:13px!important;line-height:1.5!important}
  body.engine-page .performance-list,body.engine-page .bmu-performance-list{grid-template-columns:1fr!important;gap:12px!important}
  body.engine-page .performance-card,body.engine-page .bmu-performance-row{border-radius:18px!important}
  body.engine-page .performance-cover{min-height:255px!important;padding:16px!important}
  body.engine-page .performance-index{width:40px!important;height:40px!important;font-size:16px!important}
  body.engine-page .performance-video-chip{font-size:9px!important;padding:7px 9px!important}
  body.engine-page .performance-point-label{font-size:9.5px!important}
  body.engine-page .performance-cover h4{font-size:21px!important;line-height:1.1!important}
  body.engine-page .performance-summary{font-size:12px!important;line-height:1.45!important;margin-bottom:13px!important}
  body.engine-page .performance-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.engine-page .performance-actions button,body.engine-page .performance-actions .btn,
  body.engine-page .performance-mode-btn{min-height:44px!important;padding:9px 10px!important;font-size:10.5px!important;border-radius:12px!important}
  body.engine-page .performance-expanded-head{grid-template-columns:auto minmax(0,1fr)!important;padding:13px!important;gap:10px!important}
  body.engine-page .performance-expanded-title small{font-size:9px!important}
  body.engine-page .performance-expanded-title h4{font-size:18px!important}
  body.engine-page .performance-panel{padding:12px!important}
  body.engine-page .performance-drill,body.engine-page .bmu-drill-card{padding:12px!important;border-radius:14px!important}

  /* =========================================================
     TRACK BLOCK PAGES · all Engine / Bar Skills / BMU blocks
     ========================================================= */
  body.sc-track-block{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
  body.sc-track-block .top,
  body.sc-track-block .sc-bs-ref-header{
    position:sticky!important;top:0!important;z-index:80!important;
    padding:calc(7px + env(safe-area-inset-top)) 0 7px!important;
    background:rgba(5,5,5,.97)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  }
  body.sc-track-block .top-inner,
  body.sc-track-block .sc-bs-ref-header__inner{
    width:calc(100% - 24px)!important;min-height:44px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:10px!important;padding:0!important;margin:0 auto!important;
  }
  body.sc-track-block .brand,body.sc-track-block .sc-bs-ref-brand{flex:1 1 auto!important;min-width:0!important}
  body.sc-track-block .sc-brand-lockup-header{height:29px!important;max-height:29px!important;max-width:166px!important}
  body.sc-track-block .sc-brand-context{display:none!important}
  body.sc-track-block .top-actions,body.sc-track-block .sc-bs-ref-actions{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:6px!important;max-width:48%!important;overflow-x:auto!important;scrollbar-width:none!important;
  }
  body.sc-track-block .top-actions::-webkit-scrollbar,body.sc-track-block .sc-bs-ref-actions::-webkit-scrollbar{display:none}
  body.sc-track-block .top-actions .btn,body.sc-track-block .sc-bs-ref-pill,body.sc-track-block .sc-bs-ref-reset,
  body.sc-track-block .top>.shell.top-inner>.btn{
    min-height:38px!important;height:38px!important;padding:8px 10px!important;
    border-radius:11px!important;font-size:10.5px!important;white-space:nowrap!important;
  }
  body.sc-track-block #resetBtn{display:none!important}
  /* Mobile header is identity + language only. Track/Hub destinations live in the route rail below. */
  body.sc-track-block .top-actions>a.btn,
  body.sc-track-block .sc-bs-ref-actions>a.sc-bs-ref-pill,
  body.sc-track-block .top>.shell.top-inner>a.btn{display:none!important}
  body.sc-track-block .top-actions,body.sc-track-block .sc-bs-ref-actions{max-width:none!important;overflow:visible!important}

  /* One clean route rail; repeated destination links are hidden only on mobile. */
  body.sc-track-block .sc-flow-nav,body.sc-track-block .sc-bs-ref-nav{
    position:relative!important;z-index:30!important;
    width:100%!important;max-width:100%!important;margin:0!important;
    padding:8px 12px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;
    gap:7px!important;overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;background:#090909!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
  }
  body.sc-track-block .sc-flow-nav::-webkit-scrollbar,body.sc-track-block .sc-bs-ref-nav::-webkit-scrollbar{display:none}
  body.sc-track-block .sc-flow-nav a,body.sc-track-block .sc-bs-ref-nav a,body.sc-track-block .sc-bs-ref-nav span{
    flex:0 0 auto!important;width:auto!important;min-height:40px!important;
    padding:9px 12px!important;border-radius:11px!important;font-size:11px!important;line-height:1.1!important;
    white-space:nowrap!important;
  }
  body.sc-track-block .sc-mobile-redundant{display:none!important}
  body.sc-track-block.sc-reward-resource-mode .sc-bs-ref-nav{display:none!important}

  body.sc-track-block main.shell{padding-top:20px!important;padding-bottom:32px!important}
  body.sc-track-block .hero{
    padding:20px!important;margin:0 0 18px!important;border-radius:22px!important;
  }
  body.sc-track-block .hero-grid{grid-template-columns:1fr!important;gap:16px!important}
  body.sc-track-block .hero-content{padding:0!important}
  body.sc-track-block .eyebrow{font-size:10.5px!important;letter-spacing:.18em!important;line-height:1.3!important}
  body.sc-track-block .hero h1,body.sc-track-block .hero h2{
    margin:9px 0 10px!important;font-size:clamp(34px,10.2vw,42px)!important;
    line-height:.98!important;letter-spacing:-.055em!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  body.sc-track-block .hero p{font-size:14px!important;line-height:1.55!important}
  body.sc-track-block .hero-actions{gap:9px!important;margin-top:17px!important}
  body.sc-track-block .hero-actions .btn{min-height:44px!important;font-size:11.5px!important;padding:10px 13px!important}
  body.sc-track-block .badge-row{gap:7px!important;margin-top:14px!important}
  body.sc-track-block .badge{min-height:30px!important;padding:7px 9px!important;font-size:9.5px!important;letter-spacing:.08em!important}
  body.sc-track-block .progress-card{padding:15px!important;border-radius:17px!important}
  body.sc-track-block .progress-top{
    display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
    gap:14px!important;width:100%!important;margin-bottom:9px!important;
  }
  body.sc-track-block .progress-top>div{
    display:flex!important;flex:1 1 auto!important;min-width:0!important;
    flex-direction:column!important;align-items:flex-start!important;gap:5px!important;
  }
  body.sc-track-block .progress-top span{display:block!important;font-size:10px!important;line-height:1.25!important}
  body.sc-track-block .progress-top strong{display:block!important;margin:0!important;font-size:28px!important;line-height:1!important}
  body.sc-track-block .progress-top>span:last-child{flex:0 0 auto!important;white-space:nowrap!important;text-align:right!important}
  body.sc-track-block .progress-message{font-size:11.5px!important;line-height:1.4!important}

  body.sc-track-block .section,body.sc-track-block .roadmap-section,body.sc-track-block .drills,
  body.sc-track-block .collection,body.sc-track-block .info-card,body.sc-track-block .assessment-card{
    padding:18px!important;margin-bottom:18px!important;border-radius:20px!important;
  }
  body.sc-track-block .section-head,body.sc-track-block .roadmap-head{
    display:block!important;margin-bottom:15px!important;
  }
  body.sc-track-block .section h3,body.sc-track-block .section-head h3,body.sc-track-block .roadmap-head h3{
    margin:7px 0 6px!important;font-size:24px!important;line-height:1.08!important;letter-spacing:-.04em!important;
  }
  body.sc-track-block .section p,body.sc-track-block .section-head p,body.sc-track-block .roadmap-head p{
    font-size:13px!important;line-height:1.5!important;
  }
  body.sc-track-block .video-grid,body.sc-track-block .video-layout,body.sc-track-block .theory-grid,
  body.sc-track-block .standards,body.sc-track-block .drill-list,body.sc-track-block .drill-grid,
  body.sc-track-block .test-grid,body.sc-track-block .weeks-grid,body.sc-track-block .bmu-checkpoint-grid{
    grid-template-columns:1fr!important;gap:12px!important;
  }
  body.sc-track-block .video-tile,body.sc-track-block .summary-card,body.sc-track-block .std,
  body.sc-track-block .drill-card,body.sc-track-block .info-card{padding:13px!important;border-radius:15px!important}
  body.sc-track-block .video-title{font-size:12.5px!important;line-height:1.35!important}
  body.sc-track-block .video-title span{font-size:9.5px!important}

  /* Roadmaps/checkpoints become a clean vertical process. */
  body.sc-track-block .roadmap-canvas{padding:4px 0 0!important}
  body.sc-track-block .path-svg{display:none!important}
  body.sc-track-block .snake-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body.sc-track-block .checkpoint,body.sc-track-block .checkpoint-card,body.sc-track-block .bmu-checkpoint{
    border-radius:18px!important;overflow:hidden!important;
  }
  body.sc-track-block .checkpoint-main{padding:14px!important}
  body.sc-track-block .checkpoint-top{gap:9px!important;margin-bottom:10px!important;align-items:flex-start!important}
  body.sc-track-block .num,body.sc-track-block .checkpoint .num{
    width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;font-size:12px!important;
  }
  body.sc-track-block .checkpoint h4,body.sc-track-block .checkpoint-card h4,body.sc-track-block .bmu-checkpoint h4{
    font-size:16px!important;line-height:1.2!important;letter-spacing:-.02em!important;
  }
  body.sc-track-block .pill{font-size:9.5px!important;padding:6px 8px!important;letter-spacing:.05em!important}
  body.sc-track-block .checkpoint-actions{
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:11px!important;
  }
  body.sc-track-block .checkpoint-actions .btn{
    width:100%!important;min-height:44px!important;padding:9px 10px!important;border-radius:11px!important;font-size:11px!important;
  }
  body.sc-track-block .detail{padding:14px!important}
  body.sc-track-block .detail h5{font-size:11px!important;line-height:1.3!important;margin-bottom:7px!important}
  body.sc-track-block .detail p,body.sc-track-block .detail li{font-size:13px!important;line-height:1.5!important}
  body.sc-track-block .std b{font-size:10px!important}
  body.sc-track-block .std span{font-size:12px!important;line-height:1.45!important}
  body.sc-track-block .drill-card h4{font-size:14px!important;line-height:1.25!important}
  body.sc-track-block .drill-card p{font-size:12.5px!important;line-height:1.45!important}
  body.sc-track-block .roadmap-how-use{padding:17px!important;border-radius:18px!important}
  body.sc-track-block .roadmap-how-use h3{font-size:21px!important}
  body.sc-track-block .roadmap-how-use p{font-size:12.5px!important;line-height:1.5!important}

  /* POP cards inside Bar Skills blocks */
  body.sc-track-block .performance-list,body.sc-track-block .bmu-performance-list{grid-template-columns:1fr!important;gap:12px!important}
  body.sc-track-block .performance-card{border-radius:18px!important}
  body.sc-track-block .performance-cover{min-height:255px!important}
  body.sc-track-block .performance-cover h4{font-size:21px!important}
  body.sc-track-block .performance-summary{font-size:12px!important;line-height:1.45!important}
  body.sc-track-block .performance-actions{gap:8px!important}
  body.sc-track-block .performance-mode-btn{min-height:44px!important;font-size:10.5px!important}

  /* Complex final blocks: preserve information without desktop-density compression. */
  body.sc-track-block .hero-metrics{grid-template-columns:1fr 1fr!important;gap:9px!important}
  body.sc-track-block .metric{padding:12px!important;border-radius:15px!important}
  body.sc-track-block .metric b{font-size:21px!important}
  body.sc-track-block .metric span{font-size:10px!important;line-height:1.25!important}
  body.sc-track-block .status-grid{grid-template-columns:1fr!important;gap:12px!important;margin:14px 0!important}
  body.sc-track-block .panel{padding:16px!important;border-radius:19px!important}
  body.sc-track-block .panel h3{font-size:22px!important}
  body.sc-track-block .current-line strong{font-size:27px!important}
  body.sc-track-block .how-item{font-size:12.5px!important;line-height:1.45!important}
  body.sc-track-block .session{border-radius:20px!important}
  body.sc-track-block .session-head{grid-template-columns:1fr!important;padding:16px!important;gap:10px!important}
  body.sc-track-block .session-count{text-align:left!important}
  body.sc-track-block .phase-list{padding:12px!important;gap:10px!important}
  body.sc-track-block .phase-top{grid-template-columns:1fr 30px!important;padding:13px!important}
  body.sc-track-block .phase-time{grid-column:1/-1!important;padding-top:0!important}
  body.sc-track-block .exercise-row{grid-template-columns:50px minmax(0,1fr)!important;gap:7px 10px!important;padding:12px!important}
  body.sc-track-block .exercise-row .video-cue{grid-column:2!important;justify-self:start!important}
  body.sc-track-block .session-footer{grid-template-columns:1fr!important;padding:0 12px 12px!important}
  body.sc-track-block .complete-btn{width:100%!important;min-width:0!important;min-height:46px!important}
  body.sc-track-block .timeline-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  body.sc-track-block .session-dot{min-height:40px!important;font-size:10.5px!important}
  body.sc-track-block .phase-strip{grid-template-columns:1fr!important;gap:9px!important}
  body.sc-track-block .session-row{grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}
  body.sc-track-block .session-row button{grid-column:2!important;justify-self:start!important;min-height:36px!important;padding:6px 0!important;font-size:10px!important}
  body.sc-track-block .test-fields{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.sc-track-block .history-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  body.sc-track-block .history-wrap table{min-width:680px!important}
  body.sc-track-block .field label{font-size:10px!important;line-height:1.25!important}
  body.sc-track-block .session-row span,body.sc-track-block .side-stat p{font-size:10.5px!important;line-height:1.4!important}
  body.sc-track-block .session-row b,body.sc-track-block .side-stat b{font-size:12px!important}

  /* =========================================================
     ENGINE RESOURCES / EXTRAS · readable + touch friendly
     ========================================================= */
  body.sc-engine-block .sc-extra-grid{grid-template-columns:1fr!important;gap:14px!important}
  body.sc-engine-block .sc-extra-card{padding:18px!important;border-radius:20px!important}
  body.sc-engine-block .sc-extra-top{gap:8px!important;margin-bottom:10px!important}
  body.sc-engine-block .sc-extra-no,body.sc-engine-block .sc-extra-type{font-size:9.5px!important}
  body.sc-engine-block .sc-extra-card h4{font-size:21px!important;line-height:1.1!important;margin:8px 0!important}
  body.sc-engine-block .sc-extra-card>p{font-size:13px!important;line-height:1.5!important}
  body.sc-engine-block .sc-extra-actions{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-top:14px!important;align-items:center!important}
  body.sc-engine-block .sc-extra-download{min-height:46px!important;padding:10px 13px!important;border-radius:12px!important;font-size:11.5px!important}
  body.sc-engine-block .sc-extra-lang{display:flex!important;gap:3px!important;padding:3px!important}
  body.sc-engine-block .sc-extra-lang button{min-width:38px!important;min-height:38px!important;font-size:10px!important}
  body.sc-engine-block .sc-extra-video{border-radius:16px!important;margin-top:13px!important}
  body.sc-engine-block .sc-extra-video-slot{min-height:58px!important;padding:10px!important;border-radius:12px!important}
  body.sc-engine-block .sc-extra-video-slot strong{font-size:11.5px!important;line-height:1.3!important}
  body.sc-engine-block .sc-extra-video-slot small{font-size:9.5px!important}
  body.sc-engine-block .sc-extra-protocol-details summary{min-height:44px!important;font-size:11px!important;line-height:1.35!important}

  /* =========================================================
     DROPS & REWARDS
     ========================================================= */
  body.sc-rewards-page .top-inner{width:calc(100% - 24px)!important;min-height:58px!important;align-items:center!important;gap:9px!important}
  body.sc-rewards-page .top-actions{display:flex!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important}
  body.sc-rewards-page .top-actions .btn{min-height:38px!important;height:auto!important;padding:8px 10px!important;font-size:10px!important}
  body.sc-rewards-page main.shell{padding-top:18px!important}
  body.sc-rewards-page .hero{padding:20px!important;border-radius:22px!important}
  body.sc-rewards-page .hero h2{font-size:clamp(38px,11vw,48px)!important;line-height:.98!important}
  body.sc-rewards-page .hero p{font-size:13px!important;line-height:1.52!important}
  body.sc-rewards-page .reward-toggle{grid-template-columns:40px minmax(0,1fr)!important;gap:11px!important;padding:15px!important}
  body.sc-rewards-page .reward-state{grid-column:2!important;margin-top:3px!important;font-size:10px!important;white-space:normal!important}
  body.sc-rewards-page .reward-title strong{font-size:18px!important;line-height:1.15!important}
  body.sc-rewards-page .reward-title span{font-size:12px!important;line-height:1.42!important}
  body.sc-rewards-page .reward-body{padding:14px!important}
  body.sc-rewards-page .reward-resource{padding:16px!important;border-radius:18px!important}
  body.sc-rewards-page .reward-resource h4{font-size:20px!important;line-height:1.12!important;margin:8px 0!important}
  body.sc-rewards-page .reward-resource p{font-size:12.5px!important;line-height:1.48!important}
  body.sc-rewards-page .reward-resource .btn{width:100%!important;min-height:46px!important;margin-top:12px!important}
  body.sc-rewards-page .collection{margin-top:20px!important}
  body.sc-rewards-page .collection-head{display:block!important;margin-bottom:14px!important}
  body.sc-rewards-page .collection-head h3{font-size:24px!important;line-height:1.1!important}
  body.sc-rewards-page .collection-head p{font-size:12.5px!important;line-height:1.5!important;margin-top:7px!important}
  body.sc-rewards-page .reward-list{gap:13px!important}
  body.sc-rewards-page .reward-card{border-radius:19px!important}
  body.sc-rewards-page .reward-toggle{grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;align-items:start!important}
  body.sc-rewards-page .reward-num{width:42px!important;height:42px!important;border-radius:12px!important}
  body.sc-rewards-page .reward-title strong{font-size:18px!important;line-height:1.12!important}
  body.sc-rewards-page .reward-title span{font-size:11.5px!important;line-height:1.4!important}
  body.sc-rewards-page .reward-state{grid-column:2!important;margin-top:5px!important;font-size:9.5px!important;white-space:normal!important}
  body.sc-rewards-page .reward-body{padding:15px!important}
  body.sc-rewards-page .reward-note{display:grid!important;gap:10px!important}
  body.sc-rewards-page .reward-note p{font-size:12.5px!important;line-height:1.48!important}
  body.sc-rewards-page .reward-badge{justify-self:start!important;font-size:9px!important}

  /* =========================================================
     HUB · preserve composition but restore readability
     ========================================================= */
  #appView>.top>.shell.top-inner{width:calc(100% - 24px)!important;min-height:60px!important}
  #appView .sc-brand-lockup-header{height:30px!important;max-width:168px!important}
  #appView main.shell{padding-top:16px!important}
  #screen-inicio .hero-card{padding:18px!important;border-radius:20px!important}
  #screen-inicio .hero-top h2{font-size:30px!important;line-height:1.02!important}
  #screen-inicio .hero-top p{font-size:12.5px!important;line-height:1.48!important}
  #screen-inicio .week{font-size:10px!important;padding:8px 10px!important}
  #screen-inicio .stat{padding:10px 7px!important;min-height:72px!important}
  #screen-inicio .stat strong{font-size:20px!important}
  #screen-inicio .stat span{font-size:9.5px!important;line-height:1.25!important}
  #adaptiveRoadmapTrack .road-step{min-height:154px!important;padding:15px!important}
  #adaptiveRoadmapTrack .road-step h4{font-size:18px!important}
  #adaptiveRoadmapTrack .road-step p{font-size:11.5px!important;line-height:1.42!important}
  #screen-modulos .sc-method-copy p,#screen-modulos .sc-foundation-copy p{font-size:11.5px!important;line-height:1.45!important}
  #screen-modulos .sc-overview-meta{font-size:9px!important}
  .sc-level-copy h4{font-size:17px!important}
  .sc-level-copy p{font-size:10px!important;line-height:1.4!important}
  .sc-path-resume strong{font-size:10.5px!important;line-height:1.35!important}
  .sc-hub-ann-copy p{font-size:12px!important;line-height:1.48!important}
  .sc-hub-ann-open,.sc-hub-ann-more{font-size:10px!important}
  .bottom-nav .nav-btn{font-size:9.5px!important;line-height:1.1!important}
  #screen-plan .plan-overview-main>p{font-size:12px!important}
  #screen-plan .plan-kpi small{font-size:8.5px!important}
  #screen-plan .plan-kpi span{font-size:9.5px!important}
  #screen-plan .plan-now-card p{font-size:11.5px!important;line-height:1.45!important}
  #screen-plan .plan-now-foot{font-size:9.5px!important}
  #screen-plan .plan-card-head>span{font-size:8.5px!important}
  #screen-plan .plan-strength-copy p{font-size:11px!important}
  #screen-plan .plan-strength-meta small{font-size:8px!important}
  #screen-plan .plan-strength-meta b{font-size:10.5px!important}
  #screen-plan .plan-live-action-copy b{font-size:11px!important;line-height:1.3!important}
  #screen-plan .plan-live-action-copy span{font-size:9.5px!important;line-height:1.3!important}

  /* =========================================================
     COACHING · mobile app polish
     ========================================================= */
  body.sc-coaching-page .mobile-admin-header{min-height:58px!important;padding:calc(8px + env(safe-area-inset-top)) 12px 8px!important}
  body.sc-coaching-page .mobile-admin-header strong{font-size:15px!important}
  body.sc-coaching-page .mobile-admin-header span{font-size:10.5px!important}
  body.sc-coaching-page .crm-install-header-btn{min-height:38px!important;font-size:10px!important}
  body.sc-coaching-page .main{padding:12px 11px 100px!important}
  body.sc-coaching-page .topbar{padding:14px!important;border-radius:18px!important}
  body.sc-coaching-page .topbar h2{font-size:24px!important;line-height:1.05!important}
  body.sc-coaching-page .topbar p{font-size:11.5px!important;line-height:1.45!important}
  body.sc-coaching-page .top-actions .btn{min-height:42px!important;font-size:10.5px!important}
  body.sc-coaching-page .kpi{padding:11px!important;min-height:86px!important}
  body.sc-coaching-page .kpi .label,body.sc-coaching-page .kpi .sub{font-size:9.5px!important;line-height:1.3!important}
  body.sc-coaching-page .card{padding:13px!important;border-radius:17px!important}
  body.sc-coaching-page .card-title h3{font-size:17px!important}
  body.sc-coaching-page .card-title p{font-size:11.5px!important;line-height:1.45!important}
  body.sc-coaching-page .crm-mobile-card{padding:13px!important;border-radius:16px!important}
  body.sc-coaching-page .crm-mobile-actions .btn{min-height:40px!important;font-size:10px!important}
  body.sc-coaching-page .sidebar .nav button,body.sc-coaching-page .sidebar .nav a{font-size:10px!important;line-height:1.2!important}
  body.sc-coaching-page .scw-step b{font-size:10px!important}
  body.sc-coaching-page .scw-step span{font-size:10.5px!important}
  body.sc-coaching-page .scw-stage-head p{font-size:11.5px!important;line-height:1.48!important}
  body.sc-coaching-page .scw-footer .btn{font-size:10px!important}

  /* =========================================================
     MODALS / FORMS / FOOTER final guardrails
     ========================================================= */
  .modal-backdrop,.modal,.sc-purchase-backdrop{padding:8px!important}
  .modal-card,.gate-card,.sc-purchase-modal{
    width:min(100%,680px)!important;max-width:100%!important;
    max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    overflow:auto!important;-webkit-overflow-scrolling:touch;border-radius:20px!important;
  }
  button,.btn,[role="button"]{min-height:var(--scm-touch)}
  .hub-footer-description,.footer-private p{line-height:1.5!important}
}

@media (max-width:430px){
  :root{--scm-gutter:12px}
  body.engine-page .topbar .nav{width:calc(100% - 18px)!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:6px!important}
  body.engine-page .topbar .sc-brand-lockup-header{max-width:146px!important;height:28px!important}
  body.engine-page .topbar #logoutBtn{padding:7px 8px!important;font-size:9.5px!important}
  body.engine-page .topbar .lang button{min-width:28px!important;padding:0 5px!important;font-size:9.5px!important}
  body.engine-page .topbar .sc-track-switch a{padding:9px 11px!important;font-size:10.5px!important}
  body.engine-page .journey-hero h1{font-size:clamp(35px,10.8vw,44px)!important}
  body.engine-page .engine-route{padding-left:38px!important}
  body.engine-page .engine-route:before{left:12px!important}
  body.engine-page .route-node{left:-38px!important;width:28px!important;height:28px!important}

  body.sc-track-block .top-inner,body.sc-track-block .sc-bs-ref-header__inner{width:calc(100% - 18px)!important}
  body.sc-track-block .sc-brand-lockup-header{height:28px!important;max-width:148px!important}
  body.sc-track-block .top-actions,body.sc-track-block .sc-bs-ref-actions{max-width:44%!important}
  body.sc-track-block .sc-flow-nav,body.sc-track-block .sc-bs-ref-nav{padding-left:9px!important;padding-right:9px!important}
  body.sc-track-block .hero{padding:18px!important}
  body.sc-track-block .hero h1,body.sc-track-block .hero h2{font-size:clamp(32px,10vw,39px)!important}
  body.sc-track-block .section,body.sc-track-block .roadmap-section,body.sc-track-block .drills{padding:16px!important}
  body.sc-track-block .checkpoint-actions{grid-template-columns:1fr!important}
  body.sc-track-block .test-fields,body.sc-track-block .pain-grid{grid-template-columns:1fr!important}
  body.sc-engine-block .sc-extra-actions{grid-template-columns:1fr!important}
  body.sc-engine-block .sc-extra-lang{justify-self:start!important}
}

@media (max-width:360px){
  body.engine-page .topbar #logoutBtn{font-size:0!important;width:36px!important;padding:0!important}
  body.engine-page .topbar #logoutBtn::after{content:'↪';font-size:17px!important}
  body.engine-page .topbar .sc-brand-lockup-header{max-width:132px!important}
  body.sc-track-block .sc-brand-lockup-header{max-width:136px!important}
}

/* =========================================================
   2026-08-26 · CLIENT SCREENSHOT FIXES
   ========================================================= */
@media (max-width:760px){
  /* Empty intro-video slots are not client content. */
  body.sc-engine-block .video-layout.no-video{
    display:block!important;
    grid-template-columns:1fr!important;
  }
  body.sc-engine-block .video-layout.no-video>.summary-stack{
    width:100%!important;
    max-width:none!important;
  }

  /* Private footer: desktop information/order, mobile composition. */
  body.sc-track-block .footer-private{
    margin:24px 0 12px!important;
    padding:18px 16px 14px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  body.sc-track-block .footer-private-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    align-items:start!important;
  }
  body.sc-track-block .footer-private-grid>div{
    min-width:0!important;
    width:100%!important;
  }
  body.sc-track-block .footer-private-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:0 0 8px!important;
    min-width:0!important;
  }
  body.sc-track-block .footer-private-brand .sc-brand-lockup-footer{
    display:block!important;
    width:auto!important;
    height:38px!important;
    max-width:188px!important;
    flex:0 1 auto!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  body.sc-track-block .footer-private-brand .sc-brand-footer-kicker{
    flex:0 0 auto!important;
    display:block!important;
    margin:0!important;
    color:#8d8d92!important;
    font-size:8px!important;
    line-height:1.2!important;
    letter-spacing:.16em!important;
    white-space:nowrap!important;
  }
  body.sc-track-block .footer-private-grid>div:first-child>p{
    margin:0 0 15px!important;
    max-width:300px!important;
    color:#96969b!important;
    font-size:11px!important;
    line-height:1.45!important;
  }
  body.sc-track-block .footer-private-grid>div:nth-child(2),
  body.sc-track-block .footer-private-grid>div:nth-child(3){
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px 12px!important;
    padding:13px 0!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
  }
  body.sc-track-block .footer-private h4{
    flex:0 0 100%!important;
    margin:0 0 2px!important;
    color:#ff6428!important;
    font-size:9px!important;
    line-height:1.2!important;
    letter-spacing:.22em!important;
  }
  body.sc-track-block .footer-private a,
  body.sc-track-block .footer-private button{
    display:inline-flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%!important;
    min-height:30px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#e8e8e8!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:normal!important;
  }
  body.sc-track-block .footer-private-bottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:2px!important;
    padding:11px 0 0!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
    color:#727278!important;
    font-size:8px!important;
    line-height:1.3!important;
  }

  /* Android may let author display override the hidden attribute. */
  body.sc-engine-block .sc-extra-loading[hidden]{display:none!important}
}

@media (max-width:360px){
  body.sc-track-block .footer-private-brand{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:5px!important;
  }
  body.sc-track-block .footer-private-brand .sc-brand-footer-kicker{white-space:normal!important}
}