/* Website adaptations are isolated from the Fire TV reference. */
body.website-edition { overflow-x: clip; }
.website-edition :is(button,a,input,select,summary,[tabindex]):focus-visible { outline: 2px solid #efd18a; outline-offset: 3px; box-shadow: 0 0 12px #e2b85c80; }
.website-edition button:disabled { cursor: default; }
body.website-edition .header,
body.website-edition.app-fullscreen .header,
body.website-edition.sky-immersive .header {
  display: flex; position: relative; left: auto; top: auto; right: auto;
  width: 100%; height: auto; min-height: 92px; flex: 0 0 auto;
  padding: 16px 8px; flex-wrap: wrap; gap: 14px 22px;
}
body.website-edition .header::before { inset-inline: -14px; }
body.website-edition .header .brand { font-size: 24px; gap: 12px; }
body.website-edition .header .brand-mark { width: 42px; height: 42px; }
body.website-edition .header .brand-mark svg { width: 32px; height: 32px; }
body.website-edition .header .brand-subtitle { font-size: 8px; letter-spacing: 2px; }
body.website-edition .header .main-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 4px 20px; min-height: 44px; height: auto; }
body.website-edition .header .nav-button { min-height: 44px; font-size: 17px; padding: 8px 0; }
body.website-edition .header .nav-button::before { display: none; }
.website-welcome { color: #e4c488; font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; }
body.website-edition .header .help-button { display: flex; font-size: 14px; }
.website-edition .main { min-height: 510px; padding: 38px 0; }
.website-edition .destination-panel { max-width: 540px; }
.website-edition .destination-panel h1 { font-size: clamp(48px,6vw,84px); letter-spacing: -2px; }
.website-edition .destination-description { font-size: 15px; line-height: 1.7; }
.website-edition .fact-label { font-size: 10px; }
.website-edition .fact-value { font-size: 16px; }
.website-edition .interpretation { font-size: 11px; }
.website-edition .destination-section { padding-bottom: 20px; }
.website-edition .scene-toolbar { bottom: 30px; padding: 4px 10px; }
.website-edition .tool-button { width: auto; min-width: 44px; min-height: 44px; height: auto; padding: 8px; font-size: 13px; border-radius: 4px; }
.website-edition .button { font-size: 14px; min-height: 44px; white-space: normal; }
.website-edition .footer { font-size: 10px; }
.website-edition #sky-city-keyboard { display: none; }
.website-edition #sky-city-search { font-size: 16px; }
.website-edition dialog { width: min(1100px,96vw); max-width: 96vw; max-height: 94svh; }
.website-edition dialog:not(.book-reader) .dialog-top { padding: 12px 20px; }
.website-edition :is(#explorers-dialog,#learning-dialog,#info-dialog,.reader-dialog:not(.book-reader))[open] { display: flex; flex-direction: column; height: min(850px,94svh); overflow: hidden; }
.website-edition dialog:not(.book-reader) > .dialog-top { flex: 0 0 auto; }
.website-edition :is(#explorers-content,#learning-content,#info-content) { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.website-edition .reader-dialog:not(.book-reader) .reader-scroll { flex: 1 1 auto; min-height: 0; max-height: none; }
.website-edition :is(#info-content,#learning-content,#explorers-content,.reader-scroll) { overscroll-behavior: contain; }
.website-edition #info-content { max-height: calc(92svh - 130px); }
.website-edition #info-content p,.website-edition #info-content li { font-size: 16px; line-height: 1.75; }
.website-edition #info-content figcaption,.website-edition #info-content small { font-size: 12px; }
.website-edition .sky-page .sky-layout { min-height: 0; }
.website-edition .sky-stage { min-height: 450px; }
.website-edition .sky-stage .sky-timebar { max-width: 48%; }
.website-edition .sky-screen-actions { max-width: 52%; flex-wrap: wrap; justify-content: flex-end; }
.website-edition .sky-legend { font-size: 12px; line-height: 1.6; }
.website-edition .sky-view-controls { flex-wrap: wrap; }
.website-edition.app-fullscreen:not(.sky-mode) .destination-section { display: block; flex: 0 0 auto; }
.website-edition.app-fullscreen:not(.sky-mode) .destination-card { height: 110px; }
.website-edition.app-fullscreen:not(.sky-mode) .app-shell { overflow-y: auto; }
.website-edition.sky-immersive .sky-page { top: 150px; height: calc(100svh - 150px); }

/* Keep all book controls visible on both touch and desktop. */
body.website-edition #reader-dialog.book-reader[open] {
  display: block; inset: 0; width: 100vw; max-width: 100vw;
  height: 100svh; max-height: 100svh; margin: 0;
  border: 0 !important; border-image: none !important;
}
.website-edition #reader-dialog.book-reader > .dialog-top { display: flex; top: 8px; right: 8px; padding: 0; min-height: 44px; }
.website-edition #reader-dialog.book-reader > .dialog-top [data-fullscreen-toggle] { display: none; }
.website-edition #reader-dialog.book-reader .dialog-actions { gap: 0; }
.website-edition #reader-dialog.book-reader .close-button { width: 44px; height: 44px; }
.website-edition #reader-dialog.book-reader > .book-controls {
  display: flex; position: absolute; top: 8px; left: 8px; padding: 0;
  max-width: calc(100% - 72px); min-height: 44px; gap: 6px;
}
.website-edition #reader-dialog.book-reader #book-zoom-in,
.website-edition #reader-dialog.book-reader #book-zoom-out { display: inline-flex; align-items: center; justify-content: center; }
.website-edition #reader-dialog.book-reader .book-control,
.website-edition #reader-dialog.book-reader .book-context-back { min-width: 44px; min-height: 44px; font-size: 14px; padding: 6px 12px; }
.website-edition #reader-dialog.book-reader .book-page-counter { min-width: 100px; font-size: 13px; }
.website-edition #reader-dialog.book-reader #reader-scroll { width: 100%; height: 100%; max-height: none; padding: 0; }
.website-edition #reader-dialog.book-reader #reader-content { width: 100%; height: 100%; overflow: auto; padding: 62px 12px 10px; touch-action: pan-x pan-y pinch-zoom; }
.website-edition #reader-dialog.book-reader #reader-body { flex: none; min-width: 100%; min-height: 100%; transform: none; }
.website-edition #reader-dialog.book-single-page .book-page-image { max-width: 100%; }
.website-edition #reader-dialog.book-single-page #reader-body::before,
.website-edition #reader-dialog.book-single-page #reader-body::after { display: none; }
.website-edition #reader-dialog.book-single-page .book-turn-layer { overflow: hidden; }
.website-edition #reader-dialog.book-reader #reader-body[data-zoomed=true] { align-items: flex-start; }
.website-edition #reader-dialog.book-reader #reader-body[data-zoomed=true] .book-page-image { object-position: center top; }
.website-edition #reader-dialog.book-reader #reader-body::after { top: auto; bottom: auto; height: var(--book-gutter-height,96%); align-self: center; }
.website-edition #reader-dialog.book-reader #reader-body[data-zoomed=true]::before,
.website-edition #reader-dialog.book-reader #reader-body[data-zoomed=true]::after { top: 0; bottom: auto; }

@media(max-width:1250px){
  body.website-edition .header .main-nav { order: 5; flex-basis: 100%; margin: 0; justify-content: flex-start; }
  body.website-edition .header .brand { margin-right: auto; }
}
@media(max-width:800px){
  .website-edition .app-shell { padding-inline: 5%; }
  body.website-edition .header { min-height: 140px; gap: 8px 14px; padding: 16px 0; }
  body.website-edition .header .brand { font-size: 21px; }
  body.website-edition .header .brand-mark { display: none; }
  body.website-edition .header .brand-subtitle { font-size: 7px; }
  body.website-edition .header .nav-button { font-size: 15px; min-height: 42px; }
  body.website-edition .header .main-nav { gap: 3px 20px; width: 100%; }
  .website-edition .world-fullscreen { min-height: 44px; font-size: 11px; }
  .website-edition .main { min-height: 0; padding: 320px 0 22px; }
  .website-edition #universe { top: 120px; height: 420px; }
  .website-edition .destination-panel { width: 100%; max-width: none; }
  .website-edition .destination-panel h1 { font-size: 55px; }
  .website-edition .destination-description { max-width: 100%; }
  .website-edition .fact-grid { max-width: none; }
  .website-edition .scene-toolbar { top: 230px; bottom: auto; right: 0; }
  .website-edition .location-badge { top: 15px; }
  .website-edition .vignette { background: linear-gradient(0deg,#050913 0%,#050913dc 35%,transparent 75%); }
  .website-edition.orbit-mode .main { min-height: 75svh; padding-top: 0; }
  .website-edition.orbit-mode #universe { height: calc(100svh - 140px); }
  .website-edition.orbit-mode .scene-toolbar { top: 65px; bottom: auto; }
  .website-edition .orbit-hint { bottom: 20px; left: 0; right: 0; max-width: none; }
  .website-edition .destination-cards { grid-auto-columns: 160px; }
  .website-edition .destination-card { height: 125px; }
  .website-edition :is(dialog,.destination-panel,.destination-card,.library-world,.sky-highlights,.sky-selection,.learning-library-card,.explorer-profile) { border-width: 12px !important; border-image-width: 12px !important; }
  .website-edition dialog:not(.book-reader) { width: 98vw; max-width: 98vw; max-height: 96svh; }
  .website-edition dialog:not(.book-reader) .dialog-top { padding: 8px 12px; }
  .website-edition .dialog-top > .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .website-edition .close-button { min-width: 44px; min-height: 44px; }
  .website-edition .dialog-fullscreen { min-height: 44px; font-size: 11px; }
  .website-edition #info-content,.website-edition #learning-content,.website-edition #explorers-content { padding-inline: 12px; }
  .website-edition #info-content { max-height: calc(94svh - 100px); }
  .website-edition .book-linked-layout { grid-template-columns: minmax(0,1fr); }
  .website-edition .learning-rail { max-width: 100%; }
  .website-edition .learning-library-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .website-edition .sky-page { padding-top: 24px; }
  .website-edition .sky-layout { display: block; }
  .website-edition .sky-stage { height: 70svh; min-height: 480px; }
  .website-edition .sky-highlights { height: auto; max-height: 380px; margin-top: 18px; }
  .website-edition .sky-stage .sky-timebar { top: 10px; left: 10px; right: 10px; max-width: 100%; }
  .website-edition .sky-screen-actions { top: 105px; left: 10px; right: 10px; max-width: none; justify-content: flex-start; gap: 6px; }
  .website-edition .sky-settings { font-size: 12px; padding: 9px 10px; min-height: 44px; }
  .website-edition .sky-view-controls { gap: 6px; padding: 10px 0; }
  .website-edition .sky-view-controls button { min-height: 44px; font-size: 13px; }
  .website-edition .sky-view-controls>span { width: 100%; font-size: 11px; }
  .website-edition .sky-city-results { grid-template-columns: 1fr; max-height: 40svh; }
  .website-edition .sky-location-content { padding: 12px; }
  .website-edition .sky-location-content>input { font-size: 16px; }
  .website-edition .sky-stage .sky-selection { left: 8px; right: 8px; width: auto; max-width: none; top: 215px; bottom: 8px; max-height: none; }
  .website-edition #catalog-world-results { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .website-edition #catalog-world-results .catalog-summary-choice { padding: 8px; }
  .website-edition #catalog-world-results .catalog-summary-choice strong { font-size: 14px; }
  .website-edition #catalog-world-results .catalog-summary-choice small { font-size: 11px; }
  .website-edition #catalog-world-results .catalog-search-facts { font-size: 12px; }
  .website-edition.sky-immersive .sky-page { top: 160px; height: calc(100svh - 160px); }
  .website-edition.sky-immersive .sky-highlights { display: none; }
  .website-edition.sky-immersive .sky-selection { max-width: none; }
  .website-edition.sky-immersive .sky-view-controls { max-width: 100%; left: 50%; bottom: 4px; }
}
@media(max-width:600px) and (orientation:portrait){
  .website-edition #reader-dialog.book-reader > .book-controls { display: grid; grid-template-columns: 44px minmax(88px,1fr) 44px; gap: 5px; width: calc(100% - 76px); }
  .website-edition #reader-dialog.book-reader #book-previous { grid-column: 1; grid-row: 1; }
  .website-edition #reader-dialog.book-reader #book-page-counter { grid-column: 2; grid-row: 1; min-width: 0; }
  .website-edition #reader-dialog.book-reader #book-next { grid-column: 3; grid-row: 1; }
  .website-edition #reader-dialog.book-reader #book-zoom-out { grid-column: 1; grid-row: 2; }
  .website-edition #reader-dialog.book-reader #book-fit { grid-column: 2; grid-row: 2; }
  .website-edition #reader-dialog.book-reader #book-zoom-in { grid-column: 3; grid-row: 2; }
  .website-edition #reader-dialog.book-reader #book-context-back:not([hidden]) { grid-column: 1 / -1; grid-row: 3; }
  .website-edition #reader-dialog.book-reader #reader-content { padding-top: 110px; }
  .website-edition #reader-dialog.book-reader:has(#book-context-back:not([hidden])) #reader-content { padding-top: 158px; }
}
@media(max-height:500px) and (orientation:landscape){
  body.website-edition .header { min-height: 100px; padding-block: 8px; }
  .website-edition #reader-dialog.book-reader #reader-content { padding-top: 58px; }
  .website-edition #reader-dialog.book-reader .book-control { min-height: 40px; }
}
.website-edition #reader-dialog.book-reader #reader-content,
.website-edition #reader-dialog.book-reader:has(#book-context-back:not([hidden])) #reader-content { padding-top: max(60px,calc(var(--website-book-controls-height,44px) + 18px)); }

.website-edition .footer{height:auto;min-height:65px;flex-wrap:wrap;gap:10px;padding-block:12px}.website-information-links{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px}.website-information-links a{display:inline-flex;align-items:center;min-height:44px;color:#e4c488;text-decoration:underline;text-underline-offset:4px}
