.course-answer{--course-answer-paper:color-mix(in srgb, var(--md-surface-container-lowest) 72%, var(--field,transparent));border-radius:var(--md-shape-xl);min-width:0;max-width:100%;font:var(--md-body-l);letter-spacing:var(--md-body-l-tracking);padding:clamp(20px,4vw,32px)}.course-answer p,.course-answer label,.course-answer legend,.course-answer th{overflow-wrap:anywhere}.course-answer :is(button,input,textarea,select,summary,[tabindex]):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.course-answer .course-answer-prompt{margin:0 0 var(--space-5);font-family:var(--font-prose);font-size:var(--size);line-height:var(--leading);letter-spacing:0;white-space:pre-wrap}.course-answer .exercise-md-p{display:block}.course-answer .exercise-md-p+.exercise-md-p{margin-top:.6em}.course-answer .exercise-math-display{margin:.4em 0;display:block;overflow:auto hidden}.course-answer .exercise-math-pending{font-family:var(--font-mono);color:var(--field-ink-2,var(--md-on-surface-variant));font-size:.9em}.course-answer details{margin:0 0 var(--space-4);border-radius:var(--md-shape-l);background:color-mix(in srgb, var(--field-ink,var(--md-on-surface)) 6%, transparent)}.course-answer summary{isolation:isolate;align-items:center;gap:var(--space-3);min-height:var(--touch);min-width:var(--touch);padding:var(--space-2) var(--space-4);border-radius:var(--md-shape-l);font:var(--md-title-s);letter-spacing:var(--md-title-s-tracking);cursor:pointer;list-style:none;display:flex;position:relative}.course-answer summary::-webkit-details-marker{display:none}.course-answer summary:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity var(--md-duration-short3) linear;background:currentColor;position:absolute;inset:0}@media (hover:hover){.course-answer summary:hover:before{opacity:var(--md-state-hover)}}.course-answer .course-answer-chev{transition:transform var(--md-duration-medium2) var(--md-ease-standard)}.course-answer details[open] .course-answer-chev{transform:rotate(180deg)}.course-answer details>:not(summary){margin:0 var(--space-4) var(--space-3)}.course-answer details>p{font:var(--md-body-m);letter-spacing:var(--md-body-m-tracking);color:var(--field-ink-2,var(--md-on-surface-variant))}.course-answer pre{padding:var(--space-3) var(--space-4);border-radius:var(--md-shape-m);background:var(--course-answer-paper);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.course-answer .course-answer-paper{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--md-shape-m);background:color-mix(in srgb, var(--field-ink,var(--md-on-surface)) 8%, transparent);font:var(--md-body-m);letter-spacing:var(--md-body-m-tracking)}.course-answer .course-answer-fields{min-width:0;margin:var(--space-4) 0;border:0;padding:0}.course-answer legend{margin-bottom:var(--space-2);font:var(--md-title-m);letter-spacing:var(--md-title-m-tracking);padding:0}.course-answer .course-answer-fields>p{margin:0 0 var(--space-2);font:var(--md-body-m);letter-spacing:var(--md-body-m-tracking);color:var(--field-ink-2,var(--md-on-surface-variant))}.course-answer .course-answer-fields>p.course-answer-note{font:var(--md-body-s);letter-spacing:var(--md-body-s-tracking)}.course-answer :is(.btn,.iconbtn){min-width:var(--touch);min-height:var(--touch)}.course-answer .iconbtn:after{content:none}.course-answer .btn:not(.text){white-space:normal}.course-answer .course-answer-field{margin-top:var(--space-2)}.course-answer textarea.field{font-family:var(--font-mono);letter-spacing:0;padding:15px;font-size:16px;font-weight:500;line-height:24px;display:block}.course-answer .textfield-support{margin:var(--space-1) var(--space-4) 0}.course-answer .field:disabled{color:var(--field-ink-2,var(--md-on-surface-variant))}.course-answer .course-answer-actions{gap:var(--space-2);margin:var(--space-3) 0 0;flex-wrap:wrap;display:flex}.course-answer .course-answer-actions[role=group] .btn{padding-inline:var(--space-4)}.course-answer .course-answer-reading{max-width:100%;min-height:2rem;margin:var(--space-3) 0 0;overflow-x:auto}.course-answer .course-answer-reading:not(:empty){padding:var(--space-2) var(--space-4);border-radius:var(--md-shape-m);background:color-mix(in srgb, var(--field-ink,var(--md-on-surface)) 8%, transparent)}.course-answer .course-answer-reading p{font:var(--md-body-m);letter-spacing:var(--md-body-m-tracking);color:var(--field-ink-2,var(--md-on-surface-variant));margin:0}.course-answer .course-answer-table-wrap{max-width:100%;margin:var(--space-4) 0;padding:var(--space-2);border-radius:var(--md-shape-l);background:var(--course-answer-paper);position:relative;overflow-x:auto}.course-answer table{border-collapse:collapse;width:100%}.course-answer caption{padding:var(--space-1) var(--space-2) var(--space-2);font:var(--md-body-s);letter-spacing:var(--md-body-s-tracking);color:var(--md-on-surface-variant);text-align:left}.course-answer th,.course-answer td{padding:var(--space-2);border-bottom:1px solid var(--md-outline-variant);vertical-align:top}.course-answer tbody tr:last-child :is(th,td){border-bottom:0}.course-answer th{font:var(--md-title-s);letter-spacing:var(--md-title-s-tracking);text-align:left}.course-answer tbody th{white-space:nowrap}.course-answer td .field,.course-answer td .field-select{min-width:8rem;min-height:var(--touch);padding-block:11px}.course-answer td .field-select{margin-top:var(--space-2);font:var(--md-body-m);letter-spacing:var(--md-body-m-tracking)}.course-answer th .iconbtn{margin-top:var(--space-1);display:flex}.course-answer .course-answer-steps{gap:var(--space-4);margin:var(--space-4) 0;padding:0;list-style:none;display:grid}.course-answer .course-answer-steps li{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.course-answer .course-answer-step-number{background:var(--field-ink,var(--md-primary));width:32px;height:32px;color:var(--field,var(--md-on-primary));font:var(--md-label-l);letter-spacing:0;font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:inline-grid}.course-answer .course-answer-steps .textfield{flex:14rem}.course-answer .course-answer-step-actions{gap:var(--space-1);flex:none;margin-left:auto;display:flex}.course-answer .course-answer-add-step{margin-top:var(--space-1)}.course-answer .course-answer-choice{isolation:isolate;align-items:center;gap:var(--space-4);min-height:56px;min-width:var(--touch);margin:0 0 var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--md-shape-l);background:var(--course-answer-paper);font-family:var(--font-prose);letter-spacing:0;cursor:pointer;transition:background-color var(--md-duration-short4) var(--md-ease-standard);font-size:1.0625rem;line-height:1.5;display:flex;position:relative}.course-answer .course-answer-choice:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--md-duration-short3) linear;background:currentColor;position:absolute;inset:0}@media (hover:hover){.course-answer .course-answer-choice:hover:before{opacity:var(--md-state-hover)}}.course-answer .course-answer-choice:has(input:focus-visible):before{opacity:var(--md-state-focus)}.course-answer .course-answer-choice:has(input:checked){background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-weight:500}.course-answer input[type=radio],.course-answer input[type=checkbox]{width:20px;height:20px;accent-color:var(--field-ink,var(--md-primary));flex-shrink:0;margin:0}.course-answer .course-answer-choice:has(input:checked) :is(input[type=radio],input[type=checkbox]){accent-color:var(--md-on-secondary-container)}.course-answer .course-answer-submit{min-width:168px;margin-top:var(--space-4)}.course-answer .course-answer-feedback{margin:var(--space-4) 0 0}.course-answer .course-answer-feedback:empty{background:0 0;padding:0}.course-answer :is(.course-answer-feedback,.course-answer-recorded)>.i{width:24px;height:24px;margin-top:-2px}.course-answer .course-answer-feedback[data-tone=bad]{animation:md-nudge .42s var(--md-spring-fast-spatial) .1s}.course-answer .course-answer-feedback[data-tone=bad]>.i{animation:md-badge-in var(--md-spring-fast-spatial-duration) var(--md-spring-fast-spatial) backwards}.course-answer :is(.course-answer-feedback[data-tone=good],.course-answer-recorded)>.i{animation:md-badge-in var(--md-spring-bouncy-duration) var(--md-spring-bouncy) backwards}.course-answer .course-answer-recorded{margin:var(--space-4) 0 0}.course-answer .course-answer-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (forced-colors:active){.course-answer,.course-answer .course-answer-choice,.course-answer details{border:1px solid canvastext}}@media not (min-width:600px){.course-answer{padding:var(--space-5) var(--space-4)}.course-answer .course-answer-submit{width:100%}.course-answer .course-answer-choice{padding-inline:var(--space-3);align-items:flex-start}.course-answer .course-answer-choice input{margin-top:3px}}
