#course-layer{position:absolute;left:0;top:0;transform-origin:0 0;z-index:4;pointer-events:none;color:#17313e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#course-layer [hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.course-picker{position:absolute;right:280px;top:16px;width:249px;height:32px;z-index:8;pointer-events:auto}
.course-picker select{appearance:none;width:100%;height:100%;padding:0 30px 0 13px;color:#c6dddd;background:#132f3f;border:1px solid #355466;border-radius:16px;font:650 11px Inter,system-ui;cursor:pointer}
.course-picker>span:last-child{position:absolute;right:12px;top:4px;color:#76d7c9;font-size:17px;pointer-events:none}
.course-picker select:hover{border-color:#71d5c8;background:#1c4050}
#aaq{pointer-events:auto;width:100%;height:100%;display:grid;grid-template-columns:270px minmax(0,1fr) var(--aaq-inspector-width,clamp(280px,23vw,330px));grid-template-rows:64px minmax(0,1fr);background:#f6f8f7;--practical-color:#087f75}
#aaq button,#aaq select,#aaq textarea{font:inherit}
#aaq button{cursor:pointer}
#aaq button:disabled{cursor:default;opacity:.5}
#aaq button:focus-visible,#aaq select:focus-visible,#aaq input:focus-visible,#aaq textarea:focus-visible,.course-picker select:focus-visible,#aaq a:focus-visible{outline:3px solid #735ddd;outline-offset:3px}
.aaq-active #lab,.aaq-active #webgl{display:none!important}
.aaq-header{grid-column:1/-1;display:flex;align-items:center;height:64px;background:#102a3a;color:white;padding:0 14px 0 26px;gap:10px}
.aaq-brand{display:flex;flex-direction:column;line-height:1;width:110px;flex-shrink:0}
.aaq-brand>span{font-size:12px;font-weight:850;color:#71d5c8}
.aaq-brand>strong{font-size:22px;font-weight:850}
.aaq-subject{display:flex;gap:9px;align-items:center;border:1px solid #234555;background:#0b202d;border-radius:24px;padding:9px 17px;color:#91e0d4;font-size:12px;font-weight:750;white-space:nowrap}
.aaq-subject>span:first-child{font-size:20px;line-height:1}
.aaq-level{font-size:8px;background:#193d47;border-radius:5px;padding:4px 6px;letter-spacing:.09em}
#aaq .aaq-header-button{border:1px solid #2e4e63;border-radius:18px;background:#122b3b;color:white;font-size:10px;font-weight:800;height:32px;padding:0}
#aaq .aaq-header-button.is-active{background:#087f75;border-color:#4fc3b5}
#aaq-assessment{margin-left:auto;width:146px}
#aaq-focus{width:104px}
.aaq-sidebar{min-height:0;background:#eef3f2;border-right:1px solid #dce5e4;display:flex;flex-direction:column;padding:15px 9px 0}
.aaq-sidebar-heading{padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:4px;color:#657c86;font-size:9px;font-weight:850;letter-spacing:.035em}
.aaq-sidebar-heading b{font-size:9px;color:#278a7f;background:#dcece8;padding:3px 6px;border-radius:5px}
.aaq-filter{display:block;margin:10px 1px}
.aaq-filter select{width:100%;height:32px;padding:0 9px;border-radius:8px;border:1px solid #d5e1df;background:#f8faf9;color:#526c77;font-size:11px!important;font-weight:650!important}
#aaq-catalogue{overflow:auto;flex:1;min-height:0;padding:0 1px 10px;scrollbar-width:thin;scrollbar-color:#bbd2cb transparent}
#aaq .aaq-practical{display:flex;align-items:center;gap:9px;position:relative;width:100%;min-height:50px;margin-bottom:5px;padding:7px 10px;text-align:left;border:1px solid #dce5e4;border-radius:10px;background:rgba(255,255,255,.4);color:#526870}
#aaq .aaq-practical:hover{background:#fff;border-color:#aac7c2}
#aaq .aaq-practical.is-selected{border-color:var(--practical-color);background:white;box-shadow:0 2px 5px #183c4010;color:#17313e}
.aaq-practical.is-selected:before{content:"";width:3px;position:absolute;left:0;top:7px;bottom:7px;background:var(--practical-color);border-radius:4px}
.aaq-practical-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#dfe8e6;color:#66838a;font-size:16px}
.is-selected .aaq-practical-icon{background:var(--practical-color);color:white}
.aaq-practical-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.aaq-practical-copy strong{font-size:11.5px;line-height:1.25;font-weight:750}
.aaq-practical-copy small{font-size:9px;line-height:1.3;color:#657d85;font-weight:550}
.aaq-saved{margin-left:auto;font-size:10px;color:#087f75}
.aaq-sidebar-foot{padding:12px 10px;line-height:1.5;color:#698088;font-size:9px;flex-shrink:0;border-top:1px solid #dfe8e6}
.aaq-sidebar-foot a{display:block;margin-top:5px;color:#187d74;text-decoration:none;font-weight:700}
.aaq-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35a793;margin-right:4px}
.aaq-workspace{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.aaq-intro{padding:21px 27px 14px;flex-shrink:0;background:white}
.aaq-eyebrow{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.4;font-weight:800;color:var(--practical-color);letter-spacing:.04em}
.aaq-eyebrow>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aaq-eyebrow a{color:#648086;text-decoration:none;font-size:8px;flex-shrink:0}
.aaq-unit-divider{margin:0 7px;color:#b5c5c8}
.aaq-intro h1{font-size:20px;letter-spacing:-.04em;margin:8px 0 5px;line-height:1.2;font-weight:750}
.aaq-intro>p{font-size:11px;line-height:1.55;color:#607b85;margin:0 0 11px}
.aaq-principle{display:flex;flex-direction:column;gap:5px;background:#edf5f2;border-radius:8px;padding:9px 13px;border-left:2px solid #a7d2c6}
.aaq-principle>span{font-size:8px;font-weight:850;color:#65817f;letter-spacing:.035em}
.aaq-principle strong{font-size:10px;line-height:1.45;font-weight:650;color:#204a4c}
.aaq-arena{flex:1;min-height:160px;position:relative;overflow:hidden;background:linear-gradient(#e7eeee 0 49%,#267f93 50%)}
#aaq-canvas{width:100%;height:100%;position:absolute;inset:0}
.aaq-scene-label{position:absolute;left:18px;top:16px;background:#f8fcfbea;border:1px solid #d9e7e4;padding:7px 10px;border-radius:6px;font-size:8px;font-weight:800;color:#54726e;letter-spacing:.03em;pointer-events:none}
.aaq-step-indicator{position:absolute;right:17px;top:16px;display:flex;gap:4px;pointer-events:none}
.aaq-step-indicator>span{display:grid;place-items:center;background:#ffffffad;border:1px solid #cddcda;border-radius:50%;width:23px;height:23px;font-size:9px;color:#778f93;font-weight:800}
.aaq-step-indicator>.is-current{background:#087f75;color:white;border-color:#087f75;box-shadow:0 0 0 3px #087f7520}
.aaq-step-indicator>.is-done{background:#d4eee5;border-color:#a5d7c7;color:#087f75}
.aaq-scene-note{position:absolute;bottom:10px;left:18px;font-size:7px;font-weight:750;letter-spacing:.09em;color:#c4e1e2;pointer-events:none}
.aaq-loading{position:absolute;inset:0;display:grid;place-content:center;padding:40px;text-align:center;font-size:13px;color:#264651;background:#e8efeeeb}
.aaq-observation{position:absolute;right:16px;bottom:16px;max-width:230px;padding:11px 15px;background:#fafffbf5;border:1px solid #d4e7e0;border-radius:9px;box-shadow:0 5px 20px #163d4a20;pointer-events:none}
.aaq-observation>span{font-size:8px;font-weight:800;letter-spacing:.07em;color:#6a8485;display:block;margin-bottom:3px}
.aaq-observation>strong{display:block;color:#147d6d;font-size:22px;font-weight:750;letter-spacing:-.04em}
.aaq-observation>p{font-size:9px;color:#5e797e;margin:2px 0 0}
.aaq-console{min-height:103px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-items:center;padding:14px 18px 10px;background:linear-gradient(#36474d,#24343a);border-top:5px solid #526971}
.aaq-console-actions{display:flex;align-items:center;gap:7px;min-width:0}
#aaq .aaq-button{border:1px solid #d4dfdd;background:white;border-radius:8px;padding:11px 12px;min-height:38px;color:#183844;font-size:9px;line-height:1.25;font-weight:800;letter-spacing:.015em}
#aaq .aaq-button:hover:not(:disabled){border-color:#168e7e;background:#f1faf6}
#aaq .aaq-primary{background:linear-gradient(90deg,#106e68 var(--step-progress,0%),#09877b var(--step-progress,0%));border-color:#168f83;color:white;min-width:135px;max-width:240px;font-size:10px;text-transform:uppercase;flex:1}
#aaq .aaq-primary:disabled{opacity:.75}
#aaq .aaq-primary:hover:not(:disabled){background:#0e9a89;color:white}
#aaq .aaq-reset{border:1px solid #667d85;background:transparent;color:#c2d7dc;border-radius:7px;font-size:22px;width:32px;height:37px;flex-shrink:0}
.aaq-reading{background:#f6faf8;padding:9px 12px;border-radius:8px;min-width:150px;max-width:240px}
.aaq-reading>span{display:block;font-size:7px;color:#657e86;font-weight:850;margin-bottom:3px}
.aaq-reading>strong{font-size:18px;line-height:1.1;color:#147c70;font-weight:800}
.aaq-reading small{font-size:9px;font-weight:600;color:#577e83;white-space:nowrap}
.aaq-status{grid-column:1/-1;font-size:9px;color:#bad3d6;line-height:1.4;min-height:13px}
.aaq-inspector{background:#f4f7f5;border-left:1px solid #dfe7e4;min-height:0;display:flex;flex-direction:column;padding:16px 15px 14px}
.aaq-panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex-shrink:0;padding-bottom:15px}
#aaq .aaq-panel-tabs button{padding:8px 3px;border-radius:7px;background:white;border:1px solid #d6e1de;color:#35515d;font-size:9px;font-weight:800}
#aaq .aaq-panel-tabs button.is-active{background:#1b8378;border-color:#1b8378;color:white}
#aaq-panel{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#bfd3cb transparent;padding:0 2px 12px}
.aaq-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.aaq-panel-heading h2{font-size:13px;line-height:1.25;margin:0;font-weight:800}
.aaq-panel-heading>span{white-space:nowrap;font-size:8px;font-weight:800;color:#377f76;border-radius:5px;background:#e1eee8;padding:4px 6px}
.aaq-panel-intro{font-size:10px;line-height:1.6;color:#6a8289;margin:0 0 12px}
.aaq-method-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
#aaq .aaq-step{display:flex;text-align:left;gap:9px;padding:11px 9px;width:100%;border:1px solid #dce5e0;border-radius:8px;color:#4e6970;background:#fff;align-items:flex-start}
#aaq .aaq-step.is-active{background:#eaf5ed;border-color:#8dc6a2;color:#254f43}
#aaq .aaq-step.is-done{background:#f2f7f3;color:#5a7869;border-color:#dae8df}
.aaq-step-number{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:50%;background:#e7ede9;color:#718578;font-size:9px;font-weight:800}
.is-active .aaq-step-number{background:#3d986a;color:white}
.is-done .aaq-step-number{background:#d8ede0;color:#3d986a}
.aaq-step strong{display:block;font-size:10px;line-height:1.35;margin-bottom:5px;font-weight:750}
.aaq-step small{display:block;font-size:9px;line-height:1.55;color:#72878b}
.aaq-condition{margin-top:14px;padding:12px;background:#e9f0ed;border:1px solid #dbe8e1;border-radius:8px}
.aaq-condition label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;font-weight:750;line-height:1.35}
.aaq-condition output{color:#087f75;white-space:nowrap;font-size:11px}
.aaq-condition input{accent-color:#188877;width:100%;margin:13px 0 2px;cursor:pointer}
.aaq-condition input:disabled{cursor:default;opacity:.5}
.aaq-range-extents{display:flex;justify-content:space-between;font-size:8px;color:#77928a}
.aaq-condition p{font-size:9px;color:#70837d;line-height:1.55;margin:9px 0 0}
.aaq-condition>strong{font-size:11px}
.aaq-condition .aaq-button{margin-top:9px}
.aaq-detail{margin-top:13px;border-top:1px solid #dce5df;padding-top:11px;font-size:10px;line-height:1.55;color:#6b807f}
.aaq-detail summary{color:#396459;font-weight:700;cursor:pointer}
.aaq-detail p{margin:9px 0 0}
.aaq-practice-note{flex-shrink:0;margin-top:12px;padding:10px 12px;border-radius:8px;background:#e5efec;font-size:8px;line-height:1.6;color:#6d8786}
.aaq-equipment-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.aaq-equipment-list li{padding:12px 9px;background:white;border:1px solid #dce5e1;border-radius:9px;display:flex;align-items:center;gap:9px}
.aaq-equipment-list li>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#e7f0eb;color:#348a74;font-size:10px;font-weight:800}
.aaq-equipment-list strong{font-size:10px;line-height:1.4;display:block}
.aaq-equipment-list small{font-size:8px;color:#84948e;display:block;margin-top:3px}
.aaq-equipment-list b{margin-left:auto;font-size:10px;color:#358f74}
.aaq-result-explanation{font-size:10px;line-height:1.7;margin:13px 0;color:#607d7b;background:#edf3ee;border-radius:8px;padding:12px}
.aaq-result-explanation p{margin:5px 0 0}
.aaq-source-link{display:block;font-size:9px;line-height:1.5;margin:14px 0;color:#147f70;text-decoration:none;font-weight:700}
.aaq-empty{border:1px dashed #c7d9d0;border-radius:10px;margin:16px 0;padding:26px 20px;text-align:center}
.aaq-empty>span{font-size:38px;color:#63a18e;display:block;margin-bottom:5px}
.aaq-empty>strong{font-size:12px;display:block}
.aaq-empty p{font-size:10px;line-height:1.65;color:#80938b}
.aaq-chart{margin:0 0 12px}
.aaq-chart svg{display:block;width:100%;height:auto;border:1px solid #dde6e0;border-radius:9px}
.aaq-chart text{font-size:8px;fill:#68857e;font-family:Inter,system-ui}
.aaq-chart figcaption{font-size:8px;color:#829a91;text-align:center;margin-top:6px}
.aaq-table-scroll{overflow:auto;max-height:245px;background:#fff;border-radius:8px;border:1px solid #dce5df}
#aaq table{width:100%;border-collapse:collapse;font-size:10px}
#aaq table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#aaq th{text-align:left;vertical-align:top;font-size:8px;color:#648178;background:#eaf2ed;padding:9px 7px;line-height:1.45}
#aaq th small{display:block;font-size:7px;font-weight:500;margin-top:2px}
#aaq td{padding:9px 7px;border-top:1px solid #e6eee9;font-variant-numeric:tabular-nums;color:#315d50}
#aaq .aaq-export{margin-top:10px;width:100%;color:#207e66}
.aaq-question{padding:13px 11px;border:1px solid #dce6e1;background:#fff;border-radius:10px;margin-bottom:15px}
.aaq-question h3{font-size:12px;line-height:1.5;margin:0 0 12px}
.aaq-answers{display:flex;flex-direction:column;gap:7px}
#aaq .aaq-answer{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid #dce5df;background:#f6f9f7;border-radius:7px;padding:9px 8px;font-size:10px;line-height:1.5;color:#59756c}
.aaq-answer>span{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;background:#e6eee8;border-radius:4px;font-size:9px;font-weight:800}
#aaq .aaq-answer.is-chosen{border-color:#479879;background:#e7f3e9}
.aaq-feedback{margin-top:12px;padding:10px;border-radius:7px;font-size:10px;line-height:1.6}
.aaq-feedback.correct{background:#e4f4e8;color:#2e724c}
.aaq-feedback.retry{background:#fff1dc;color:#886526}
.aaq-notes-label{display:block;font-size:11px;font-weight:750;margin:14px 0 8px}
#aaq textarea{resize:vertical;min-height:85px;width:100%;border:1px solid #cfdfd5;border-radius:8px;padding:11px;font-size:10px;line-height:1.6;color:#335c4e;background:white}
.aaq-focused{grid-template-columns:0 minmax(0,1fr) 0!important}
.aaq-focused .aaq-sidebar,.aaq-focused .aaq-inspector{visibility:hidden;overflow:hidden;padding:0;border:0}
.aaq-focused .aaq-intro{padding-left:30px;padding-right:30px}
.aaq-focused .aaq-console{padding-left:30px;padding-right:30px;grid-template-columns:minmax(300px,500px) auto}
.aaq-focused .aaq-reading{justify-self:end}
@media(max-height:650px){.aaq-intro{padding:12px 20px 10px}.aaq-intro h1{font-size:18px;margin-top:5px}.aaq-intro>p{margin-bottom:7px}.aaq-principle{padding:6px 10px;gap:2px}.aaq-console{min-height:86px;padding:9px 13px 7px}.aaq-step small{font-size:8.5px}.aaq-scene-note{font-size:6.5px}}
@media(prefers-reduced-motion:no-preference){.aaq-practical,.aaq-button,.aaq-answer{transition:background .16s,border-color .16s}.aaq-observation{animation:aaq-observe .25s ease-out}}
@keyframes aaq-observe{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

/* Narrow headers use the same measured bounds as the canvas header. */
.aaq-compact .aaq-header{padding-left:calc(14px * var(--header-font-scale));gap:calc(10px * var(--header-font-scale))}
.aaq-compact .aaq-brand{width:calc(76px * var(--header-font-scale))}
.aaq-compact .aaq-brand>span{font-size:calc(9px * var(--header-font-scale))}
.aaq-compact .aaq-brand>strong{font-size:calc(18px * var(--header-font-scale))}
.aaq-compact .aaq-subject{font-size:calc(11px * var(--header-font-scale));gap:calc(6px * var(--header-font-scale));padding:calc(5px * var(--header-font-scale)) calc(9px * var(--header-font-scale))}
.aaq-compact .aaq-subject>span:first-child{font-size:calc(16px * var(--header-font-scale))}
.aaq-compact .aaq-level{display:none}
.course-picker select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aaq-scene-label{max-width:calc(100% - 155px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aaq-observation{max-width:min(230px,calc(100% - 32px))}
.aaq-console-actions>*{min-width:0}