/* PaléoLab presentation layer. No shared Atlas styles or scientific paths are changed. */
.paleo-page {
  --lab:#102c3d;
  --lab-text:#f1f7f5;
  --lab-muted:#b4cdd2;
  --lab-line:#3f6170;
  --signal:#74d9c5;
  --page-surface:rgba(247,250,248,.97);
  --page-surface-line:rgba(199,217,212,.82);
  min-height:100vh;
  color:var(--lab-text);
  background-color:#0b222e;
  background-image:radial-gradient(circle at 50% -10%,#446f791f,transparent 58%),linear-gradient(180deg,#071e2c40 0,#092332b8 570px,#0b222e 960px);
  background-position:center;
  background-repeat:no-repeat;
  background-attachment:fixed
}
@media(min-width:541px) {
  .paleo-page {
    background-image:radial-gradient(circle at 50% -10%,#6d9fa526,transparent 58%),linear-gradient(180deg,#061a273d 0,#082230b8 560px,#0b222e 960px),url('./page-background-v1.webp');
    background-size:100% 100%,100% 100%,max(1180px,100vw) auto;
    background-position:center,center,top center;
    background-repeat:no-repeat;
    background-attachment:fixed
  }
}
.paleo-main {max-width:1380px;padding:20px 32px}
.paleo-page .atlas-masthead {padding:13px 32px;color:#eff7f6;background:#081f2bd9;border-bottom-color:#54717a80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.paleo-page .atlas-brand {color:#f5faf9}
.paleo-intro {margin-bottom:22px}
.paleo-intro .atlas-breadcrumb {font-size:12px;margin:0 0 12px;color:#bfd0d3}
.paleo-intro .paleo-eyebrow {color:#8de4d4}
.paleo-intro h1,.paleo-intro .paleo-lead {color:#f6faf9;text-shadow:0 2px 18px #041722b8}
.paleo-heading {gap:34px}
.paleo-page h1 {font-size:clamp(36px,4vw,54px);line-height:1.1;letter-spacing:-.055em;margin:2px 0}
.paleo-page h1>span {color:var(--accent)}
.paleo-lead {max-width:510px;margin:0!important;font-size:16px;line-height:1.5}
.paleo-free {padding:7px 12px;font-size:12px;color:#edf8f6;border-color:#89aaa9;background:#0c2b389e}
.paleo-workspace {border:1px solid #284c5c;border-radius:22px;background:var(--lab);color:var(--lab-text);box-shadow:0 14px 44px #1835481a}
.paleo-workspace button,.paleo-result button {color:var(--lab-text);border-color:var(--lab-line);background:#1a3b4d}
.paleo-workspace button:hover,.paleo-result button:hover {background:#285464;border-color:#83b7b8}
.paleo-workspace button:disabled {opacity:.5}
.paleo-scene-heading {padding:14px 22px;font-size:13px;background:var(--lab)}
.paleo-scene-title {display:flex;align-items:center;gap:10px}
.paleo-scene-symbol {display:grid;place-items:center;border:1px solid #47747b;border-radius:8px;color:var(--signal);width:30px;height:30px;font-size:22px;font-weight:400}
.paleo-camera {gap:5px}
.paleo-camera button {font-size:12px;padding:4px 10px;min-height:38px;background:transparent}
.paleo-scene {background-color:var(--lab);background-image:linear-gradient(#102c3d24,#102c3d45),url('./backdrop-v1.webp');background-size:cover;background-position:center; background-repeat:no-repeat;max-height:560px;scrollbar-color:#527d89 #102c3d}
/* Decorative scenery has no physical scale and stays separate from the SVG camera. */
.paleo-scene>.paleo-scene-svg>.paleo-backdrop {fill:transparent}
.paleo-backdrop-note {display:inline-block;margin-left:6px}
.paleo-scene .paleo-specimen {cursor:default}
.paleo-scene .paleo-specimen[role=button] {cursor:pointer}
.paleo-specimen:focus-visible>g {filter:none}
.paleo-specimen .paleo-material {transition:filter .18s,opacity .2s}
.paleo-specimen[role=button]:hover .paleo-material {filter:drop-shadow(0 0 3px #9ce5d940)}
.paleo-specimen.is-selected .paleo-material {filter:drop-shadow(0 0 5px #9ce5d980)}
.paleo-specimen:focus-visible .paleo-material {filter:drop-shadow(0 0 2px white) drop-shadow(0 0 7px #74d9c5)}
.paleo-specimen.is-excluded .paleo-material {opacity:.3}
.paleo-page .paleo-scene-note {font-size:11px;margin:8px 22px;color:var(--lab-muted)}
.paleo-can-scroll .paleo-scroll-hint {color:#e6b77d}
.paleo-inspector {display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 22px;padding:12px 16px;border:1px solid #6b9993;border-radius:10px;background:#1b424e}
.paleo-inspector strong {font-size:16px;margin-right:14px}
.paleo-inspector span {color:#d9e9e8;font-size:14px}
.paleo-inspector small {display:block;color:#c0d5d8;font-size:12px;margin-top:4px}
.paleo-inspector button {flex-shrink:0;font-size:13px}
.paleo-toolbar {padding:14px 22px}
.paleo-toolbar button {font-size:14px;min-height:46px}
.paleo-toolbar button>span {font-size:18px;padding:0 3px}
.paleo-workspace .paleo-primary,.paleo-result .paleo-primary {background:var(--signal);border-color:var(--signal);color:#0b302f}
.paleo-workspace .paleo-primary:hover,.paleo-result .paleo-primary:hover {background:#a1ebd8;border-color:#a1ebd8}
.paleo-lineup {gap:12px;padding:10px 22px 14px}
.paleo-lineup>div {padding:0 12px;border-left:2px solid #739b9f}
.paleo-lineup>[data-tone='0'],.paleo-time-key>[data-tone='0'] {border-color:#74d9c5}
.paleo-lineup>[data-tone='1'],.paleo-time-key>[data-tone='1'] {border-color:#e6b77d}
.paleo-lineup>[data-tone='2'],.paleo-time-key>[data-tone='2'] {border-color:#91b6ed}
.paleo-lineup>[data-tone='3'],.paleo-time-key>[data-tone='3'] {border-color:#c7a4de}
.paleo-lineup>[data-tone='4'],.paleo-time-key>[data-tone='4'] {border-color:#b3d58d}
.paleo-lineup>div.is-selected {background:#214655;border-radius:0 8px 8px 0}
.paleo-lineup .paleo-name {border:0;background:none;text-decoration:none}
.paleo-lineup .paleo-name:hover {text-decoration:underline;background:none}
.paleo-lineup .paleo-name:disabled {opacity:1;color:inherit}
.paleo-lineup>div>span {color:var(--lab-muted)}
.paleo-order {margin-top:7px}
.paleo-order button {font-size:11px;min-height:32px;padding:2px 8px;background:transparent;border-color:#426070}
.paleo-page .paleo-drawing-note {font-size:11px;color:var(--lab-muted);margin:2px 22px 14px}
.paleo-secondary {gap:7px;align-items:center;padding:13px 22px;border-top:1px solid #345564;background:#0d2635}
.paleo-secondary button {font-size:12px;padding:7px 11px;min-height:38px;background:transparent}
.paleo-secondary [data-action=challenge] {border-color:#74d9c5;color:#9ce5d9}
.paleo-secondary .paleo-motion-control {margin-left:auto;border:0;color:var(--lab-muted);font-size:11px;text-decoration:underline;text-underline-offset:4px}
.paleo-result {padding:28px;border:1px solid #456674;border-radius:18px;background:var(--lab);color:var(--lab-text);overflow:hidden}
.paleo-result h2 {margin:4px 0 14px;font-size:28px}
.paleo-result .paleo-eyebrow,.paleo-task .paleo-eyebrow {color:var(--signal)}
.paleo-result>svg {max-height:370px}
.paleo-time-direction {display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--lab-muted);margin:24px 0 16px;gap:12px}
.paleo-time-direction>span:first-child,.paleo-time-direction>span:last-child {flex-shrink:0}
.paleo-gap-caption {color:#f3c998;border-left:2px solid #e6b77d;padding:4px 12px;font-size:16px}
.paleo-time-key {display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));list-style-position:inside;gap:14px;padding:0;margin:22px 0;font-size:14px}
.paleo-time-key li {border-left:2px solid #88b5bd;padding-left:12px;min-width:0}
.paleo-time-key button {border:0;min-height:32px;padding:0 3px;background:none;text-decoration:underline;text-underline-offset:4px}
.paleo-time-key span {display:block;font-size:12px;color:var(--lab-muted);margin-top:6px}
.paleo-time-row {animation:paleo-time-reveal .65s ease both}
.paleo-time-row:nth-of-type(2) {animation-delay:.07s}
.paleo-time-row:nth-of-type(3) {animation-delay:.14s}
.paleo-gap-trace {animation:paleo-gap .7s ease .22s both}
.paleo-overlap {animation:paleo-overlap .6s ease .25s both}
.paleo-task {padding:22px 24px 16px;background:linear-gradient(100deg,#193f4e,#102c3d);border-bottom:1px solid #335a66}
.paleo-task h2 {font-size:28px;line-height:1.25}
.paleo-task>p:last-child {color:#c1d6d9;font-size:14px}
.paleo-answer-form {padding:12px 22px 22px}
.paleo-choices {gap:10px;margin:12px 0 18px}
.paleo-choices label {gap:9px;border-color:#64838e;border-radius:10px;padding:11px 15px;background:#153646}
.paleo-choices input {accent-color:#74d9c5;flex-shrink:0}
.paleo-choices label:has(input:checked) {background:#245656;border-color:#a1ebd8;box-shadow:inset 0 0 0 1px #a1ebd8}
.paleo-choices label:has(input:focus-visible) {outline:3px solid #e6b77d;outline-offset:3px}
.paleo-discover,.paleo-guided,.paleo-reading,.paleo-next {color:#183548;background:var(--page-surface);border:1px solid var(--page-surface-line);box-shadow:0 18px 54px #03141f40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.paleo-discover {gap:28px;margin:30px 0 0;padding:30px;border-radius:20px}
.paleo-discover h2 {font-size:28px}
.paleo-picks button {font-size:13px}
.paleo-discover #paleo-inquiries {padding-top:20px}
.paleo-guided {margin:28px 0;padding:26px 30px;border-radius:18px}
.paleo-reading {max-width:900px;margin:28px 0;padding:28px 32px;border-radius:18px}
.paleo-next {max-width:900px;margin:28px 0 0;padding:25px 32px;border-radius:18px}
.paleo-footer {margin-top:22px;color:#d6e6e6;border-top-color:#56727a80}
#paleo-status {color:#dcebea}
.paleo-workspace .paleo-muted,.paleo-result .paleo-muted {color:var(--lab-muted)}
.paleo-page dialog {border-radius:20px;width:min(790px,calc(100vw - 24px))}
.paleo-page dialog[open] {animation:paleo-enter .2s ease}
.paleo-page dialog::backdrop {background:#0a1f2ed9}
.paleo-notice-visual {margin:16px 0 22px;padding:12px 20px;background:radial-gradient(ellipse at 60% 70%,#234e5c,#102c3d);border-radius:14px;color:#c4d8dc;text-align:center}
.paleo-notice-visual svg {width:100%;height:195px;display:block}
.paleo-notice-visual figcaption {font-size:12px;padding-top:10px}
.paleo-facts {background:#edf2ef;border-radius:10px}
.paleo-add-grid img {background:#183d4b;border-radius:7px;padding:5px}
.paleo-inquiry {padding:10px 22px 24px}
.paleo-investigation-heading {display:flex;justify-content:space-between;align-items:center;color:#b4cdd2;font-size:12px}
.paleo-investigation-heading .paleo-eyebrow {color:var(--signal);font-size:14px}
.paleo-inquiry fieldset {margin-top:24px}
.paleo-inquiry legend {font-size:20px;font-weight:600}
.paleo-inquiry-clues {grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;list-style:none;margin:14px 0 18px}
.paleo-inquiry-clues li {padding:16px;border-color:#527d85;border-radius:12px;background:linear-gradient(130deg,#224957,#173a4b)}
.paleo-clue-heading {display:flex;align-items:center;gap:10px}
.paleo-clue-number {font-size:12px;font-variant-numeric:tabular-nums;color:#98c4c4;letter-spacing:.12em}
.paleo-clue-visual {display:flex;align-items:center;gap:16px;padding:22px 0;color:#a3edda}
.paleo-clue-visual svg {flex-shrink:0}
.paleo-clue-visual span {font-size:24px;font-weight:600;line-height:1.25}
.paleo-inquiry-clues button {font-size:12px;margin-top:8px}
.paleo-page .paleo-inquiry .paleo-choices {grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.paleo-inquiry .paleo-choices label {align-items:stretch;padding:12px;max-width:none}
.paleo-inquiry .paleo-choices label>span:not(.paleo-candidate-media) {font-size:14px}
.paleo-candidate-media {display:block!important;width:100%;height:96px;margin-bottom:8px}
.paleo-candidate-media svg {width:100%;height:100%}
.paleo-excluded {background:#183643!important}
.paleo-excluded .paleo-candidate-media {opacity:.35}
.paleo-excluded small {line-height:1.5;color:#c2d6d9}
.paleo-key-path {font-size:12px;color:#a3d5cb}
.paleo-exclusions li {margin:18px 0}
.paleo-playing .paleo-lineup {padding-top:2px;padding-bottom:8px}
.paleo-projection .paleo-secondary .paleo-motion-control {display:block!important}
.paleo-projection {background:#071f2c;background-image:none}
.paleo-projection .paleo-main {padding-bottom:140px}
.paleo-projection .paleo-secondary {position:fixed;right:16px;bottom:16px;z-index:5;max-width:calc(100vw - 32px);border:1px solid #64838e;border-radius:12px;box-shadow:0 6px 24px #081e2b66}
.paleo-workspace :focus-visible,.paleo-result :focus-visible {outline-color:#f3cc96!important}
.paleo-arriving {animation:paleo-scan .55s cubic-bezier(.2,.6,.2,1) both}
.paleo-enter {animation:paleo-enter .35s ease both}
@keyframes paleo-scan {from {clip-path:inset(0 100% 0 0);opacity:.3} to {clip-path:inset(0);opacity:1}}
@keyframes paleo-enter {from {opacity:.3;translate:0 7px} to {opacity:1;translate:0 0}}
@keyframes paleo-time-reveal {from {clip-path:inset(0 100% 0 0)} to {clip-path:inset(0)}}
@keyframes paleo-gap {from {stroke-dasharray:1;stroke-dashoffset:1} to {stroke-dasharray:1;stroke-dashoffset:0}}
@keyframes paleo-overlap {from {opacity:0} to {opacity:1}}
@media(max-width:1100px) {
  .paleo-free {display:none}
  .paleo-main {padding:18px 24px}
  .paleo-secondary .paleo-motion-control {margin-left:0}
}
@media(max-width:800px) {
  .paleo-main {padding:14px 16px}
  .paleo-page .atlas-masthead {padding:12px 18px}
  .paleo-intro {margin-bottom:16px}
  .paleo-heading {display:flex;gap:20px}
  .paleo-page h1 {font-size:40px}
  .paleo-lead {font-size:14px;max-width:330px}
  .paleo-scene-heading {padding:10px 14px}
  .paleo-scene-title {gap:7px;font-size:12px}
  .paleo-scene-symbol {display:none}
  .paleo-camera {gap:4px}
  .paleo-camera button {padding:4px 8px}
  .paleo-toolbar {padding:12px 14px;gap:8px}
  .paleo-toolbar button {font-size:13px;padding:8px 10px}
  .paleo-toolbar .paleo-primary {flex-basis:auto}
  .paleo-lineup {gap:6px;padding:8px 14px 12px}
  .paleo-lineup>div {padding:0 7px}
  .paleo-lineup .paleo-name {font-size:13px}
  .paleo-order button {padding:2px 7px}
  .paleo-page .paleo-scene-note,.paleo-page .paleo-drawing-note {margin-left:14px;margin-right:14px}
  .paleo-secondary {padding:12px 14px;gap:7px}
  .paleo-secondary button {font-size:11px;padding:6px 9px}
  .paleo-task {padding:16px}
  .paleo-task h2 {font-size:24px}
  .paleo-result {padding:20px 16px}
  .paleo-result h2 {font-size:24px}
  .paleo-answer-form {padding:12px 14px}
  .paleo-time-key {grid-template-columns:1fr}
  .paleo-time-direction {font-size:11px;flex-wrap:wrap;row-gap:4px}
  .paleo-time-direction>span:nth-child(2) {order:3;width:100%}
  .paleo-inspector {margin:10px 14px;align-items:flex-start;flex-wrap:wrap}
  .paleo-inspector span {display:block}
  .paleo-inquiry {padding:8px 14px 20px}
  .paleo-inquiry-clues {grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
  .paleo-clue-visual span {font-size:22px}
  .paleo-page .paleo-inquiry .paleo-choices {grid-template-columns:repeat(2,minmax(0,1fr))}
  .paleo-inquiry .paleo-choices label>span:not(.paleo-candidate-media) {font-size:12px}
  .paleo-inquiry .paleo-choices input {width:16px;height:16px}
  .paleo-discover {padding:24px}
  .paleo-guided {padding:22px 24px}
  .paleo-reading,.paleo-next {padding:24px}
}
@media(max-width:540px) {
  .paleo-heading {display:block}
  .paleo-page h1 {font-size:38px}
  .paleo-lead {max-width:none;margin-top:10px!important;line-height:1.45}
  .paleo-intro .atlas-breadcrumb {font-size:11px;margin-bottom:9px}
  .paleo-intro .paleo-eyebrow {font-size:10px;margin:4px 0}
  .paleo-workspace {border-radius:16px}
  .paleo-scene-title {max-width:125px;font-size:11px;line-height:1.4}
  .paleo-camera button {font-size:11px;min-height:36px}
  .paleo-camera button:first-child,.paleo-camera button:nth-child(2) {min-width:32px}
  .paleo-page .paleo-scene-note {font-size:10px}
  .paleo-toolbar .paleo-primary {flex-basis:100%}
  .paleo-toolbar button {font-size:12px}
  .paleo-lineup .paleo-name {font-size:11px;min-height:32px}
  .paleo-lineup>div>span {font-size:10px;line-height:1.4}
  .paleo-lineup>div {padding:0 5px}
  .paleo-order button {min-width:32px;min-height:32px}
  .paleo-page .paleo-drawing-note {font-size:10px}
  .paleo-inquiry-clues {grid-template-columns:1fr}
  .paleo-candidate-media {height:72px}
  .paleo-playing h1 {font-size:30px}
  .paleo-playing .paleo-intro {margin-bottom:10px}
  .paleo-playing .paleo-task {padding:14px}
  .paleo-playing .paleo-task h2 {font-size:22px}
  .paleo-playing .paleo-task p {font-size:13px;line-height:1.4}
  .paleo-discover,.paleo-guided,.paleo-reading,.paleo-next {border-radius:14px;box-shadow:0 12px 34px #03141f38}
  .paleo-discover {margin-top:22px;padding:20px}
  .paleo-guided {margin:22px 0;padding:20px}
  .paleo-reading {margin:22px 0;padding:20px}
  .paleo-next {margin-top:22px;padding:20px}
}
:root[data-paleo-motion=off] .paleo-page * {animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce) {
  .paleo-page * {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media(forced-colors:active) {
  .paleo-page {color:CanvasText;background:Canvas;background-image:none}
  .paleo-page .atlas-masthead,.paleo-discover,.paleo-guided,.paleo-reading,.paleo-next {color:CanvasText;background:Canvas;border-color:CanvasText;backdrop-filter:none}
  .paleo-intro h1,.paleo-intro .paleo-lead,.paleo-intro .atlas-breadcrumb {color:CanvasText;text-shadow:none}
}
@media print {
  .paleo-page {color:#111;background:white;background-image:none}
  .paleo-discover,.paleo-guided,.paleo-reading,.paleo-next {color:#111;background:white;border:0;box-shadow:none;backdrop-filter:none}
}