.learning-practice{min-width:0}.lp-content{min-width:0}.lp-save-status{display:block;min-height:24px;margin:8px 0}.lp-error{color:var(--danger-ink)}.lp-toolbar,.lp-step-nav,.lp-attempt-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.lp-attempt-meta{font-size:13px;color:var(--muted);justify-content:space-between}.lp-clock{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.lp-step-nav>:first-child{flex:1;min-width:200px;max-width:680px}.lp-step-frame{width:100%;min-height:180px;border:0;display:block;background:transparent}.lp-result-summary{display:flex;gap:8px;flex-direction:column;padding:16px;min-height:0}.lp-history-list{display:grid;gap:12px}.lp-history-card{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:0;padding:16px}.lp-history-card>div:first-child{min-width:0;flex:1}.lp-history-card small{display:block}.lp-history-title{font-weight:600;overflow-wrap:anywhere}.lp-checks{border-top:1px solid var(--line);padding:16px 0}.lp-checks summary,.lp-recovery summary{cursor:pointer}.lp-check-entry{margin:12px 0}.lp-response-record,.lp-recovery pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-muted);padding:12px;font-size:12px}.lp-recovery{padding:12px;border:1px solid var(--line);margin:12px 0}.lp-step-nav button{min-width:36px}@media(max-width:560px){.lp-history-card{align-items:flex-start;gap:8px;flex-wrap:wrap}.lp-history-card>div:first-child{flex-basis:100%}.lp-step-nav>:first-child{flex-basis:100%;max-width:none}.lp-toolbar{gap:8px}.lp-attempt-meta{align-items:flex-start}.lp-content h2{font-size:22px}}
.lp-step-frame{min-height:96px}
.learning-manual-warning{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border:1px solid var(--danger-line);border-radius:var(--radius-sm,6px);color:var(--danger-ink);background:var(--surface);box-shadow:var(--danger-glow);vertical-align:middle}
.learning-manual-warning>.ui-icon{width:16px;height:16px}
.learning-manual-notice{padding-inline:var(--ui-space-5)}
.learning-homework-control{display:inline-flex;flex:none}
.learning-homework-control[hidden]{display:none}
.learning-homework-menu-label{display:flex;flex-direction:column;text-align:left;white-space:normal;overflow-wrap:anywhere}
.course-review-controls.learning-review-controls{gap:0;max-width:100%;min-width:0}
.learning-review-controls>.ui-action:first-child{border-start-end-radius:0;border-end-end-radius:0;max-width:min(240px,60vw)}
.learning-review-controls>.ui-action:last-child{border-start-start-radius:0;border-end-start-radius:0}
.course-review-entry.learning-review-controls>.ui-action{border-radius:var(--radius-sm,6px);max-width:none}
.learning-homework-dialog-content{min-width:0}
.learning-homework-dialog-content .homework-detail-heading>h1{font:inherit}
@media(max-width:900px){.course-review-entry.learning-review-controls{position:static}.course-focus-extra-action:has(.learning-review-controls) .course-focus-title{margin-right:0}}
.learning-context-actions{flex:none;min-width:0}
.learning-context-actions[hidden]{display:none}
.learning-hw-popup.ui-action-menu__panel{width:min(520px,calc(100vw - 16px));max-height:min(520px,calc(100dvh - 16px));padding:8px;overflow:hidden}
.learning-hw-popup.ui-action-menu__panel:popover-open{gap:8px}
.learning-hw-popup>.ui-tabbar{flex:none;min-width:0;max-width:100%;margin:0}
.learning-hw-list{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px}
.learning-hw-item{display:flex;align-items:center;gap:8px;padding:10px 8px;border-radius:var(--radius-sm,6px);background:var(--surface)}
.learning-hw-item+.learning-hw-item{border-top:1px solid var(--line)}
.learning-hw-item-text{flex:1;min-width:0;overflow-wrap:anywhere}
.learning-hw-item-title{display:block;font:600 14px/1.4 Manrope,sans-serif}
.learning-hw-item-meta{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted)}
.learning-hw-item>.ui-action-group{flex:none;flex-wrap:nowrap;gap:4px}
.learning-hw-highlight[aria-pressed=true]{border-color:var(--homework-scope-ink);color:var(--homework-scope-ink)}
/* Side marks are a separate channel: no fill, focus outline, verdict shadow or
   current-step underline is replaced. Row borders are included in the inset. */
[data-learning-hw-scope=selected],.learning-hw-item[data-learning-hw-selected]{position:relative}
[data-learning-hw-scope=selected]::before,[data-learning-hw-scope=selected]::after,
.learning-hw-item[data-learning-hw-selected]::before,.learning-hw-item[data-learning-hw-selected]::after{
 content:"";position:absolute;pointer-events:none;box-sizing:border-box;
 top:9px;bottom:9px;width:6px;border-block:3px solid var(--homework-scope-stroke);
 filter:drop-shadow(0 0 .5px color-mix(in srgb,var(--on-accent) 60%,transparent))
}
[data-learning-hw-scope=selected]::before,.learning-hw-item[data-learning-hw-selected]::before{left:3px;border-left:3px solid var(--homework-scope-stroke);border-radius:5px 0 0 5px}
[data-learning-hw-scope=selected]::after,.learning-hw-item[data-learning-hw-selected]::after{right:3px;border-right:3px solid var(--homework-scope-stroke);border-radius:0 5px 5px 0}
.course-workspace [data-course-order-kind=lesson][data-learning-hw-scope=selected]::before,
.course-workspace [data-course-order-kind=lesson][data-learning-hw-scope=selected]::after,
.course-workspace .student-directory-preview-entry[data-learning-hw-scope=selected]::before,
.course-workspace .student-directory-preview-entry[data-learning-hw-scope=selected]::after{top:8px;bottom:8px}
.course-workspace [data-course-order-kind=lesson][data-learning-hw-scope=selected]::before,
.course-workspace .student-directory-preview-entry[data-learning-hw-scope=selected]::before{left:2px}
.course-workspace [data-course-order-kind=lesson][data-learning-hw-scope=selected]::after,
.course-workspace .student-directory-preview-entry[data-learning-hw-scope=selected]::after{right:2px}
/* Reserve paint space whenever homework exists, not only while highlighted:
   40px cells + 12px gap match the approved 52px period. The 14px gutter also
   contains the existing emergency halo inside the horizontal scroll viewport. */
.course-workspace[data-learning-hw-layout][data-navigation-kind=course] .course-workspace-steps{gap:12px;padding:14px;--course-step-paint-gutter:14px}
.course-workspace .course-step-tab[data-learning-hw-scope=selected]::before,
.course-workspace .course-step-tab[data-learning-hw-scope=selected]::after{top:-4px;bottom:-4px;width:8px}
.course-workspace .course-step-tab[data-learning-hw-scope=selected]::before{left:-4px}
.course-workspace .course-step-tab[data-learning-hw-scope=selected]::after{right:-4px}
@media(max-width:700px){
 .course-focus:has(.learning-context-actions:not([hidden])) .course-focus-header{padding-right:8px}
 .course-focus:has(.learning-context-actions:not([hidden])) .course-focus-title{margin-right:48px}
 .course-focus:has(.learning-context-actions:not([hidden])):has(.course-mode) .course-focus-title{margin-right:96px}
 .course-focus .learning-context-actions{flex-basis:100%;max-width:100%}
}
.lp-toolbar>.lp-save-status{min-height:0;margin:0}