.earthlab-side .lab-card { padding: 21px; }
.earthlab-side .lab-card h2 { font-size: 20px; margin-top: 11px; }
.earthlab-views { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin: 16px 0; }
.earthlab-views button { display: flex; align-items: center; justify-content: center; gap: 7px; padding: 10px 7px; border: 1px solid #3b515b; border-radius: 6px; color: #b1c8cc; font-size: 12px; }
.earthlab-views button .icon { width: 16px; height: 16px; }
.earthlab-views button[aria-pressed='true'] { color: #c6efd9; border-color: #679b82; background: #254235; }
.earthlab-now { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 7px; padding: 15px 16px; background: #171f22; border: 1px solid #5b4d32; border-radius: 7px; }
.earthlab-now > span:first-child { font-size: 12px; color: #d2c3a4; }
.earthlab-now strong { font-weight: 500; color: #f2ce8d; font-size: 25px; font-variant-numeric: tabular-nums; }
.earthlab-now > span:last-child { grid-column: 1 / -1; font-size: 11px; color: #a49782; }
.earthlab-location-label { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 18px 0 14px; color: #aebfc5; font-size: 12px; }
.earthlab-location-label select { min-width: 145px; max-width: 65%; }
.earthlab-location-readout { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; font-size: 11px; color: #99b7c1; }
.earthlab-location-readout b { font-weight: 500; }
.earthlab-location-readout > span { color: #b5ace2; }
.earthlab-location-readout > span[data-day='true'] { color: #e8c488; }
.earthlab-local { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 9px; margin: 17px 0 9px; }
.earthlab-local dt { font-size: 11px; color: #8ba6af; margin-bottom: 8px; }
.earthlab-local dd { font-size: 19px; font-variant-numeric: tabular-nums; color: #c3dfd4; margin: 0; overflow-wrap: anywhere; }
.earthlab-small-copy { margin: 8px 0 0; }
.earthlab-layers { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 10px; margin: 15px 0 18px; }
.earthlab-layers label { display: flex; gap: 8px; align-items: center; cursor: pointer; color: #b4cad0; font-size: 12px; min-height: 30px; }
.earthlab-layers input { accent-color: #94cfae; width: 15px; height: 15px; flex: none; cursor: pointer; }
.earthlab-line-legend { display: flex; flex-wrap: wrap; gap: 10px 14px; color: #90a9b3; font-size: 10px; padding-top: 13px; border-top: 1px solid #30414b; line-height: 1.5; }
.earthlab-line-legend i { display: inline-block; width: 14px; height: 2px; vertical-align: middle; margin-right: 6px; }
.earthlab-line-legend .is-equator { background: #83e5c2; }
.earthlab-line-legend .is-tropic { background: #efc174; }
.earthlab-line-legend .is-polar { background: #b9adf4; }
.earthlab-line-legend .is-terminator { background: #d6eaf0; }
.earthlab-line-legend abbr { cursor: help; text-decoration: underline dotted; text-underline-offset: 3px; }
.earthlab-zone { padding: 14px 0 0; font-size: 11px; color: #b0c9c1; line-height: 1.85; }
.earthlab-zone b { font-weight: 500; font-size: 12px; color: #c1d8cf; }
.earthlab-zone p { color: #92aeb8; margin: 5px 0; }
.earthlab-zone > span { color: #9bc4ae; font-size: 10px; }
.earthlab-zone-legend { display: grid; grid-template-columns: repeat(5, 1fr); overflow: hidden; margin-top: 17px; border-radius: 4px; font-size: 10px; text-align: center; }
.earthlab-zone-legend span { background: #534567; color: #e1dbea; padding: 5px 1px; }
.earthlab-zone-legend span:nth-child(2), .earthlab-zone-legend span:nth-child(4) { background: #365548; color: #d3e7df; }
.earthlab-zone-legend span:nth-child(3) { background: #6d5732; color: #f5e2bf; }
.earthlab-below { display: grid; gap: 20px; }
.earthlab-calendar-heading { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; }
.earthlab-calendar { border-width: 1px 0 0; border-radius: 0; padding: 14px 20px; }
.earthlab-calendar-heading h2 { font-size: 17px; margin: 5px 0; }
.earthlab-calendar-heading output { color: #c3dace; font-size: 14px; font-variant-numeric: tabular-nums; }
.earthlab-time-fields { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin: 8px 0 13px; font-size: 12px; color: #a6bec8; }
.earthlab-time-fields label { display: flex; align-items: center; gap: 10px; }
.earthlab-time-fields input { color-scheme: dark; color: #d3e3db; background: #10232a; border: 1px solid #405b65; border-radius: 5px; padding: 6px 8px; font: inherit; }
.earthlab-time-fields > span { margin-left: auto; font-size: 11px; color: #829da8; }
.earthlab-calendar input[type='range'] { display: block; width: 100%; margin: 14px 0 10px; }
.earthlab-months { display: flex; justify-content: space-between; margin: 0 0 12px; font-size: 11px; color: #87a3ae; }
.earthlab-calendar-actions { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.earthlab-seasons { display: flex; gap: 8px; }
.earthlab-seasons button { display: flex; align-items: center; gap: 8px; padding: 10px 13px; color: #bbcad1; border: 1px solid #3d515d; border-radius: 5px; font-size: 12px; }
.earthlab-seasons button small { font-size: 10px; color: #859eaa; }
.earthlab-seasons button[aria-pressed='true'] { color: #e0d7f4; background: #302c45; border-color: #87789e; }
.earthlab-seasons button[aria-pressed='true'] small { color: #c2b4dc; }
.earthlab-playback { display: flex; align-items: center; gap: 10px; }
.earthlab-playback .play-button { width: 37px; height: 35px; border-radius: 5px; }
.earthlab-playback .icon-button { width: 30px; height: 34px; }
.earthlab-speeds { display: flex; gap: 3px; }
.earthlab-speeds button { padding: 7px 9px; border-radius: 4px; font-size: 11px; color: #95aeb8; }
.earthlab-speeds button[aria-pressed='true'] { background: #2c4039; color: #d2ebdd; }
.earthlab-calendar > .lab-note { font-size: 10px; margin: 10px 0 0; line-height: 1.6; }
.earthlab-evidence { display: grid; grid-template-columns: 1.06fr 1fr; gap: 20px; min-width: 0; }
.earthlab-chart { display: block; width: 100%; height: auto; margin: 24px 0 0; overflow: visible; }
.earthlab-chart text { fill: #9eb5bf; font-family: inherit; font-size: 11px; }
.earthlab-chart-grid { stroke: #33464f; stroke-dasharray: 4 5; }
.earthlab-chart-curve { stroke: #efc174; stroke-width: 2.5; fill: none; }
.earthlab-chart-pointer { stroke: #adbbb4; stroke-width: 1; stroke-dasharray: 3 4; }
.earthlab-chart-dot { fill: #efc174; stroke: #20272c; stroke-width: 2; }
.earthlab-compare-select { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #9db4bf; font-size: 12px; }
.earthlab-compare-select select { max-width: 53%; min-width: 122px; }
.earthlab-comparison { display: grid; grid-template-columns: 1fr 1fr; margin-top: 17px; gap: 12px; }
.earthlab-comparison article { padding: 14px; min-width: 0; background: #102027; border: 1px solid #324a50; border-radius: 7px; }
.earthlab-comparison article:nth-child(2) { border-color: #47435e; }
.earthlab-comparison h3 { font-size: 16px; margin: 0; color: #c4e4d2; }
.earthlab-comparison article:nth-child(2) h3 { color: #c6bce6; }
.earthlab-comparison article > p { margin: 3px 0 14px; font-size: 11px; color: #9eb3bd; }
.earthlab-comparison dl { display: grid; gap: 10px; margin: 0; }
.earthlab-comparison dt { color: #8da9b4; font-size: 10px; margin-bottom: 4px; }
.earthlab-comparison dd { color: #d4e4df; font-size: 20px; font-variant-numeric: tabular-nums; margin: 0; }
.earthlab-comparison dd small { font-size: 10px; color: #9bafb7; }
.earthlab-daybar { height: 5px; border-radius: 4px; margin: 16px 0 9px; background: linear-gradient(to right, #ceaf70 0 var(--day), #77759c var(--day) 100%); }
.earthlab-daybar[data-state='horizon'] { background: #849da7; }
.earthlab-polar-state { color: #a2b7c1; font-size: 10px; line-height: 1.5; display: block; }
.earthlab-investigate { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.earthlab-investigate .secondary-button { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; margin: 12px 0; }
.earthlab-investigate .secondary-button .icon { width: 16px; }
.earthlab-investigate b { color: #bfd7ca; font-weight: 500; }
.earthlab-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.earthlab-gold-label { color: #f4d399; border-color: #a6814380; background: #282416e6; }
@media (min-width: 851px) {
  body[data-chapter='earth'] .simulation-panel { position: sticky; top: 12px; }
  body[data-chapter='earth'] .viewport { height: min(52vh, 430px); min-height: 300px; }
}
@media (max-width: 850px) {
  .earthlab-side { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
  .earthlab-evidence { grid-template-columns: 1fr; }
  .earthlab-investigate { grid-template-columns: 1fr; gap: 5px; }
  .earthlab-time-fields > span { margin-left: 0; }
}
@media (max-width: 650px) {
  .earthlab-side { grid-template-columns: 1fr; }
  .earthlab-below { gap: 15px; }
  .earthlab-calendar-heading { gap: 4px; }
  .earthlab-calendar-heading output { font-size: 12px; }
  .earthlab-time-fields { gap: 11px; }
  .earthlab-time-fields label { gap: 6px; font-size: 11px; }
  .earthlab-time-fields input { padding: 8px 6px; font-size: 11px; min-width: 0; }
  .earthlab-time-fields > span { width: 100%; font-size: 10px; }
  .earthlab-months { font-size: 9px; }
  .earthlab-seasons { gap: 5px; width: 100%; }
  .earthlab-seasons button { flex: 1; flex-direction: column; padding: 9px 7px; gap: 4px; }
  .earthlab-playback { gap: 6px; width: 100%; justify-content: space-between; }
  .earthlab-speeds { margin-left: auto; }
  .earthlab-speeds button { padding: 8px 8px; }
  .earthlab-comparison { gap: 8px; }
  .earthlab-comparison article { padding: 12px; }
  .earthlab-comparison dd { font-size: 18px; }
  .earthlab-chart text { font-size: 13px; }
  .earthlab-evidence { gap: 15px; }
  .earthlab-local dd { font-size: 18px; }
  .earthlab-line-legend, .earthlab-zone > span { font-size: 11px; }
}