/* Task pages reserve navigation and actions; only the content pane scrolls. */
html.movli-native #course-home{padding:calc(var(--movli-space-4) + var(--movli-safe-top,env(safe-area-inset-top,0px))) max(var(--movli-space-4),var(--movli-safe-right,env(safe-area-inset-right,0px))) calc(var(--movli-space-4) + var(--movli-safe-bottom,env(safe-area-inset-bottom,0px))) max(var(--movli-space-4),var(--movli-safe-left,env(safe-area-inset-left,0px)))}
@media(orientation:landscape) and (max-height:550px){html.movli-native #course-home{padding-top:calc(var(--movli-space-2) + var(--movli-safe-top,env(safe-area-inset-top,0px)));padding-bottom:calc(var(--movli-space-2) + var(--movli-safe-bottom,env(safe-area-inset-bottom,0px)))}}
/* Shared task composition. Brand components own control paint. */
.competency-page.task-page{overflow:hidden;top:var(--movli-viewport-top,0px);bottom:auto;height:min(var(--movli-viewport-height,100dvh),100dvh)}
.task-page .competency-page-shell{height:100%;min-height:0;max-width:none;padding:var(--movli-safe-top,env(safe-area-inset-top,0px)) max(var(--movli-space-6),var(--movli-safe-right,env(safe-area-inset-right,0px))) var(--movli-safe-bottom,env(safe-area-inset-bottom,0px)) max(var(--movli-space-6),var(--movli-safe-left,env(safe-area-inset-left,0px)))}
.task-page .course-card.movli-screen{display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;width:100%;max-width:none;padding:0;margin:0;overflow:hidden;gap:0}
.movli-screen .screen-navigation{display:flex;align-items:center;justify-content:space-between;flex:none;gap:var(--movli-space-3);padding:var(--movli-screen-navigation-inset) 0;min-height:var(--movli-screen-navigation-height);border-bottom:1px solid var(--movli-border)}
.movli-screen .screen-navigation .course-wordmark{display:flex;align-items:center;gap:var(--movli-space-2);padding:0}
.movli-screen .screen-navigation .course-wordmark img{width:32px;height:32px}
.movli-screen .screen-navigation .course-wordmark span{font-size:16px}
.movli-screen .screen-navigation .course-close{position:static;float:none;margin:0;flex:none}
.screen-task{display:flex;flex-direction:column;flex:0 1 auto;min-width:0;min-height:0;width:var(--movli-dialog-extended);max-width:100%;margin:var(--movli-space-8) auto var(--movli-space-6)}
.screen-task[data-width=compact]{width:var(--movli-dialog-compact)}
.screen-task[data-width=wide]{width:var(--movli-screen-wide-width)}
.screen-task[data-width=full]{width:100%}
.movli-screen .screen-body{min-width:0;min-height:0;flex:1 1 auto;overflow:auto;overscroll-behavior:contain;scroll-padding:var(--movli-space-4);padding:0;overflow-wrap:anywhere}
.movli-screen .screen-heading:empty,.movli-screen .page-intro:empty{display:none}
.task-page h1{font-size:clamp(28px,3vw,36px);margin:0 0 var(--movli-space-3);padding:0;line-height:1.15}
.task-page .page-intro{font-size:16px;line-height:1.5;margin:0 0 var(--movli-space-6)}
.screen-task>.dialog-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex:none;gap:var(--movli-space-3);margin:0;padding:var(--movli-space-4) 0 0;position:static;min-width:0}
.screen-task>.dialog-actions:empty,.screen-task>.dialog-actions[hidden]{display:none}
.screen-task>.dialog-actions .course-button{margin:0;min-height:48px;min-width:0}
.screen-task[data-width=compact]>.dialog-actions{flex-direction:column;align-items:stretch}
.screen-task[data-width=compact]>.dialog-actions>.course-button:not(.secondary){order:-1}
.movli-screen .dialog-utilities{margin:var(--movli-space-6) 0 0;padding:var(--movli-space-4) 0;border-top:1px solid var(--movli-border);display:flex;align-items:center;flex-wrap:wrap;gap:var(--movli-space-3);background:none;min-width:0}
.movli-screen .dialog-utilities>details{width:100%}
.movli-screen .learner-profile-top{margin:0 0 var(--movli-space-3)}
.settings-name{display:grid;gap:var(--movli-space-2);margin:var(--movli-space-6) 0}
.settings-name>label{margin:0}
.settings-name>input{width:100%;box-sizing:border-box}
.settings-section{padding:var(--movli-space-4) 0;border-top:1px solid var(--movli-border)}
.settings-section h2{margin-top:0!important}
.settings-immediate{color:var(--movli-text-muted);font-size:14px}
.settings-field-error{margin:var(--movli-space-2) 0;color:var(--movli-error-text)}
.movli-screen .signup-plan-summary{margin:var(--movli-space-4) 0;padding:0}
.movli-screen .signup-plan-summary summary{font-size:16px}
.movli-screen .feedback-header{margin:0 0 var(--movli-space-4)}
.movli-screen .feedback-section+.feedback-section{margin-top:var(--movli-space-4)}
.movli-screen .feedback-context{margin:var(--movli-space-6) 0}
.auth-host{min-width:0;width:100%}
.auth-host .cl-rootBox,.auth-host .cl-cardBox,.auth-host .cl-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.screen-task[data-layout=authentication]:has(.auth-host[data-auth-provider=clerk] .cl-header) .screen-heading{display:none}
.auth-host .cl-headerTitle{margin:0;font-family:var(--movli-font-display);font-size:clamp(28px,3vw,36px);line-height:1.15}
.auth-host .cl-card{box-shadow:none;background:none;padding:0;border:0;margin:0;gap:var(--movli-space-6)}
.auth-host .cl-cardBox{overflow:visible;border:0;border-radius:0;box-shadow:none;background:none}
.auth-host .cl-header{gap:var(--movli-space-2);text-align:left;align-items:flex-start}
.auth-host .cl-headerSubtitle,.auth-host .cl-formFieldLabel{margin:0}
.auth-host .cl-form{gap:var(--movli-space-4)}
.auth-host .cl-formField{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--movli-space-2)}
.auth-host .cl-footerAction{margin:0;padding:var(--movli-space-2) 0;min-height:44px}
.auth-host .cl-footerActionLink{display:inline-flex;align-items:center;min-height:44px}
.auth-host .cl-footer{background:none}
.auth-host .cl-formFieldInput{min-width:0;width:100%;margin:0;min-height:48px}
.auth-host .cl-formButtonPrimary{width:100%}
.auth-host form{min-width:0}
.auth-local{display:grid;gap:var(--movli-space-3)}
.auth-local label{margin:0}
.auth-local input{width:100%}
.auth-local .course-button{margin:0}
.compact-step{font-size:14px;color:var(--movli-text-muted)}
.learner-profile-form .learner-profile-steps{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;margin:0}
.learner-profile-form .learner-profile-fields .learner-profile-label{font-size:16px}
.learner-profile-form .learner-profile-fields{min-width:0}
.learner-profile-form .screen-body{display:block}
.reminder-settings .reminder-form{min-width:0}
.reminder-settings .reminder-days{grid-template-columns:repeat(auto-fit,minmax(56px,1fr))}
.reminder-settings .reminder-timing{display:flex;flex-wrap:wrap;gap:var(--movli-space-3)}
.reminder-settings .movli-time-picker{min-width:0;max-width:100%}
.reminder-settings .reminder-context{min-width:0}
@media(max-width:740px){
 .task-page .competency-page-shell{padding-inline:max(var(--movli-space-4),var(--movli-safe-left,env(safe-area-inset-left,0px))) max(var(--movli-space-4),var(--movli-safe-right,env(safe-area-inset-right,0px)))}
 .screen-task{margin-top:var(--movli-space-4)}
 .screen-task>.dialog-actions{align-items:stretch;flex-direction:column}
 .screen-task>.dialog-actions>.course-button{width:100%}
 .screen-task>.dialog-actions>.course-button:not(.secondary){order:-1}
}
html[data-task-viewport=keyboard] .screen-task{margin-block:var(--movli-space-3)}
html[data-task-viewport=keyboard] .screen-navigation{padding-block:var(--movli-screen-navigation-inset-short);min-height:0}
@media(max-height:420px){
 .learner-profile-form .screen-task>.dialog-actions{flex-direction:row;flex-wrap:nowrap}
 .learner-profile-form .screen-task>.dialog-actions>.course-button{width:auto;flex:1;order:0}
 .movli-screen.settings-screen .screen-body{padding-block:var(--movli-space-2)}
 .movli-screen.settings-screen .settings-section:first-of-type{padding-top:var(--movli-space-2)}
 .movli-screen.settings-screen .settings-section h2{margin-bottom:var(--movli-space-2)}
 .movli-screen.settings-screen .settings-section label{margin-block:var(--movli-space-2)}
 .screen-navigation{padding-block:var(--movli-screen-navigation-inset-short)!important;min-height:0!important}
 .screen-task{margin-block:var(--movli-space-3)}
 .screen-task>.dialog-actions{padding-top:var(--movli-space-3);gap:var(--movli-space-2)}
 .task-page h1{font-size:var(--movli-screen-landscape-title)}
 .task-page .page-intro{margin-bottom:var(--movli-space-3)}
}
/* At 320 px landscape the first settings field must stay inside the scroll
   area, including with fonts wider than the platform default. */
@media(max-height:340px){
 .movli-screen.settings-screen .settings-section:first-of-type{padding-top:0}
 .movli-screen.settings-screen .settings-section h2{margin-bottom:var(--movli-space-1)}
}
@media(orientation:landscape) and (max-height:550px){
  .learner-profile-form .screen-task{margin-block:var(--movli-space-3)}
  .learner-profile-form .screen-task>.dialog-actions{flex-direction:row;flex-wrap:nowrap}
  .learner-profile-form .screen-task>.dialog-actions>.course-button{width:auto;flex:1;order:0}
  .learner-profile-form .screen-body{padding-block:var(--movli-space-3)}
  /* Home offers three choices in one horizontal row, including on small phones. */
  #course-home.competency-home{padding:var(--movli-space-2) max(var(--movli-space-4),var(--movli-safe-left,env(safe-area-inset-left,0px)));gap:var(--movli-space-2);box-sizing:border-box}
  #course-home .course-home-bar{margin-bottom:0;flex-wrap:nowrap}
  #course-home .competency-board{margin:0}
  #course-home .competency-board>h1{font-size:24px;margin:0 0 var(--movli-space-2)}
  #course-home .mode-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--movli-space-3)}
  #course-home .mode-choice{flex-direction:column;min-height:0}
  #course-home .mode-art{width:100%;height:calc(var(--movli-space-8) + var(--movli-space-2));min-height:0}
  #course-home .mode-art svg{width:100%;height:90px;min-height:0;margin:0}
  #course-home .mode-copy{padding:var(--movli-space-3);gap:var(--movli-space-2)}
  #course-home .mode-title{font-size:18px}
  #course-home .mode-description{font-size:14px;line-height:1.35}
  #course-home .mode-action{font-size:13px;padding-top:0}
  #course-home .mode-action>span{display:none}
  #course-home [data-practice-panel=home]{margin:0 0 var(--movli-space-3)}
}
/* Short landscape uses width for the decision, rather than portrait stacks. */
@media(max-height:420px){
  .task-page .competency-page-shell{padding-inline:max(var(--movli-space-4),var(--movli-safe-left,env(safe-area-inset-left,0px))) max(var(--movli-space-4),var(--movli-safe-right,env(safe-area-inset-right,0px)))}
  .movli-screen .screen-navigation{min-height:var(--movli-screen-navigation-height)}
  .movli-screen .screen-body{padding:var(--movli-space-3) 0}
  .task-page h1,.task-page .feedback-header h1,.task-page .plan-header h1{font-size:var(--movli-screen-landscape-title);line-height:1.12;margin:0 0 var(--movli-space-2);letter-spacing:-.035em}
  .task-page .page-intro{margin:0 0 var(--movli-space-3);line-height:1.4}
  .movli-screen .feedback-header{margin-bottom:var(--movli-space-3)}
  .movli-screen .feedback-list-heading{padding:var(--movli-space-3) var(--movli-space-4)}
  .movli-screen .feedback-list-heading h2{font-size:18px}
  .movli-screen .feedback-list{padding:0 var(--movli-space-4)}
  .movli-screen .feedback-list .feedback-skill-row{grid-template-columns:44px minmax(0,1fr) auto;padding:var(--movli-space-3) 0;column-gap:var(--movli-space-3);row-gap:var(--movli-space-2)}
  .movli-screen .feedback-skill-row .skill-topic-icon{width:44px;height:44px}
  .movli-screen .feedback-skill-row .skill-topic-icon svg{width:28px;height:28px}
  .movli-screen .feedback-skill-copy h3{font-size:20px}
  .movli-screen .feedback-skill-row .feedback-result strong{font-size:32px}
  .movli-screen .feedback-skill-row .feedback-meter{height:6px}
  .movli-screen .feedback-basis{margin-top:var(--movli-space-1)}
  .movli-screen .plan-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--movli-space-4);margin-bottom:var(--movli-space-3)}
  .movli-screen .plan-completion{margin:0;max-width:35%;font-size:14px}
  .movli-screen .plan-active{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--movli-space-4)}
  .movli-screen .plan-active>.plan-focus{padding:0}
  .movli-screen .plan-active>.plan-focus h2{margin-bottom:var(--movli-space-2)}
  .movli-screen .plan-active>.plan-focus .learning-plan-skills{grid-template-columns:1fr;gap:var(--movli-space-2)}
  .movli-screen .plan-active>.plan-focus .learning-plan-skills>li{flex-direction:row;font-size:14px}
  .movli-screen .plan-active>.plan-focus .learning-plan-skills>li>span:last-child{white-space:normal}
  .movli-screen .plan-active>.plan-focus .learning-plan-skill-icon{width:32px;height:32px;flex-basis:32px}
  .movli-screen .plan-active-grid{display:flex;flex-direction:column;gap:var(--movli-space-4);padding:0;border:0}
  .movli-screen .plan-next{order:-1}
  .task-page .plan-next>h2{font-size:22px;margin-bottom:var(--movli-space-2)}
  .movli-screen .plan-next .plan-next-label{margin-bottom:var(--movli-space-2);font-size:13px;line-height:1.4}
  .movli-screen .plan-next>p{margin:var(--movli-space-2) 0}
  .movli-screen .plan-next-meta{margin:var(--movli-space-2) 0;gap:var(--movli-space-3)}
  .movli-screen .plan-route{padding:var(--movli-space-3) 0 0;border-right:0;border-top:1px solid var(--movli-mist-300)}
  .movli-screen .plan-context{grid-column:1/-1;margin-top:0}
  .movli-screen.drive-introduction .screen-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--movli-space-6);align-content:start}
  .movli-screen .introduction-heading{margin:0}
  .movli-screen .introduction-eyebrow{margin:0 0 var(--movli-space-2)}
  .movli-screen .introduction-copy{grid-column:2;grid-row:1}
  .movli-screen .introduction-steps{margin:0;gap:var(--movli-space-4)}
  .movli-screen .introduction-steps li{padding:0}
  .movli-screen .introduction-steps strong{font-size:16px}
  .movli-screen .introduction-steps p{font-size:14px;margin:var(--movli-space-1) 0 0}
  .movli-screen .screen-task>.dialog-actions .drive-preparation{flex:1;max-width:380px;margin:0}
  .movli-screen .screen-task>.dialog-actions .drive-preparation.is-ready{display:none}
  .reminder-settings .reminder-heading{margin-bottom:var(--movli-space-3)}
  .reminder-settings .reminder-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--movli-space-3) var(--movli-space-4)}
  .reminder-settings .reminder-schedule{grid-column:2;grid-row:1/3}
  .reminder-settings .reminder-form .reminder-option{padding:var(--movli-space-3) 0}
  .reminder-settings .reminder-choices{grid-column:1;grid-row:1}
  .reminder-settings .reminder-reassurance{grid-column:1;margin:0}
  .reminder-settings .reminder-context,.reminder-settings .reminder-status,.reminder-settings .reminder-error,.reminder-settings .reminder-utilities{grid-column:1/-1}
  .movli-screen .practice-ceremony-art{float:left;width:32%;height:150px;margin:0 var(--movli-space-4) 0 0}
  .movli-screen .practice-ceremony-body .screen-heading{text-align:left}
  .movli-screen .practice-ceremony-fact,.movli-screen .practice-ceremony-streak{text-align:left;justify-content:flex-start}

}
@media(max-height:420px){
  /* Guest entry keeps login and privacy beside the introduction, away from Start. */
  .drive-introduction-overlay.movli-dialog-overlay{padding:var(--movli-space-2) max(var(--movli-space-3),var(--movli-safe-left,env(safe-area-inset-left,0px)))}
  .drive-introduction-overlay.movli-dialog-overlay .welcome-card.movli-dialog{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto auto 1fr;padding:var(--movli-space-4);gap:var(--movli-space-2) var(--movli-space-6);width:min(900px,100%);max-height:calc(100dvh - var(--movli-space-4));box-sizing:border-box;overflow:auto}
  .welcome-card .welcome-content{display:contents}
  .drive-introduction-overlay .welcome-card .welcome-art{position:relative;display:block;grid-column:1;grid-row:1/3;min-height:0;align-self:stretch;overflow:hidden;height:auto;width:auto}
  .welcome-card .welcome-art .mode-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;transform:none}
  .welcome-card .welcome-art .mode-art svg{width:100%;height:100%;min-height:0}
  .drive-introduction-overlay .welcome-card .welcome-heading{grid-column:2;grid-row:1;padding:0}
  .drive-introduction-overlay .welcome-card h1{font-size:32px;line-height:1.06;margin:0;padding:0}
  .welcome-card .welcome-eyebrow,.welcome-card .welcome-description{display:none}
  .drive-introduction-overlay .welcome-card .welcome-note,.drive-introduction-overlay .welcome-card .welcome-sequence{grid-column:2;grid-row:2;font:400 14px/1.35 var(--movli-font-body);margin:0}
  .drive-introduction-overlay .welcome-card .welcome-sequence{gap:var(--movli-space-2)}
  .welcome-card .welcome-sequence li>div>span{display:none}
  .drive-introduction-overlay.movli-dialog-overlay .welcome-card>.dialog-actions{grid-column:2;grid-row:3;align-self:start;padding:0;margin:0;gap:var(--movli-space-2)}
  .welcome-card .dialog-actions .introduction-continue{min-height:48px}
  .welcome-card .drive-preparation{margin:0;max-height:40px;font-size:14px}
  .drive-introduction-overlay .welcome-card .dialog-utilities{grid-column:1;grid-row:3;align-self:start;display:flex;gap:0;margin:0;padding:0;border:0;background:none;justify-content:flex-start}
  .welcome-card .welcome-login{width:100%;justify-content:flex-start}
  .welcome-card .welcome-login>span{display:none}
  .welcome-card .privacy-links{justify-content:flex-start;gap:0 var(--movli-space-3);flex-wrap:wrap}
  .welcome-card .privacy-links a{min-height:44px}
}
@media(max-height:420px){
  .movli-screen .feedback-heading-copy{display:flex;align-items:baseline;justify-content:space-between;gap:var(--movli-space-4);width:100%}
  .task-page .feedback-header h1{margin:0;flex:none}
  .task-page .feedback-header .page-intro{font-size:14px;margin:0;max-width:50%}
  .movli-screen .feedback-header{margin-bottom:var(--movli-space-2)}
  .movli-screen .feedback-list-heading{padding-block:var(--movli-space-2)}
  .movli-screen .feedback-list .feedback-skill-row{padding-block:var(--movli-space-2)}
  #course-home [data-practice-panel=home] .practice-signals{gap:var(--movli-space-4);justify-content:flex-start;margin:0}
  #course-home [data-practice-panel=home] .practice-rank,#course-home [data-practice-panel=home] .practice-streak-signal{flex-direction:row;align-items:center;gap:var(--movli-space-2)}
  #course-home [data-practice-panel=home] .practice-patch{width:40px;height:40px;font-size:22px;border-radius:var(--movli-radius-control)}
  #course-home [data-practice-panel=home] .practice-patch::before{inset:4px;border-radius:var(--movli-radius-tooltip)}
  #course-home [data-practice-panel=home] .practice-flame{width:40px;height:44px}
  #course-home [data-practice-panel=home] .practice-flame>.movli-icon{width:36px;height:40px}
  #course-home [data-practice-panel=home] .practice-signal-copy{gap:var(--movli-space-1)}
  #course-home [data-practice-panel=home] .practice-signal-copy strong{font-size:18px}
  #course-home [data-practice-panel=home] .practice-signal-copy>span{font-size:13px}
  #course-home [data-practice-panel=home] .practice-signal-note{display:none}
}
.task-page .movli-screen.drive-introduction>.dialog-actions .introduction-continue{width:auto;min-width:140px;margin:0}
.task-page .movli-screen.drive-introduction>.dialog-actions .drive-preparation{flex:1;min-width:140px;margin:0}
.task-page .movli-screen.drive-introduction .introduction-heading,.task-page .movli-screen.drive-introduction .introduction-copy{padding:0;background:none}
@media(max-height:420px){.movli-screen .plan-active>.plan-focus{align-self:start}}
.free-focus-choices{display:grid;gap:var(--movli-space-2)}
.free-focus-choices>label{display:flex;align-items:center;gap:var(--movli-space-3);min-height:44px;margin:0}
@media(max-height:420px){
  .free-focus-screen .screen-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--movli-space-6);align-content:start}

}
@media(max-height:420px){
  .welcome-card .welcome-art-label{display:none}
  .reminder-settings .movli-choice>span{white-space:nowrap;padding-inline:var(--movli-space-1)}
}
@media(max-height:420px) and (max-width:700px){.reminder-settings .reminder-days{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(max-height:420px){
  .movli-screen .plan-header .page-intro{display:none}
  .movli-screen .plan-next .plan-next-guidance{font-size:14px;line-height:1.4;margin:var(--movli-space-2) 0}
}

/* Deliberate plan and report hierarchy at narrow widths. */
@media(max-width:740px){
 .movli-screen .plan-active{display:flex;flex-direction:column}
 .movli-screen .plan-active-grid{display:contents}
 .movli-screen .plan-next{order:-2;padding:0;margin-bottom:var(--movli-space-4)}
 .movli-screen .plan-focus{order:-1;padding:0}
 .movli-screen .plan-route{border-right:0;padding:var(--movli-space-4) 0}
 .movli-screen .plan-header{display:block}
 .movli-screen .plan-completion{margin-top:var(--movli-space-3);max-width:none}
 .movli-screen .plan-next h2{font-size:24px;margin-top:0}
 .movli-screen .learning-plan-skills{gap:var(--movli-space-3)}
 .movli-screen .learning-plan-skill-icon{width:44px;height:44px;flex-basis:44px}
 .movli-screen .feedback-list{padding-inline:0}
 .movli-screen .feedback-skill-row{grid-template-columns:32px minmax(0,1fr) auto;gap:var(--movli-space-2);padding-block:var(--movli-space-3)}
 .movli-screen .feedback-skill-row .skill-topic-icon{width:32px;height:32px}
 .movli-screen .feedback-skill-row .skill-topic-icon svg{width:24px;height:24px}
 .movli-screen .feedback-skill-copy h3{font-size:20px}
 .movli-screen .feedback-result strong{font-size:28px}
 .movli-screen .feedback-list-heading{padding:var(--movli-space-2) 0}
}
.skill-availability{display:block;font-size:14px;color:var(--movli-text-muted)}
.skill-unavailable-choice{opacity:.85}
.progress-next{margin-bottom:var(--movli-space-6)}
.progress-next .course-button{margin:var(--movli-space-3) 0 0}
.practice-inline-reward{margin-top:var(--movli-space-6);padding-top:var(--movli-space-4);border-top:1px solid var(--movli-border)}
.practice-inline-reward h2{margin-top:0!important}
.practice-inline-reward .practice-ceremony-art{height:120px;max-width:160px}
.practice-inline-reward .practice-celebration{display:flex;gap:var(--movli-space-4);align-items:center;flex-wrap:wrap}
@media(max-height:420px){
 .movli-screen .plan-active{display:block}
 .movli-screen .plan-focus,.movli-screen .plan-route,.movli-screen .plan-completion{display:none}
 .movli-screen .plan-next{margin:0}
 .movli-screen .plan-next h2{font-size:22px;margin:0 0 var(--movli-space-2)}
 .movli-screen .plan-next>p{margin-block:var(--movli-space-2)}
 .movli-screen .plan-header{margin-bottom:var(--movli-space-2)}
 .movli-screen .plan-header h1{font-size:22px}
 .movli-screen .feedback-skill-row{padding-block:var(--movli-space-2)}
 .movli-screen .feedback-list-heading{padding:var(--movli-space-1) 0}
 .movli-screen .feedback-header{margin-bottom:var(--movli-space-2)}
 .movli-screen .feedback-list-heading h2{font-size:18px;margin:0}
 .movli-screen .feedback-basis{font-size:14px}
}

.learner-profile-fields .question-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}

/* New task anatomy owns margins; legacy report cards cannot indent or clip it. */
.competency-page.task-page .course-card h1{margin:0 0 var(--movli-space-3);padding:0;max-width:100%;line-height:1.15}
.competency-page.task-page .course-card .page-intro{font-size:16px;line-height:1.5;margin:0 0 var(--movli-space-4)}
.course-card .auth-local label{margin:0}
.course-card .auth-local .course-button{margin:0}
.auth-local .course-error:empty{display:none}
.auth-host .cl-formButtonPrimary,.auth-local button[type=submit]{position:sticky;bottom:0;z-index:1}
/* Clerk wraps completion in a row; stick the row so its child is not
   constrained by a containing block exactly the height of the button. */
.auth-host .cl-form > :has(>.cl-formButtonPrimary){position:sticky;bottom:0;z-index:1}
.screen-task[data-layout=authentication] .screen-body{scroll-padding-bottom:calc(var(--movli-space-16) + var(--movli-space-3))}
.screen-action-context{display:none}
.movli-screen.compact-feedback .feedback-section{border:0;border-radius:0;background:none;box-shadow:none;margin-top:var(--movli-space-4);overflow:visible}
.movli-screen.compact-feedback .feedback-header{margin-bottom:var(--movli-space-3)}
.movli-screen.compact-feedback .feedback-heading-copy{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--movli-space-3);min-width:0;width:100%}
.movli-screen.compact-feedback .feedback-header h1{flex:0 1 auto;max-width:100%;font-size:clamp(28px,3vw,36px);margin:0}
.movli-screen.compact-feedback .feedback-header .page-intro{flex:1 1 160px;max-width:none;margin:0;font-size:14px}
.movli-screen.compact-feedback .feedback-list-heading{padding:var(--movli-space-2) 0;margin:0;border:0}
.movli-screen.compact-feedback .feedback-list-heading h2{font-size:20px;margin:0}
.movli-screen.compact-feedback .feedback-list{padding:0;background:none;border-radius:0;overflow:visible;min-width:0}
.movli-screen.compact-feedback .feedback-list .feedback-skill-row{grid-template-columns:44px minmax(0,1fr) auto;gap:var(--movli-space-2) var(--movli-space-3);padding:var(--movli-space-3) 0;min-width:0;border-bottom:1px solid var(--movli-border)}
.movli-screen.compact-feedback .feedback-skill-row .skill-topic-icon{width:44px;height:44px}
.movli-screen.compact-feedback .feedback-skill-row .skill-topic-icon svg{width:28px;height:28px}
.movli-screen.compact-feedback .feedback-skill-copy{min-width:0}
.movli-screen.compact-feedback .feedback-skill-copy h3{font-size:20px;margin:0;overflow-wrap:anywhere}
.movli-screen.compact-feedback .feedback-basis{margin-top:var(--movli-space-1);font-size:14px;line-height:1.4}
.movli-screen.compact-feedback .feedback-skill-row .feedback-result{white-space:normal;flex-wrap:wrap;justify-content:flex-end;max-width:140px;gap:var(--movli-space-1)}
.movli-screen.compact-feedback .feedback-result strong{font-size:clamp(28px,3vw,40px)}
.movli-screen.compact-feedback .feedback-result>span{font-size:14px}
.movli-screen.compact-feedback .feedback-meter{height:4px}
@media(max-height:420px){
 .competency-page.task-page .course-card h1{font-size:var(--movli-screen-landscape-title)}
 .screen-task[data-layout=authentication] .screen-heading .page-intro{display:none}
 .movli-screen.compact-feedback .feedback-list-heading{padding:var(--movli-space-1) 0}
 .movli-screen.compact-feedback .feedback-list-heading h2{font-size:18px}
 .movli-screen.compact-feedback .feedback-section{margin-top:var(--movli-space-2)}
 .movli-screen.compact-feedback .feedback-list .feedback-skill-row{padding:var(--movli-space-2) 0}
 .screen-task[data-layout=feedback]>.dialog-actions>.secondary{display:none}
 .screen-task[data-layout=feedback] .screen-action-context{display:block}
}
html[data-task-viewport=keyboard] .screen-task[data-layout=authentication] .screen-heading .page-intro{display:none}

.screen-task>.dialog-utilities{flex:0 1 auto;min-height:0;max-height:35%;overflow:auto;margin-top:var(--movli-space-4)}

.feedback-navigation-context{display:none}
@media(max-height:420px) and (max-width:520px){
 .trip-feedback .screen-navigation .course-wordmark>span{display:none}
 .feedback-navigation-context{display:block;order:0;flex:1;min-width:0;text-align:center;font-size:14px;line-height:1.4}
 .trip-feedback .screen-navigation .course-close{order:1}
 .movli-screen.compact-feedback .feedback-heading-copy{display:block}
 .movli-screen.compact-feedback .feedback-header{margin-bottom:var(--movli-space-1)}
 .movli-screen.compact-feedback .feedback-header h1{font-size:24px}
 .movli-screen.compact-feedback .feedback-header .page-intro{display:none}
 .movli-screen.compact-feedback .feedback-section{margin-top:var(--movli-space-1)}
 .movli-screen.compact-feedback .feedback-list-heading{padding:0}
 .movli-screen.compact-feedback .feedback-list .feedback-skill-row{padding-block:var(--movli-space-1);row-gap:var(--movli-space-1);grid-template-columns:32px minmax(0,1fr) auto}
 .movli-screen.compact-feedback .feedback-skill-copy{display:contents}
 .movli-screen.compact-feedback .feedback-skill-copy h3{grid-column:2;grid-row:1}
 .movli-screen.compact-feedback .feedback-basis{grid-column:1/-1;margin:0}
 .movli-screen.compact-feedback .feedback-skill-row .skill-topic-icon{grid-row:1;width:32px;height:32px}
 .movli-screen.compact-feedback .feedback-skill-row .feedback-result{grid-column:3;grid-row:1}
 .movli-screen.compact-feedback .feedback-meter{display:none}
}

@media(max-height:640px){
 .movli-screen .plan-active{display:flex;flex-direction:column}
 .movli-screen .plan-active-grid{display:contents}
 .movli-screen .plan-next{order:-2;padding:0;margin:0 0 var(--movli-space-4)}
 .movli-screen .plan-focus{order:-1;padding:0}
 .movli-screen .plan-route{border-right:0;padding:var(--movli-space-4) 0}
}
@media(max-height:420px){
 .movli-screen.compact-feedback .feedback-meter{display:none}
 .movli-screen.compact-feedback .feedback-skill-row .skill-topic-icon{grid-row:1}
 .movli-screen .plan-next{margin-bottom:0}
}

@media(max-height:420px){.movli-screen.compact-feedback .feedback-header{padding:0;margin-bottom:var(--movli-space-1)}.movli-screen.compact-feedback .feedback-heading-copy{padding:0}}

@media(max-height:420px){
 .auth-host .cl-card,.auth-host .cl-form,.auth-host .cl-main{gap:var(--movli-space-3)}
 .auth-host .cl-headerTitle{font-size:var(--movli-screen-landscape-title)}
 .auth-host .cl-headerSubtitle{display:none}
}
/* During email entry the keyboard leaves room for the field and completion.
   Action labels retain the login/sign-up context while the heading is folded. */
html[data-task-viewport=keyboard] .screen-task[data-layout=authentication] .screen-heading{display:none}
html[data-task-viewport=keyboard] .screen-task[data-layout=authentication]>.dialog-actions{flex-direction:row;flex-wrap:nowrap}
html[data-task-viewport=keyboard] .screen-task[data-layout=authentication]>.dialog-actions>.course-button{width:auto;flex:1;order:0}
/* Short reports keep each observation across the complete task width,
   leaving reliable reading space with different platform font metrics. */
@media(max-height:420px) and (max-width:740px){
 .movli-screen.compact-feedback .feedback-list .feedback-skill-row{padding-block:var(--movli-space-1);row-gap:var(--movli-space-1);grid-template-columns:32px minmax(0,1fr) auto}
 .movli-screen.compact-feedback .feedback-skill-copy{display:contents}
 .movli-screen.compact-feedback .feedback-skill-copy h3{grid-column:2;grid-row:1}
 .movli-screen.compact-feedback .feedback-basis{grid-column:1/-1;margin:0}
 .movli-screen.compact-feedback .feedback-skill-row .skill-topic-icon{grid-row:1;width:32px;height:32px}
 .movli-screen.compact-feedback .feedback-skill-row .feedback-result{grid-column:3;grid-row:1}
}
/* At 320 px landscape the first result must stay fully inside the scroll area,
   including with fonts wider than the platform default. */
@media(max-height:340px) and (max-width:740px){.movli-screen.compact-feedback .feedback-list .feedback-skill-row{row-gap:0}}