/* R45 QA05 · student navigation and action hierarchy */
:root{--ac-action-gap:8px}
body.app-shell .wide-wrap{padding-bottom:28px}
body.app-shell .app-topbar{gap:14px;padding:16px 18px}
body.app-shell .top-actions{gap:8px;flex-wrap:wrap}
body.app-shell .top-actions .btn{min-height:38px;padding:8px 12px;border-radius:10px;font-size:.88rem;box-shadow:none}
body.app-shell .tabs{gap:6px;margin:12px 0 16px;padding:6px;overflow-x:auto;scrollbar-width:thin}
body.app-shell .tab{min-height:38px;padding:8px 13px;border-radius:10px;font-size:.9rem}
body.app-shell .card{margin-top:14px!important}
body.app-shell .section-head{gap:14px;margin-bottom:14px}
body.app-shell .btn-row{gap:var(--ac-action-gap);align-items:center;flex-wrap:wrap}
body.app-shell .btn-row .btn{width:auto;min-width:0}
body.app-shell .btn,.student-route-shortcuts button{min-height:40px;padding:9px 13px}
body.app-shell .btn.sm{min-height:36px;padding:7px 11px}
body.app-shell .metric-board{gap:10px}
body.app-shell .metric-tile{padding:15px}
body.app-shell .learning-list{gap:10px}
body.app-shell .list-card,body.app-shell .practice-card{padding:15px}
body.app-shell .student-route-dashboard{gap:14px}
body.app-shell .student-route-tools{padding:16px}
body.app-shell .student-route-shortcuts{gap:7px}
body.app-shell .student-route-shortcuts .route-shortcut{min-height:38px;padding:8px 11px}
body.app-shell .student-route-filters{gap:10px}
body.app-shell .r43-list-tools{gap:10px;margin:10px 0 14px}

/* Classroom: back actions must not compete with continue/start actions. */
.r23-course-shell .r23-course-top .r23-wrap{min-height:60px;gap:10px}
.r23-course-shell .r23-course-top .back{display:inline-flex;align-items:center;width:max-content;min-height:34px;padding:6px 9px;border-radius:9px;font-size:.86rem;font-weight:800;text-decoration:none}
.r23-course-shell .r23-course-top .r23-btn.ghost{min-height:34px;padding:6px 10px;font-size:.84rem}
.r23-course-shell .r23-main{padding:clamp(16px,2.4vw,24px)}
.r23-course-shell .r23-study-grid{gap:12px}
.r23-course-shell .r23-study-card{padding:16px;min-height:0}
.r23-course-shell .r23-resume{padding:14px 16px;margin:14px 0}
.r23-course-shell .r23-modal-cta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.r23-course-shell .r23-modal-cta .r23-btn{width:auto;min-width:0;min-height:40px;padding:9px 13px;white-space:nowrap}
.r23-course-shell .r23-btn[data-dashboard]{background:#f5f8fc!important;color:#17345f!important;border:1px solid #cfdbea!important;box-shadow:none!important}
.r23-course-shell .r23-btn[data-dashboard]:hover{background:#edf3fa!important}
.r23-course-shell .r35-runner-head{gap:12px}
.r23-course-shell .r35-runner-head [data-task-cancel]{min-height:36px;padding:7px 11px;font-size:.86rem;white-space:nowrap}
.r23-course-shell .r35-question-nav{gap:8px}
.r23-course-shell .r35-question-nav .r23-btn{min-height:40px;padding:9px 12px;white-space:nowrap}

/* Course picker: compact return action, clear primary continuation. */
.my-shell .my-head .r23-wrap{min-height:62px;gap:8px}
.my-shell .my-head .r23-btn{min-height:36px;padding:7px 11px;font-size:.85rem}
.my-shell .my-head .qa05-back{background:transparent!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:none!important}
.my-shell .my-hero{padding:28px 0 10px}
.my-shell .my-grid{gap:14px;padding:14px 0 40px}
.my-shell .my-card{padding:16px;min-height:300px}
.my-shell .my-card .r23-btn{align-self:flex-start;width:auto;min-height:40px;padding:9px 13px}

/* Keep action groups on one line when the viewport allows it; wrap only when needed. */
@media(max-width:760px){
 body.app-shell .app-topbar .top-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:7px!important}
 body.app-shell .app-topbar .top-actions .btn,body.app-shell .app-topbar .top-actions a.btn{width:auto!important;min-width:0!important;min-height:38px!important;padding:7px 10px!important;white-space:nowrap!important;font-size:.82rem!important}
 body.app-shell .section-head{display:flex!important;flex-direction:row!important;align-items:flex-start!important;flex-wrap:wrap!important}
 body.app-shell .section-head>div:first-child{flex:1 1 230px}
 body.app-shell .section-head>.btn,body.app-shell .section-head>.btn-row{flex:0 0 auto}
 body.app-shell .btn-row{display:flex!important;width:auto!important;flex-wrap:wrap!important}
 body.app-shell .btn-row .btn{width:auto!important}
 .r23-course-shell .r23-modal-cta .r23-btn{width:auto!important}
 .r23-course-shell .r35-question-nav{grid-template-columns:auto minmax(80px,1fr) auto}
}
@media(max-width:520px){
 body.app-shell .wide-wrap{padding-inline:7px}
 body.app-shell .app-topbar{padding:12px}
 body.app-shell .top-actions .btn{font-size:.78rem!important;padding:7px 9px!important}
 body.app-shell .tabs{margin-top:9px}
 body.app-shell .tab{padding:8px 11px;font-size:.84rem}
 body.app-shell .card{padding:14px}
 body.app-shell .section-head{gap:9px}
 body.app-shell .section-head>.btn,body.app-shell .section-head>.btn-row{flex-basis:100%}
 body.app-shell .section-head>.btn-row{justify-content:flex-start}
 .r23-course-shell .r23-course-top .r23-wrap{min-height:54px}
 .r23-course-shell .r23-course-title{font-size:.9rem}
 .r23-course-shell .r23-main{padding:13px}
 .r23-course-shell .r23-modal-cta{display:grid;grid-template-columns:1fr 1fr}
 .r23-course-shell .r23-modal-cta .r23-btn{width:100%!important;white-space:normal}
 .r23-course-shell .r23-modal-cta .r23-btn:only-child{grid-column:1/-1;width:max-content!important;max-width:100%}
 .r23-course-shell .r35-runner-head{display:flex;align-items:flex-start;flex-wrap:wrap}
 .r23-course-shell .r35-runner-head>div{flex:1 1 210px}
 .r23-course-shell .r35-question-nav{display:grid;grid-template-columns:1fr 1fr}
 .r23-course-shell .r35-question-nav>span{grid-column:1/-1;grid-row:1;text-align:center}
 .r23-course-shell .r35-question-nav .r23-btn{width:100%;white-space:normal}
 .my-shell .my-head .r23-wrap{min-height:56px}
 .my-shell .my-head .r23-btn{padding:6px 9px;font-size:.8rem}
}
@media(max-width:380px){
 body.app-shell .app-topbar .top-actions{gap:6px!important}
 body.app-shell .app-topbar .top-actions .btn,body.app-shell .app-topbar .top-actions a.btn{font-size:.76rem!important;padding-inline:8px!important}
 .r23-course-shell .r23-modal-cta{grid-template-columns:1fr}
 .r23-course-shell .r23-modal-cta .r23-btn{grid-column:auto!important;width:100%!important}
}