/* Space illustrations and notebook. No global typography, routing or accessibility overrides. */
.sp-scene,.space-practice{--sp-ink:#263750;--sp-muted:#50607a;--sp-teal:#415885;--sp-line:#c4cede;box-sizing:border-box;color:var(--sp-ink);font:400 1rem/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.sp-scene *,.space-practice *{box-sizing:border-box}
.sp-scene{margin:1.2rem 0 1.8rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--sp-line);border-radius:24px;background:#f4f2ed;box-shadow:0 8px 26px #194f4810}
.sp-scene-heading{display:flex;gap:1.1rem;align-items:center;margin-bottom:1.25rem}.sp-scene-heading>div{min-width:0;flex:1}
.sp-panorama{display:block;flex:0 0 156px;width:156px;height:110px;object-fit:cover;border-radius:16px;border:1px solid #8696b1;box-shadow:0 4px 0 #d8deea}
.sp-eyebrow{display:block;color:#415885;font-size:.76rem;font-weight:800;letter-spacing:.085em;line-height:1.6}
.sp-scene h3,.space-practice h3{font-size:clamp(1.25rem,2.5vw,1.7rem);color:var(--sp-ink);line-height:1.25;margin:.35rem 0 .55rem;text-wrap:balance}
.sp-scene p,.space-practice p{margin:.5rem 0;line-height:1.6}
.sp-explorer-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(215px,1fr);gap:1.2rem;align-items:start}
.sp-drawing{min-width:0;padding:.6rem;border:1px solid #536684;border-radius:18px;background:#14233e}
.sp-drawing svg{display:block;width:100%;height:auto;overflow:visible}
.sp-drawing svg text{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sp-drawing .sp-schema-note{padding:.6rem .5rem 0;margin:0;color:#dbe3f1;font-size:.88rem;line-height:1.55}
.sp-svg-label{font-size:17px;font-weight:700;fill:#f3e5c8;stroke:#14233e;stroke-width:4px;paint-order:stroke fill}
.sp-svg-small{font-size:15px;font-weight:650;fill:#dee7f2;stroke:#14233e;stroke-width:3px;paint-order:stroke fill}
.sp-marker circle{fill:#263d5b;stroke:#cfdeec;stroke-width:2}.sp-marker text{fill:#fff4d7;font-size:17px;font-weight:800}
.sp-drawing [data-active=true] .sp-marker circle{fill:#ffdc86;stroke:#ffedbe;stroke-width:3.5}.sp-drawing [data-active=true] .sp-marker text{fill:#263750}
.sp-scene .sp-solar-care{margin:1.25rem 0 0;padding:.85rem 1rem;border:1px solid #d4ae65;border-left:5px solid #c5852c;border-radius:12px;background:#fff5db;color:#654214;font-size:.95rem}
.sp-legend-title{color:var(--sp-muted);font-weight:750;font-size:.95rem}
.sp-point-buttons{display:grid;gap:.6rem}
.sp-point-buttons button,.sp-check{min-height:48px;border:2px solid var(--sp-teal);border-radius:13px;padding:.7rem .85rem;background:#fffdf6;color:var(--sp-ink);cursor:pointer;text-align:left}
.sp-point-buttons button{display:flex;align-items:center;gap:.65rem;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.45}
.sp-point-buttons button span{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-size:.9rem}
.sp-point-buttons button[aria-pressed=true]{background:var(--sp-teal);color:#fff;border-color:var(--sp-teal);box-shadow:0 3px 0 #27364f}
.sp-point-detail{margin-top:.85rem;padding:1rem;border-radius:14px;background:#fff9e7;border:1px solid #dfcba0;min-height:10rem}
.sp-point-detail strong{font-size:1.07rem}.sp-point-detail p{font-size:.96rem}
.space-practice{margin:1.25rem 0;padding:clamp(1rem,3vw,1.75rem);background:#f0f3f8;border:1px solid var(--sp-line);border-radius:24px}
.sp-practice-heading{display:flex;align-items:start;gap:1rem;justify-content:space-between}
.sp-practice-heading>div{min-width:0}.sp-count{flex:0 0 auto;padding:.45rem .75rem;background:#e1e9f4;border:1px solid #bdcbe1;border-radius:20px;font-size:.88rem;font-weight:750;white-space:nowrap}
.sp-group h4{font-size:1.13rem;color:#204d59;margin:1.5rem 0 .85rem}
.sp-exercises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;list-style:none;margin:0;padding:0}
.sp-exercise{min-width:0;margin:0;padding:clamp(1rem,2vw,1.3rem);background:#fffdf8;border:1px solid #c7d8d0;border-radius:18px;box-shadow:0 4px 0 #d9e4dc66}
.sp-exercise:last-child:nth-child(odd){grid-column:1/-1}
.sp-exercise-heading{display:flex;gap:.65rem;align-items:center;margin-bottom:.8rem;font-size:.84rem;font-weight:750;color:#48645e}
.sp-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#eadab7;color:#604d28;font-size:1rem;font-weight:850}
.sp-prompt{display:block;margin:.3rem 0 .9rem;font-size:1.05rem;font-weight:750;line-height:1.6;color:var(--sp-ink)}
.sp-options{padding-left:1.6rem;margin:0 0 1rem;font-size:.96rem;line-height:1.6}.sp-options li{padding:.25rem 0 .25rem .3rem}
.space-practice .sp-input-help{color:var(--sp-muted);font-size:.87rem;margin:.65rem 0 .5rem}
.space-practice input,.space-practice select{display:block;max-width:100%;width:100%;min-width:0;min-height:48px;padding:.7rem .75rem;border:2px solid #7c9d9d;border-radius:11px;background:#fff;color:#173f4d;font:400 1rem/1.4 system-ui,sans-serif}
.space-practice input{max-width:240px}.space-practice select{text-overflow:ellipsis}
.sp-hint{margin-top:.6rem}.sp-hint summary{min-height:44px;padding:.7rem .1rem;color:#2e6265;font-weight:700;cursor:pointer;line-height:1.45}.sp-hint p{padding:.4rem .7rem .7rem;border-left:3px solid #d8bd73;font-size:.95rem}
.sp-exercise[data-space-status=correct]{border-color:#3b8d66}.sp-exercise[data-space-status=incorrect],.sp-exercise[data-space-status=format]{border-color:#b7753c}
.sp-feedback{padding:.8rem .9rem;border-radius:10px;background:#edf3ea;font-size:.96rem;border-left:4px solid #758d77}
[data-space-status=correct]>.sp-feedback{border-color:#31835e;background:#e6f3e7}[data-space-status=incorrect]>.sp-feedback,[data-space-status=format]>.sp-feedback{border-color:#b16f36;background:#fff0df}
.sp-pause{padding:1rem 1.25rem;border-radius:14px;margin:1.4rem 0;background:#ece8f2;border:1px solid #ccc2dd;color:#494363}.sp-pause p{margin:.25rem 0 0}
.sp-practice-actions{padding-top:1.5rem}.sp-check{display:inline-block;padding:.85rem 1.3rem;background:var(--sp-teal);color:#fff;box-shadow:0 3px 0 #27364f;font-family:inherit;font-size:1rem;font-weight:750;line-height:1.4;text-align:center}
.space-practice .sp-status{margin-top:1rem;font-weight:650}.space-practice .sp-small{color:var(--sp-muted);font-size:.88rem}
.sp-scene button:focus-visible,.space-practice :is(button,input,select,summary):focus-visible{outline:3px solid #754493;outline-offset:4px}
.space-practice :disabled{cursor:default;opacity:.62}.sp-scene button:hover:not(:disabled),.sp-check:hover:not(:disabled){border-color:#a36b20}
.sp-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}
@media(max-width:760px){.sp-explorer-layout{grid-template-columns:minmax(0,1fr)}.sp-legend-title{margin-top:0}.sp-point-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-point-buttons button{flex-direction:column;text-align:center;padding:.65rem .35rem;gap:.35rem}.sp-point-detail{min-height:0}.sp-exercises{grid-template-columns:1fr}.sp-practice-heading{flex-direction:column;gap:.5rem}.sp-exercise:last-child:nth-child(odd){grid-column:auto}}
@media(max-width:460px){.sp-scene,.space-practice{padding:1rem;border-radius:18px}.sp-panorama{flex-basis:auto;width:100%;height:100px;object-position:center 43%}.sp-scene-heading{flex-direction:column;gap:.75rem;align-items:start}.sp-eyebrow{font-size:.72rem;letter-spacing:.055em}.sp-scene h3{font-size:1.2rem}.sp-scene-heading p{font-size:.93rem}.sp-point-buttons{grid-template-columns:1fr}.sp-point-buttons button{flex-direction:row;text-align:left;padding:.6rem .75rem;gap:.6rem}.sp-check{width:100%}.sp-schema-note{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.sp-scene *,.space-practice *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.sp-scene,.space-practice,.sp-exercise,.sp-point-detail{border:1px solid CanvasText}.sp-point-buttons button[aria-pressed=true]{outline:3px solid Highlight}.sp-drawing{forced-color-adjust:none}.sp-panorama{display:none}}