/* Phase 169 - Spoken Materials mobile safety and mastery-flow polish. */
body.page-spoken-materials .wf144-voice-coach{
  border:1px solid rgba(11,70,129,.12);
}
body.page-spoken-materials .wf144-voice-copy small{line-height:1.35}
body.page-spoken-materials .wf143-navigation button,
body.page-spoken-materials .wf143-answer-actions button,
body.page-spoken-materials .wf143-audio-actions button{touch-action:manipulation}

@media (max-width:760px){
  body.page-spoken-materials{
    overflow-x:hidden;
    padding-bottom:max(0px,env(safe-area-inset-bottom));
  }
  body.page-spoken-materials #mainContent{
    overflow:visible!important;
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
  body.page-spoken-materials .wf143-practice-page{
    overflow:visible!important;
    padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
  }
  body.page-spoken-materials .wf143-practice-page .container{width:min(100% - 18px,100%)!important}
  body.page-spoken-materials .wf143-practice-workspace,
  body.page-spoken-materials .wf143-question-card,
  body.page-spoken-materials .wf143-answer-panel,
  body.page-spoken-materials .wf144-voice-coach{min-width:0;max-width:100%}
  body.page-spoken-materials .wf143-answer-panel textarea{width:100%;max-width:100%;box-sizing:border-box}
  body.page-spoken-materials .wf143-navigation{
    position:relative!important;
    z-index:10;
    display:grid!important;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  body.page-spoken-materials .wf143-navigation button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:9px 10px!important;
    white-space:normal!important;
    line-height:1.2!important;
  }
  body.page-spoken-materials .wf127-mobile-bottom{
    display:grid!important;
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    z-index:1200!important;
    min-height:64px!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    pointer-events:auto!important;
    transform:translateZ(0);
    isolation:isolate;
  }
  body.page-spoken-materials .wf127-mobile-bottom a{
    min-width:0!important;
    min-height:48px!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  body.page-spoken-materials .wf127-contact-dock{
    right:12px!important;
    bottom:calc(88px + env(safe-area-inset-bottom))!important;
    z-index:1150!important;
  }
  body.page-spoken-materials .section-cream:last-of-type{padding-bottom:24px!important}
}

@media (max-width:430px){
  body.page-spoken-materials .wf143-mode-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  body.page-spoken-materials .wf143-mode-card{min-width:0!important;padding:10px!important}
  body.page-spoken-materials .wf143-mode-copy b{font-size:12px!important}
  body.page-spoken-materials .wf143-mode-copy small{font-size:9.5px!important}
  body.page-spoken-materials .wf143-audio-actions,
  body.page-spoken-materials .wf143-answer-actions{gap:7px!important}
  body.page-spoken-materials .wf143-audio-actions button,
  body.page-spoken-materials .wf143-answer-actions button{min-width:0!important;padding-inline:8px!important}
  body.page-spoken-materials .wf144-voice-toggle{align-items:flex-start!important}
  body.page-spoken-materials .wf144-voice-copy small{font-size:10px!important}
}