/* HF.MOBILE.2 — client portrait ergonomics. Scoped to member only. */
@media(max-width:900px){
  html{overflow-x:clip}
  body.hfm2-member-portrait{max-width:100%;overflow-x:clip}
  body.hfm2-member-portrait .portal-header{max-width:100%;min-width:0;gap:8px}
  body.hfm2-member-portrait .portal-header-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end}
  body.hfm2-member-portrait .portal-brand{min-width:0;max-width:100%}
  body.hfm2-member-portrait .portal-brand strong{overflow:hidden;text-overflow:ellipsis;letter-spacing:.09em;max-width:33vw}
  #memberApp.hfm2-portrait{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% - 20px);max-width:760px;margin:12px auto 0;min-width:0;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));gap:12px}
  #memberApp.hfm2-portrait[hidden]{display:none!important}
  #memberApp.hfm2-portrait .app-content,#memberApp.hfm2-portrait .app-pane,#memberApp.hfm2-portrait .portal-card,#memberApp.hfm2-portrait [class*="-workspace"],#memberApp.hfm2-portrait [class*="-grid"],#memberApp.hfm2-portrait [class*="-shell"]{min-width:0;max-width:100%;box-sizing:border-box}
  #memberApp.hfm2-portrait .app-pane:not(.active){display:none}
  #memberApp.hfm2-portrait .app-hero{padding:18px 16px;flex-wrap:wrap;align-items:flex-start}
  #memberApp.hfm2-portrait .app-hero h1{font-size:clamp(25px,6.5vw,36px);overflow-wrap:anywhere}
  #memberApp.hfm2-portrait .member-status-grid,#memberApp.hfm2-portrait .content-grid,#memberApp.hfm2-portrait .account-grid,#memberApp.hfm2-portrait .account-tracking-grid,#memberApp.hfm2-portrait .subscription-detail-grid,#memberApp.hfm2-portrait .q692-home-grid,#memberApp.hfm2-portrait .q692-progress-dashboard,#memberApp.hfm2-portrait .progress-workspace-q3{display:grid;grid-template-columns:minmax(0,1fr)!important}
  #memberApp.hfm2-portrait .feature-head,#memberApp.hfm2-portrait .section-heading-clean,#memberApp.hfm2-portrait .recipe-library-head-clean,#memberApp.hfm2-portrait .exercise-library-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
  #memberApp.hfm2-portrait .feature-head>*,#memberApp.hfm2-portrait .section-heading-clean>*{max-width:100%;min-width:0}
  #memberApp.hfm2-portrait .feature-head h2,#memberApp.hfm2-portrait .section-heading-clean h2{font-size:clamp(23px,6vw,35px);line-height:1.17;overflow-wrap:anywhere}
  #memberApp.hfm2-portrait [class*="-actions"],#memberApp.hfm2-portrait .subscription-action-row{max-width:100%;flex-wrap:wrap}
  #memberApp.hfm2-portrait .portal-btn,#memberApp.hfm2-portrait button,#memberApp.hfm2-portrait input,#memberApp.hfm2-portrait textarea,#memberApp.hfm2-portrait select{box-sizing:border-box;max-width:100%}
  #memberApp.hfm2-portrait :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){min-width:0;width:100%;font-size:16px}
  #memberApp.hfm2-portrait :is(.exercise-search-row,.recipe-filter-grid,.checkin-grid,.progress-measure-grid,.recipe-detail-grid,.recipe-editor-grid){display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}
  #memberApp.hfm2-portrait .exercise-search-row>*,#memberApp.hfm2-portrait .recipe-filter-grid>*{min-width:0;max-width:100%;grid-column:auto!important}
  #memberApp.hfm2-portrait :is(#memberTrainingGrid,#memberRecipeGrid,#exerciseResults,.training-grid-compact,.library-grid,.exercise-results-grid){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  #memberApp.hfm2-portrait :is(.library-card,.recipe-library-card,.training-summary-card,.exercise-result-card){min-width:0;max-width:100%;box-sizing:border-box;height:auto}
  #memberApp.hfm2-portrait :is(.library-card,.recipe-library-card,.training-summary-card,.exercise-result-card) :is(h2,h3,p,small){overflow-wrap:anywhere;word-break:normal}
  #memberApp.hfm2-portrait img,#memberApp.hfm2-portrait video,#memberApp.hfm2-portrait iframe,#memberApp.hfm2-portrait svg,#memberApp.hfm2-portrait canvas{max-width:100%;height:auto}
  #memberApp.hfm2-portrait :is(.exercise-result-card,.recipe-library-card,.training-summary-card) :is(img,video){width:100%;aspect-ratio:4/3;object-fit:contain;display:block}
  #memberApp.hfm2-portrait .q692-checkpoints{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #memberApp.hfm2-portrait .q692-progress-cycle{flex-direction:column;align-items:stretch}
  #memberApp.hfm2-portrait .q692-cycle-actions{display:flex;flex-wrap:wrap;width:100%}
  #memberApp.hfm2-portrait .q692-cycle-actions>.portal-btn{flex:1 1 150px}
  #memberApp.hfm2-portrait .hf111a-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  #memberApp.hfm2-portrait .hf111a-actions>*{width:100%}
  #memberApp.hfm2-portrait :is(h1,h2,h3,h4,p,li,small,strong,code){overflow-wrap:anywhere}
  #memberApp.hfm2-portrait .hfm2-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  #memberApp.hfm2-portrait .hfm2-card-table{width:100%;table-layout:auto}
  #memberApp.hfm2-portrait .hfm2-card-table :is(td,th){overflow-wrap:anywhere}
  #memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
  #memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled,#memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled tbody,#memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled tr,#memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled td{display:block;width:100%;min-width:0;box-sizing:border-box}
  #memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled tr{margin:9px 0;padding:9px 11px;background:#191919;border:1px solid #38332d;border-radius:12px}
  #memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled td{padding:7px 3px;border:0;white-space:normal;text-align:left!important}
  #memberApp.hfm2-portrait .hfm2-card-table.hfm2-labeled td:before{content:attr(data-hfm2-label);display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#c9b48c;margin-bottom:4px}
  body.hfm2-member-portrait :is(.routine-detail-dialog,.exercise-detail-dialog,.recipe-detail-dialog){box-sizing:border-box;width:calc(100vw - 16px)!important;max-width:700px!important;min-width:0!important;max-height:calc(100dvh - 24px)!important;margin:auto;border-radius:15px}
  body.hfm2-member-portrait :is(.routine-detail-shell,.exercise-detail-shell,.recipe-detail-shell){box-sizing:border-box;min-width:0;width:100%;max-width:100%;max-height:calc(100dvh - 28px)!important;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px 14px!important}
  body.hfm2-member-portrait :is(#routineDetailContent,#exerciseDetailContent,#recipeDetailContent){box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere}
  body.hfm2-member-portrait :is(#routineDetailContent,#exerciseDetailContent,#recipeDetailContent) :is(img,video,iframe,svg,canvas){display:block;max-width:100%!important;height:auto!important;object-fit:contain}
  body.hfm2-member-portrait :is(#routineDetailContent,#exerciseDetailContent,#recipeDetailContent) :is(table,pre){max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
  body.hfm2-member-portrait :is(#routineDetailContent,#exerciseDetailContent,#recipeDetailContent) [style*="width"]{max-width:100%!important}
  body.hfm2-member-portrait :is(.routine-detail-close,.exercise-detail-close,.recipe-detail-close){z-index:3;min-width:38px;min-height:38px}
  body.hfm2-member-portrait :is(.subscription-cancel-dialog,.q692-progress-dialog,.q69-modal-card,.sc21-qr-dialog){box-sizing:border-box;width:calc(100vw - 20px)!important;min-width:0;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;overflow-x:hidden;overflow-y:auto;padding:18px 14px!important}
  body.hfm2-member-portrait :is(.subscription-cancel-modal,.q692-progress-modal,.portal-modal){max-width:100%;box-sizing:border-box}
  body.hfm2-member-portrait .portal-card :is(img,video,iframe){max-width:100%}
}
@media(max-width:560px){
  #memberApp.hfm2-portrait :is(#memberTrainingGrid,#memberRecipeGrid,#exerciseResults,.training-grid-compact,.library-grid,.exercise-results-grid){grid-template-columns:minmax(0,1fr)!important}
  #memberApp.hfm2-portrait .member-status-grid{grid-template-columns:minmax(0,1fr)!important}
  #memberApp.hfm2-portrait .app-pane>.portal-card:not(.feature-head){padding:16px}
  #memberApp.hfm2-portrait .q692-checkpoints{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #memberApp.hfm2-portrait .portal-btn{white-space:normal;min-height:42px;text-align:center}
  #memberApp.hfm2-portrait .hf91-bottom-nav{padding-left:max(3px,env(safe-area-inset-left,0px))!important;padding-right:max(3px,env(safe-area-inset-right,0px))!important}
  body.hfm2-member-portrait :is(.routine-detail-shell,.exercise-detail-shell,.recipe-detail-shell){padding:16px 12px!important}
}
@media(max-width:360px){#memberApp.hfm2-portrait{width:calc(100% - 12px)}#memberApp.hfm2-portrait .portal-card{padding-inline:12px}body.hfm2-member-portrait .portal-brand strong{font-size:10px;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){body.hfm2-member-portrait :is(.routine-detail-dialog,.exercise-detail-dialog,.recipe-detail-dialog){scroll-behavior:auto}}