/* Compact interactive modules, sharing the original portal's typography and colours. */
.learning-tools{min-width:0;margin:0 0 20px}.learning-tools [hidden]{display:none!important}.learning-tools button,.learning-tools input,.learning-tools select{font:inherit}.learning-note{padding:9px 11px;border:1px solid #ccdae6;background:#f3f8fc;font-size:12px;line-height:19px}.practice-progress{padding:7px 0;border-block:1px solid #ddd;color:#134e8b}.practice-index{display:flex;flex-wrap:wrap;gap:5px 14px;margin:12px 0 20px;font-size:12px}.practice-question{padding:16px 0 20px;border-top:1px dotted #aaa;scroll-margin-top:12px}.practice-question>h2{font-size:22px;font-weight:400;margin-bottom:10px}.exercise-assumption{padding-left:9px;border-left:2px solid #b284be;color:#555;font-size:12px}.practice-source{font-size:11px;color:#666;line-height:18px;margin:10px 0 13px}.practice-form{padding:10px;border:1px solid #dce4eb;background:#f8fafc;margin-bottom:9px}.answer-row{margin-bottom:8px}.answer-row>label{display:block;font-weight:bold;font-size:12px;margin-bottom:4px}.answer-controls{display:flex;gap:6px;max-width:320px}.answer-controls input{width:100%;min-width:0;flex:1}.answer-controls select{max-width:110px;min-width:78px}.learning-tools input:not([type=checkbox]),.learning-tools select{padding:5px 7px;border:1px solid #aaa;background:white;color:#111;min-height:31px;border-radius:0}.learning-tools input:focus-visible,.learning-tools select:focus-visible,.learning-tools summary:focus-visible,.learning-tools button:focus-visible{outline:3px solid #b284be;outline-offset:2px}.learning-tools [aria-invalid=true]{border-color:#ac3b35!important}.answer-feedback{margin:4px 0 0;font-size:12px;line-height:18px}.answer-row[data-result=correct] .answer-feedback{color:#19632a}.answer-row[data-result=incorrect] .answer-feedback{color:#96312b}.exercise-feedback{margin:8px 0 0;font-size:12px;line-height:18px}.exercise-feedback:empty,.answer-feedback:empty,.lab-input-feedback:empty{display:none}.learning-button{display:inline-block;background:#134e8b url('../images/original/button.png') repeat-x;border:1px solid #0a3562;color:#fff;padding:5px 10px;line-height:20px;font-size:12px;margin:3px 5px 3px 0;cursor:pointer;border-radius:0}.learning-button:hover{background:#0d4279}.learning-button.secondary{color:#134e8b;background:#f4f7fa;border-color:#a9baca}.learning-button.secondary:hover{background:#e5edf4}.learning-button:disabled{opacity:.55;cursor:default}.learning-disclosure{border-bottom:1px solid #e4e4e4;padding:6px 0;margin:0 0 3px}.learning-disclosure summary{cursor:pointer;color:#134e8b;font-weight:bold;line-height:22px}.learning-disclosure p{margin:8px 3px 9px}.learning-disclosure ol{margin:8px 0 10px;padding-left:24px}.learning-disclosure li{margin:6px 0;line-height:21px}.lab-controls{min-width:0;border:1px solid #cdd9e4;padding:10px;margin:12px 0}.lab-controls legend{padding:0 5px;font-weight:bold;color:#134e8b}.lab-toolbar{display:flex;gap:10px;align-items:center;margin:0 0 10px}.lab-toolbar label{font-weight:bold}.lab-toolbar select{width:65px}.force-row{display:grid;grid-template-columns:28px 38px minmax(50px,100px) 38px minmax(50px,100px);gap:8px;align-items:center;margin:7px 0}.force-row>input{min-width:0;width:100%}.force-row strong{color:#1766a6}.force-row:nth-of-type(3) strong{color:#008375}.force-row:nth-of-type(4) strong{color:#aa6800}.force-row:nth-of-type(5) strong{color:#824aaa}.force-row label{font-size:12px;text-align:right}.lab-options{display:flex;flex-wrap:wrap;gap:5px 18px;padding-top:8px;font-size:12px}.lab-options label{display:flex;align-items:center;gap:6px}.lab-options input{accent-color:#134e8b}.lab-presets{margin-top:8px}.lab-input-feedback{font-size:12px;color:#96312b;margin:8px 0}.vector-canvas{display:block;width:100%;height:auto;max-width:600px;border:1px solid #cdd9e4;touch-action:none;cursor:crosshair;background:#fbfdff}.vector-canvas.is-dragging{cursor:grabbing}.canvas-help{font-size:11px;color:#666;line-height:17px;margin:6px 0 12px}.lab-results{border:1px solid #cdd9e4;border-left:3px solid #bd2934;padding:10px 12px;background:#f8fafc;margin:12px 0}.lab-results h2{font-size:18px;font-weight:400;margin:0 0 7px}.lab-results p{margin:4px 0}.lab-results [data-result-magnitude]{font-weight:bold;font-size:17px;color:#a5222d}.lab-challenge{padding:14px 0;border-block:1px dotted #aaa;margin:16px 0}.lab-challenge h2{font-size:18px;font-weight:400}.media-attribution{border-top:1px solid #ddd;margin:18px 0;padding:10px 0;font-size:11px;color:#666}.media-attribution h2{font-size:16px;font-weight:400}.media-attribution ul{padding-left:17px}.media-attribution li{margin:6px 0;overflow-wrap:anywhere}
@media(max-width:450px){.practice-question>h2{font-size:21px}.learning-tools{font-size:14px;line-height:22px}.learning-tools input:not([type=checkbox]),.learning-tools select{font-size:16px}.practice-form{padding:9px}.learning-button{min-height:36px;font-size:12px}.force-row{grid-template-columns:23px 33px minmax(40px,1fr) 33px minmax(40px,1fr);gap:5px}.lab-controls{padding:8px}.lab-options{display:block}.lab-options label{margin:6px 0}.learning-disclosure summary{padding:3px 0}.practice-source{font-size:11px}}