/* LT Performance26 mobile polish and program organization */
html,body,#root,.app-shell,main,.content{max-width:100%;min-width:0}
html,body{overflow-x:hidden}
img,svg{max-width:100%}

/* Remove the acceleration infographic from the app on every screen size. */
.acceleration-hero{display:none!important}

/* Collapsible workout phases */
.phase-collapse,.builder-phase-collapse{margin:14px 0;border:1px solid #d9dfdb;border-top:4px solid var(--lime);background:#fff}
.phase-collapse>summary,.builder-phase-collapse>summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;min-height:62px;padding:13px 15px;cursor:pointer;list-style:none;background:#07110d;color:#fff}
.phase-collapse>summary::-webkit-details-marker,.builder-phase-collapse>summary::-webkit-details-marker{display:none}
.phase-collapse>summary .phase-mark,.builder-phase-collapse>summary .phase-mark{display:grid;place-items:center;width:30px;height:30px;background:var(--lime);color:#07110d;font-weight:900}
.phase-collapse>summary strong,.builder-phase-collapse>summary strong{font-size:17px;letter-spacing:.02em;text-transform:uppercase}
.phase-collapse>summary small{color:#b9c2bd;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.phase-collapse>summary .phase-toggle,.builder-phase-collapse>summary .phase-toggle{font-size:25px;line-height:1;color:var(--lime)}
.phase-collapse[open]>summary .phase-toggle,.builder-phase-collapse[open]>summary .phase-toggle{transform:rotate(45deg)}
.phase-collapse>[data-edit-session]{padding:14px}
.phase-collapse>[data-edit-session]>strong{display:none}
.builder-phase-list{display:grid;gap:12px;padding:12px}
.builder-phase-list:empty::after{content:'No exercises added yet.';display:block;padding:14px;color:#78847e;font-size:13px;font-style:italic}
.exercise-phase-select{display:grid;gap:5px;margin:10px 0 12px;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#5e6c64}
.exercise-phase-select select{width:100%;min-height:44px;padding:8px 10px;border:1px solid #aab6af;background:#fff;color:#07110d;font:inherit}
.phase-add{display:block;width:calc(100% - 24px);margin:0 12px 12px;min-height:46px}
.phase-original-add{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:700px){
  body{width:100%;margin:0}
  .app-shell,main,.content{width:100%;overflow-x:hidden}

  /* Keep the hamburger as a distinct touch target, visibly separated from Sign out. */
  header{column-gap:12px!important}
  .header-right{gap:10px!important;min-width:0}
  .menu-btn{flex:0 0 48px!important;width:48px!important;height:48px!important;margin-left:12px!important;padding:0!important;border-left:1px solid #d7ded9!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .menu-btn svg{width:28px!important;height:28px!important}
  [data-global-logout]{margin-right:0!important}

  /* Restore a compact homepage that stays inside the phone viewport. */
  .hero{box-sizing:border-box;width:100%;min-height:auto;padding:74px 20px 54px;overflow:hidden}
  .hero-copy{box-sizing:border-box;width:100%;max-width:100%;margin:0 auto;text-align:center}
  .status-pill{max-width:100%;margin-inline:auto;padding:10px 13px;font-size:10px;letter-spacing:.13em;white-space:normal}
  .hero h1{max-width:100%;margin:36px auto 22px;font-size:clamp(48px,14vw,72px);line-height:.84;letter-spacing:-.055em;white-space:normal;overflow-wrap:normal}
  .hero h1>span{display:inline-block;font-size:.42em;line-height:1;letter-spacing:.18em}
  .hero h1 em{display:inline;color:var(--lime)}
  .hero-copy>p{max-width:34rem;margin:0 auto 28px;padding:0 4px;font-size:clamp(16px,4.6vw,20px);line-height:1.5}
  .hero-actions{display:grid;width:100%;max-width:100%;gap:0;margin:0 auto}
  .hero-actions button{box-sizing:border-box;width:100%;min-width:0;min-height:58px;padding:0 14px}
  .trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;margin-top:30px}
  .trust-row>div{min-width:0;padding:12px 7px}
  .trust-row strong{font-size:clamp(28px,8vw,42px)}
  .trust-row span{font-size:11px;line-height:1.25;overflow-wrap:anywhere}
  .performance-backdrop{max-width:100%;overflow:hidden}
  .acceleration-page{padding-top:24px}

  /* Athlete week selector stays in one horizontal row instead of a tall 2-column block. */
  .athlete-system .week-segments{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:0!important;margin:12px 0 28px!important}
  .athlete-system .week-segments button{width:100%!important;min-width:0!important;height:52px!important;padding:0!important}

  /* Keep performance modules readable and remove the redundant force intro line. */
  .performance-page,.performance-title,.performance-intro,.measure-panel,.module-drills{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
  .performance-page{padding-left:14px;padding-right:14px;overflow:hidden}
  .performance-title h1{font-size:clamp(42px,12vw,64px);line-height:.9;overflow-wrap:anywhere}
  .performance-title p{max-width:100%;font-size:16px;line-height:1.45}
  [data-module="force-production"] .performance-title>p{display:none}
  .performance-intro{grid-template-columns:1fr!important}
  .performance-intro article,.measure-panel,.module-drills article{min-width:0}
  .performance-intro h2,.measure-panel h2,.module-drills h2{overflow-wrap:anywhere}
  .measure-input,.unit-row{min-width:0;max-width:100%}

  /* Program builder: prescription stays on one line on phones. */
  .builder-exercise{box-sizing:border-box;min-width:0;padding:18px 14px}
  .builder-exercise-head{gap:8px;align-items:flex-start}
  .builder-exercise-head .exercise-actions{flex-wrap:wrap}
  .builder-phase-collapse{width:100%;min-width:0;margin:10px 0}
  .builder-phase-collapse>summary{grid-template-columns:auto minmax(0,1fr) auto;padding:11px}
  .builder-phase-list{padding:9px}
  .exercise-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%}
  .exercise-fields label{min-width:0;font-size:12px;line-height:1.15}
  .exercise-fields input{box-sizing:border-box;width:100%!important;min-width:0!important;min-height:48px;padding:8px!important}
  .builder-exercise textarea{min-height:92px}
  .training-library{box-sizing:border-box;width:100%;max-width:100%;padding:12px}
  .training-library h3{font-size:clamp(34px,10vw,48px);line-height:.94}
  .library-categories button{min-width:0;overflow-wrap:anywhere}

  /* Athlete/coach workout cards match the preferred compact prescription layout. */
  .completion-item{box-sizing:border-box;min-width:0;padding:14px 10px}
  .completion-item>span,.completion-item>div{min-width:0}
  .exercise-prescription{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%;margin-top:12px}
  .exercise-prescription em{box-sizing:border-box;min-width:0;padding:10px 8px!important;background:#f2f5f3;font-style:normal}
  .exercise-prescription small{display:block;min-height:25px;font-size:9px;line-height:1.2;letter-spacing:.03em;text-transform:uppercase;color:#7a8780}
  .exercise-prescription em{font-size:16px;font-weight:800;overflow-wrap:anywhere}
  .exercise-instructions{display:block;margin-top:10px;padding:4px 2px;line-height:1.45}
  .phase-collapse{width:100%;min-width:0}
  .phase-collapse>summary{grid-template-columns:auto minmax(0,1fr) auto;padding:12px 11px}
  .phase-collapse>summary small{display:none}
  .phase-collapse>summary strong{min-width:0;overflow-wrap:anywhere}
  .phase-collapse>[data-edit-session]{padding:10px}

  /* Dialogs and owner email center must never exceed the viewport. */
  dialog,[data-program-dialog],[data-manage-dialog]{box-sizing:border-box;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px);margin:auto;overflow:auto}
  .owner-email-center,.subscriber-signup{box-sizing:border-box;max-width:100%;overflow:hidden}
  .owner-email-center input,.owner-email-center select,.owner-email-center textarea{box-sizing:border-box;width:100%;max-width:100%}
}

@media(max-width:390px){
  .hero{padding-left:14px;padding-right:14px}
  .hero h1{font-size:clamp(45px,13.5vw,58px)}
  .exercise-fields,.exercise-prescription{gap:5px!important}
  .exercise-fields label{font-size:10px}
}