/* Extensions of the approved Operate surface. */
.field{display:grid;gap:8px;margin:20px 0;font-weight:600}.field input,.field textarea,.field select{width:100%;min-width:0;border:1px solid var(--line,#d6dfdb);border-radius:9px;background:#fff;padding:12px;font:inherit;color:#203a38;caret-color:#173d3b}.field textarea{resize:vertical;line-height:1.6}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible,input:focus-visible{outline:3px solid #317467;outline-offset:3px}.field input::placeholder,.field textarea::placeholder{color:#526864;font-weight:400}.course-options{padding:0;border:0;margin:20px 0}.course-option{display:flex;gap:14px;align-items:center;min-height:52px;padding:14px 16px;border:1px solid #d6dfdb;border-radius:9px;margin:10px 0;cursor:pointer}.course-option:hover{background:#edf2ef}.course-option:has(input:checked){border-color:#173d3b;background:#edf6ef}.course-option input{accent-color:#173d3b;flex:0 0 auto;width:18px;height:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ordered-answer{min-height:80px;background:#edf2ef;border-radius:9px;padding:16px;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.token-bank,.format-links,.voice-controls{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.ordered-answer .button,.token-bank .button{white-space:normal;text-align:left}.format-section{margin-top:40px;border-top:1px solid #d6dfdb;padding-top:28px}.format-links .button{font-size:.925rem}.route-map{margin:24px 0}.route-map svg{display:block;width:100%;height:auto}.route-map figcaption{font-size:.85rem;color:#526864;margin-top:8px}audio{display:block;width:100%;max-width:500px;margin:20px 0}.saved-answer p,.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.teacher-tabs{display:flex;flex-wrap:wrap;gap:8px 24px;border-bottom:1px solid #d6dfdb;margin-bottom:14px}.teacher-tabs a{padding:12px 0;text-decoration:none;color:#526864;font-weight:600}.teacher-tabs a[aria-current]{color:#173d3b;border-bottom:3px solid #173d3b}.fiction-note{color:#526864;font-size:.875rem;margin-bottom:28px}.course-toolbar{display:flex;gap:24px;justify-content:space-between;align-items:center;margin:24px 0}.course-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #d6dfdb}.course-line:last-child{border-bottom:0}.course-line h3{margin:0}.course-line p{margin:6px 0 0;color:#526864}.course-line .button{flex-shrink:0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.difficulty-list{padding-left:20px}.difficulty-list li{padding:8px 0}.difficulty-list p{margin:4px 0;color:#526864}.app-footer{flex-wrap:wrap;gap:12px 24px}.app-footer button{font:inherit}.lesson-card h1{font-size:1.65rem}.lesson-card form>.button{margin-top:20px}.lesson-card details{margin:20px 0}.lesson-card .between{gap:16px}.course-line h2{font-size:1.2rem;margin:0}.teacher-table a{color:#173d3b;text-underline-offset:4px}.teacher-table td{font-variant-numeric:tabular-nums}.review-grid fieldset{border:0;padding:0}::selection{background:#d3ff73;color:#173d3b}
@media(max-width:1100px){.review-grid{grid-template-columns:1fr}.course-toolbar{align-items:flex-start}}
@media(max-width:620px){.course-toolbar,.course-line{flex-direction:column;align-items:flex-start;gap:12px}.teacher-tabs{gap:8px 18px}.teacher-tabs a{font-size:.9rem}.lesson-wrap>.between{flex-wrap:wrap;gap:8px}.format-links .button{flex:1 1 140px}.course-line .button{min-width:140px}.lesson-card h1{font-size:1.45rem}.route-map{margin:20px -6px}.app-footer{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

audio[hidden]{display:none}#app>.card+.grid{margin-top:24px}#app>.card+.card{margin-top:24px}

@media(max-width:620px){body[data-view=teacher] .teacher-table td[data-label]{display:flex;width:100%;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;text-align:right}body[data-view=teacher] .teacher-table td[data-label]::before{content:attr(data-label);display:block;text-align:left;color:#526864;font-size:.8rem;max-width:60%}body[data-view=teacher] .teacher-table tr{display:block}body[data-view=teacher] .teacher-table th[scope=row]{display:block;width:100%}}
#app>[data-reset-show]{margin-top:24px}