.orientation-setup{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.orientation-setup>p{grid-column:1/-1;margin:0}.orientation-setup .board-select{margin-top:8px}.orientation-practice .orientation-stage{background:var(--subject-surface,var(--mint));container-type:inline-size}.orientation-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;margin-block:20px;display:grid}.orientation-board{width:100%;max-width:360px;margin-inline:auto}.orientation-board svg{width:100%;height:auto;display:block}.orientation-practice .orientation-board{--orient-board:#fffef9;--orient-edge:#81977a;--orient-grid:#c0cfb9;--orient-label:#29463a;--orient-route:#17654f;--orient-step:#5c715d;--orient-chip:#dfead8;--orient-mark:#71896d;--orient-block:#d5e1cd}:root[data-theme=dark] .orientation-practice .orientation-board{--orient-board:var(--paper);--orient-edge:var(--ink);--orient-grid:color-mix(in srgb, var(--ink) 30%, var(--paper));--orient-label:var(--ink);--orient-route:var(--accent);--orient-step:var(--muted);--orient-chip:var(--accent-soft);--orient-mark:var(--control-border);--orient-block:color-mix(in srgb, var(--ink) 17%, var(--paper))}@media (prefers-color-scheme:dark){:root[data-theme=system] .orientation-practice .orientation-board{--orient-board:var(--paper);--orient-edge:var(--ink);--orient-grid:color-mix(in srgb, var(--ink) 30%, var(--paper));--orient-label:var(--ink);--orient-route:var(--accent);--orient-step:var(--muted);--orient-chip:var(--accent-soft);--orient-mark:var(--control-border);--orient-block:color-mix(in srgb, var(--ink) 17%, var(--paper))}}.orientation-route{margin-block:12px;padding-inline-start:24px}.orientation-route li{margin-block:8px;padding-inline-start:4px;font-size:1rem}.orientation-route li[aria-current=step]{color:var(--accent);font-weight:650}.orientation-route .orientation-after{color:var(--muted);white-space:nowrap;font-weight:600}.orientation-route li[aria-current=step] .orientation-after{color:inherit}.orientation-points{margin:-8px 0 24px;padding-inline-start:24px}.orientation-points li{margin-block:8px;font-size:1rem;line-height:1.6}.orientation-board .spatial-explorer-controls button svg{width:20px;height:20px}.orientation-practice .quant-method li{font-size:1rem}.orientation-practice .quant-option-value{overflow-wrap:normal}.orientation-practice #orient-options[data-kind=position] .quant-option-letter{display:none}.orientation-practice #orient-options[data-kind=position] .quant-option{grid-template-columns:minmax(0,1fr)}@container (width<=17rem){.orientation-practice .quant-options,.orientation-practice .quant-option{grid-template-columns:minmax(0,1fr)}.orientation-practice .quant-option-letter{justify-self:start}.orientation-practice .quant-option-value{justify-self:center}}.orientation-workspace h3{margin-top:0;font-size:1rem}.orientation-practice .quant-option[data-answer-state]{padding:11px 15px}.orientation-practice .quant-option-marker{align-items:center;gap:8px;display:flex}.orientation-practice .quant-option-marker:empty{display:none}#orient-method-heading{margin-block:24px 12px;font-size:1rem}.orientation-practice .practice-setup>.orientation-rule{order:-2;margin:0;padding:16px 24px 4px;font-size:1rem;line-height:1.6}@media (width<=40.625em){.orientation-practice .practice-setup>.orientation-rule{padding:14px 16px 2px}.practice-main .orientation-practice .practice-setup-example .spatial-explorer-scene>svg{height:220px;max-height:220px}main.practice-main .orientation-practice .practice-setup-example .spatial-explorer-controls:not([hidden]){display:grid!important}main.practice-main .orientation-practice .practice-setup-example :is(button,input,[tabindex]){scroll-margin-bottom:max(104px,6.5rem)}}@media (width<=40.625em) and (scripting:enabled){main.practice-main .orientation-practice .practice-setup-example .spatial-explorer-controls[hidden][data-spatial-controls-reserved]{visibility:hidden;display:grid!important}}.orientation-practice #orient-question>.board-note{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#orient-start~#orient-instruction{margin-top:16px}@media (width<=38.75em){.orientation-workspace{grid-template-columns:minmax(0,1fr);gap:16px}}@media (width<=35em){.orientation-setup{grid-template-columns:minmax(0,1fr)}}@media (forced-colors:active){.orientation-board svg{forced-color-adjust:none}}.orientation-practice #orient-question[data-kind=map] .orientation-workspace{grid-template-columns:minmax(0,1fr)}.orientation-practice:not([data-phase=review]) #orient-question[data-kind=map] .orientation-workspace>section{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.orientation-practice[data-phase=review] #orient-question[data-kind=map] .orientation-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.orientation-practice #orient-question[data-kind=map]>.board-note{display:none}.orientation-practice #orient-options[data-kind=map],.orientation-practice #orient-options[data-kind=expert-route]{grid-template-columns:minmax(0,1fr)}@media (width>=40.625em){.orientation-practice #orient-options[data-kind=expert-route]{grid-template-columns:repeat(2,minmax(0,1fr))}}.practice-main .orientation-practice .practice-setup-example [data-map-example] .orientation-board svg{width:100%;height:220px;max-height:220px}@media (width<=38.75em){.orientation-practice[data-phase=review] #orient-question[data-kind=map] .orientation-workspace{grid-template-columns:minmax(0,1fr)}}.orientation-practice[data-expert] .practice-setting[hidden]{display:none!important}.orientation-practice[data-expert] .orientation-setup>div:has(>.practice-setting[hidden]),.orientation-practice[data-expert] .practice-setup>.orientation-rule{display:none}.orientation-expert-maps{justify-content:center;gap:12px;min-width:0;display:flex}.orientation-expert-maps>div{flex:1 1 0;min-width:0}.orientation-expert-maps svg{height:220px;max-height:220px}.orientation-expert-maps p{margin-block:0 4px}.orientation-practice[data-expert="4"] .orientation-expert-preview{grid-template-columns:minmax(0,1fr);gap:12px}.orientation-practice[data-expert="4"] .orientation-expert-maps{width:100%;max-width:560px;margin-inline:auto}.orientation-remembered[data-astro-cid-l3yl2lwu]{color:var(--muted);font-size:.875rem;line-height:1.6}