/* Shared interface refinement. Preserve ORB scenes; content leads its tools. */
html{--ui-text:#e5e9ee;--ui-muted:#b8c3cf;--ui-line:#344552;--ui-panel:#0d1b27;--ui-action:#edc6a3;--ui-paper:#fafaf8;color-scheme:dark}
html ::selection{background:#edc6a3;color:#152431}
html :is(input,textarea){caret-color:currentColor}
html :is(button,a,summary,select,input,textarea):focus-visible{outline:2px solid var(--ui-action);outline-offset:4px}
html button{font-family:"Segoe UI",system-ui,sans-serif;letter-spacing:0;min-height:44px}
html button.orb-next-action{animation:none!important;box-shadow:none!important;filter:none;border-color:var(--ui-action)!important}
html .eyebrow{letter-spacing:0;text-transform:none}
html body>header{border-bottom-color:#d0e1ee15}
html body>header .brand strong{font-size:13px;letter-spacing:.07em}
html body>header .brand small{font-size:11px;letter-spacing:0;color:var(--ui-muted)}
html body>header nav button{border:0;background:transparent;font-size:13px;color:var(--ui-text);padding:10px 14px}
html body>header nav button:disabled{color:#93a2b0;opacity:.65}
html body.home-screen #departure>.eyebrow{display:none}
html body.home-screen #departure h1{letter-spacing:-.025em}
html #home-journey-actions{gap:8px 20px;flex-wrap:wrap}
html #home-journey-actions button{font-size:13px;color:#d3dce4;border:0;background:transparent;padding:10px 4px}
html #home-journey-actions #home-example{color:#f1cfae}
html #search{border-radius:12px;border-color:#cad6df55;box-shadow:0 8px 30px #0000001f}
html #search #explore{border-radius:8px;background:#edc6a3;color:#152431;border:0;box-shadow:none;font-weight:600}
html #search #explore:hover{background:#f6d8bd}
html #archive-actions{gap:8px}
html #archive-actions button{border-color:#9fafbd45;background:#10212a80;font-size:13px;box-shadow:none;padding:10px 12px}
html #sky-guide>.eyebrow,html #sky-entry>.eyebrow{display:none}
html #sky-guide h2{font-size:26px}
html #sky-guide>p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:47ch;color:#d2dce6}
html #sky-guide #call-orbs{background:#edc6a3;color:#17242d;border:0;box-shadow:none;min-height:44px;font-size:14px}
html #sky-guide #rearrange-sky{min-height:44px;font-size:13px;background:#0d1b2780}
html .ui-disclosure{margin:16px 0 0;border-top:1px solid var(--ui-line);padding:6px 0 0;color:var(--ui-text)}
html .ui-disclosure>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;color:var(--ui-text);list-style-position:inside}
html #orb-view-options{max-width:460px;background:#0b1928e8;padding:0 14px;border-radius:8px;border-top:0;width:fit-content}
html #orb-view-options[open]{padding-bottom:12px}
html #orb-view-options :is(button,select){min-height:44px!important;font-size:12px!important;box-shadow:none!important}
html .map-panel{background:transparent;padding-left:18px}
html .destination{border:0;border-bottom:1px solid #afc4d22b;border-radius:0;background:#0b182dcc;min-height:80px;padding:16px 14px;box-shadow:none}
html .destination:hover{background:#172d3cea;transform:none}
html .destination-copy strong{font-weight:500;font-size:14px}
html .destination-copy small{font-size:12px;color:#c2ceda}
html .destination-number{border:0;box-shadow:none;background:transparent}
html .current-orb-card{border:0;border-radius:8px;background:#0d1b27dd;box-shadow:none;padding:22px}
html #reader{border-radius:12px;border:0;grid-template-columns:280px minmax(0,1fr);box-shadow:0 16px 45px #00000026}
html #reader .cockpit{background:#0d1b27;border-right:0;padding:22px 18px}
html #reader .cockpit>.eyebrow{display:none}
html #reader .cockpit h2{font-size:15px;font-weight:500;line-height:1.5;color:#e5e9ee}
html #reader .reader-map>summary{font-size:14px;min-height:44px;line-height:1.5}
html #reader #orb-points button{min-height:44px;font-size:13px;line-height:1.45;border-radius:6px;border:0;text-shadow:none;background:transparent;box-shadow:none}
html #reader #orb-points button[aria-current=true]{background:#294453;color:#f3f7fa;font-weight:500;border:0;box-shadow:none}
html #reader article{background:var(--ui-paper);color:#17242d;padding:32px 5% 54px;scrollbar-color:#8c9faa var(--ui-paper)}
html #reader article>*{max-width:74ch}
html #reader article .orb-hero{margin-bottom:22px;padding-bottom:20px}
html #reader .orb-cover h1{font-size:22px;line-height:1.4;font-weight:400;margin:0 0 10px;color:#465864}
html #reader .orb-cover>p:not(.eyebrow){font-size:12px;line-height:1.7}
html #reader #reading-title{font-size:32px;line-height:1.25;letter-spacing:-.02em;font-weight:400;margin:20px 0 26px;color:#12212c}
html #reader #reading-body{max-width:66ch;font-size:18px;line-height:1.85;color:#24323c}
html #reader .reading-actions{gap:6px 12px}
html #reader .reading-actions button{border:0;padding:8px 0;background:transparent;color:#315766;font-size:13px}
html #reader .reading-meta{align-items:center;gap:12px;flex-wrap:wrap}
html #reader article .point-tools{margin:32px 0 28px;padding-top:20px;border-top:1px solid #c7d2d9}
html .point-tools h3{font:500 16px/1.5 "Segoe UI",sans-serif;color:#223a47;margin:0 0 10px}
html #reader #point-power{margin:0;padding:0;border:0;gap:8px 20px}
html #reader #point-power #increase-point-power{background:#274e5d;color:#fff;font-weight:500}
html #reader #point-power p{font-size:13px;line-height:1.6}
html #reader article :is(.fine,.media-status,.section-image-status){font-size:13px;line-height:1.6;color:#4a5f6c}
html #reader .refine-imagery summary{min-height:44px;font-size:14px;padding-block:10px}
html #reader article :is(button,a,summary,select,input,textarea):focus-visible{outline-color:#205b73}
html #reader article #next-reading{font-size:16px;font-weight:500;border:0;background:#e4edf1;border-radius:8px;padding:16px 20px;margin-top:24px;box-shadow:none}
html dialog:not(#orb-library){background:#0d1b27;color:#e5e9ee;border:1px solid #42515f;border-radius:14px;padding:28px;box-shadow:0 24px 70px #00000050}
html dialog::backdrop{background:#020912b8;backdrop-filter:none}
html dialog .drawer-heading h2{font-size:28px;font-weight:400;letter-spacing:-.02em}
html dialog .drawer-heading .eyebrow{display:none}
html dialog .fine{font-size:13px;line-height:1.6;color:#b8c3cf}
html #advanced-dialog .example-entries{order:-1;padding-bottom:20px;border-bottom:1px solid #344552;margin-bottom:22px}
html #orbcast-dialog{max-width:640px}
html #orbcast-dialog [hidden]{display:none!important}
html #orbcast-dialog .cast-new-topic{border:0;padding:0;margin:8px 0 24px}
html #orbcast-dialog .cast-new-topic>summary{font-size:14px;min-height:44px;padding:10px 0;color:#cbd6df}
html #orbcast-dialog #cast-form label{font-size:14px;line-height:1.6}
html #orbcast-dialog #cast-topic{min-height:48px;font-size:16px;padding:12px 14px;background:#142936;border:1px solid #526571;border-radius:7px}
html #orbcast-dialog #cast-start{background:#edc6a3;color:#17242d;border:0;font-size:14px;padding:12px 20px;box-shadow:none}
html #orbcast-dialog #cast-replay{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:auto;min-height:100px;margin:0 0 12px;padding:12px;border-radius:8px;background:#142733;color:#dce6ec;box-shadow:none;text-shadow:none;font-size:15px;font-weight:500;animation:none}
html #orbcast-dialog #cast-replay::before{content:"";display:block;flex:0 0 84px;height:84px;background:var(--cast-orb-art) center/contain no-repeat}
html #orbcast-dialog #cast-replay:disabled{opacity:.52}
html #orbcast-dialog[data-empty=true] #cast-replay:disabled,
html #orbcast-dialog[data-empty=true] .cast-playback:has(#cast-pause:disabled):has(#cast-options:disabled),
html #orbcast-dialog[data-empty=true] #cast-route-note,
html #orbcast-dialog .cast-transcript:has(#cast-transcript:empty){display:none}
html #orbcast-dialog #cast-status{text-align:left}
html #orbcast-dialog[data-empty=true] .cast-new-topic>summary{display:none}
html #orbcast-dialog #cast-status{font-size:14px;color:#c7d5df;line-height:1.6;text-shadow:none}
html #orbcast-dialog #cast-route-note{font-size:13px;color:#b8c3cf;line-height:1.7}
html #orbcast-dialog .cast-row{gap:8px 14px}
html #orbcast-dialog .cast-row button{font-size:13px}
html #museum-contribution{margin-top:26px}
html #museum-contribution .share-vault{border:0;padding:12px 0 0;margin:0;box-shadow:none;background:transparent}
html #museum-contribution .share-vault>h3{display:none}
html #journey-list :is(button,summary){font-size:14px;line-height:1.5;min-height:44px}
html #orb-library[data-layout=catalog]{--library-panel:#0c1924;--library-muted:#b8c3cf;--library-paper:#e5e9ee;--library-accent:#edc6a3;--library-catalog-width:clamp(340px,30vw,420px);--library-catalog-gutter:28px;font-family:"Segoe UI",system-ui,sans-serif}
html #orb-library[data-layout=catalog] .library-header{background:#0d1b27;border-color:#344552}
html #orb-library[data-layout=catalog] .library-brand h1{font-size:20px;font-weight:500;letter-spacing:-.02em}
html #orb-library[data-layout=catalog] .library-search{background:#e8edf0;border-radius:8px}
html #orb-library[data-layout=catalog] .library-search button{background:#edc6a3;color:#17242d;border:0;border-radius:6px}
html #orb-library[data-layout=catalog] .library-category-bar{background:#0d1b27}
html #orb-library[data-layout=catalog] .library-views{gap:22px}
html #orb-library[data-layout=catalog] .library-views button{font-size:14px;min-height:48px;padding:12px 2px}
html #orb-library[data-layout=catalog] .library-context{padding-top:24px;padding-bottom:18px}
html #orb-library[data-layout=catalog] .library-context-description{font-size:13px;line-height:1.65}
html #orb-library[data-layout=catalog] .library-breadcrumb{font-size:12px;color:#b8c3cf}
html #orb-library[data-layout=catalog] .library-context-title{font-size:23px;line-height:1.3;letter-spacing:-.02em}
html #orb-library[data-layout=catalog] .library-result{grid-template-columns:80px minmax(0,1fr);gap:12px 18px;padding-bottom:24px}
html #orb-library[data-layout=catalog] .library-result-cover{height:118px;background:#132733}
html #orb-library[data-layout=catalog] .library-result-title{font-size:16px;font-weight:500;line-height:1.4;letter-spacing:0}
html #orb-library[data-layout=catalog] .library-result-meta{font-size:12px;line-height:1.5;color:#b8c3cf}
html #orb-library[data-layout=catalog] .library-result :is(p,small){line-height:1.6}
html #orb-library[data-layout=catalog] .library-scene-tools button{box-shadow:none;min-height:44px;font-size:13px}
html #orb-library[data-layout=catalog] .library-call{background:#edc6a3;color:#17242d;border:0}
html #orb-library[data-layout=catalog] .library-legend{font-size:12px}
html #orb-library[data-layout=catalog] .library-node-label{font-size:12px;line-height:1.5}
@media(min-width:701px){html #orb-library[data-layout=catalog] .library-center-topic{width:170px}}
html #orb-library[data-layout=catalog] .library-footer{font-size:12px}
html .overview-description{font-size:14px;line-height:1.8;color:#c4d2dd}
@media(max-width:1000px) and (min-width:701px){html #reader{grid-template-columns:230px minmax(0,1fr)}html #reader article{padding:26px 30px}}
@media(max-width:700px){
 html body>header nav button{padding:8px;font-size:12px}
 html #home-journey-actions{gap:4px 14px}
 html #home-journey-actions button{font-size:12px}
 html #archive-actions button{font-size:12px;padding:8px 10px}
 html #reader{grid-template-columns:1fr;border-radius:0}
 html #reader .cockpit{padding:8px 18px;gap:4px;max-height:38svh}
 html #reader .cockpit h2{font-size:13px;flex-basis:60%}
 html #reader .reader-map{margin:0;width:100%}
 html #reader article{padding:24px 22px 40px}
 html #reader article .orb-hero{display:none}
 html #reader #reading-title{font-size:27px;margin:16px 0 22px}
 html #reader #reading-body{font-size:17px;line-height:1.8}
 html #reader #point-power{grid-template-columns:1fr;grid-template-areas:"actions" "note" "image" "image-note" "loading"}
 html #reader #point-power .point-power-image-note{margin-left:0}
 html #reader .reading-actions button{font-size:12px}
 html dialog:not(#orb-library){padding:22px 20px;border-radius:12px;width:calc(100vw - 20px)}
 html #orbcast-dialog #cast-replay{min-height:78px}
 html #orbcast-dialog #cast-replay::before{flex-basis:62px;height:62px}
 html #orb-library[data-layout=catalog]{--library-catalog-gutter:22px}
 html #orb-library[data-layout=catalog] .library-views{gap:18px}
 html #orb-library[data-layout=catalog] .library-views button{font-size:13px}
 html #orb-library[data-layout=catalog] .library-result{grid-template-columns:82px minmax(0,1fr);gap:12px 16px}
 html #orb-library[data-layout=catalog] .library-legend{font-size:11px}
 html #orb-library[data-layout=catalog] .library-scene-tools button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html #orbcast-dialog #cast-replay{animation:none}html .destination{transition:background-color .15s}}
/* Text fields must not trigger iOS focus zoom; native disclosures stay touchable. */
@media(max-width:700px){html :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){font-size:16px}html #orb-library .library-search input,html #orb-library[data-layout=catalog] :is(.library-scope-label,.library-sort-label) select{font-size:16px}html #cast-settings select{min-height:44px;max-width:100%}html .ui-disclosure>summary{min-height:44px}}

html #reader .reading-orientation{margin:0 0 24px}
html #reader #orient-reading{min-height:44px;padding:10px 16px;background:#274e5d;color:#fff;border:1px solid #274e5d;border-radius:5px;font-size:14px}
html #reader #orient-reading:disabled{opacity:.55;cursor:wait}
html #reader #orient-reading:focus-visible{outline:3px solid #315766;outline-offset:3px}
html #reader #orient-reading-note{margin:8px 0 0;font-size:13px;line-height:1.6;color:#4a5f6c}
