.experiment-card + .experiment-card { margin-top: 24px; }
.mechanics-page .lab-heading { margin-bottom: 15px; }
.lab-intro { max-width: 780px; font-size: 13px; color: var(--muted); margin: 0 0 25px; }
.lab-siblings { display: flex; gap: 9px 18px; flex-wrap: wrap; margin-left: auto; }
.lab-siblings a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.mechanics-page .lab-controls { padding: 18px; }
.mechanics-page .parameter { margin-bottom: 13px; }
.mechanics-page .parameter-top { margin-bottom: 3px; }
.mechanics-page .number-unit input { width: 57px; }
.mechanics-page .controls-heading p { margin-bottom: 16px; }
.parameter-select { display: block; width: 100%; min-height: 36px; border: 1px solid #dce0d4; background: #fafbf8; color: #4b6040; border-radius: 3px; font: inherit; font-size: 12px; }
.mechanics-page .lab-scene { height: 332px; }
.scene-caption { margin: 0; padding: 4px 12px 13px; color: #737d69; font-size: 10px; text-align: center; background: #fafbf8; }
.lab-events { display: flex; gap: 6px; flex-wrap: wrap; padding: 0 18px 14px; }
.lab-events button { border: 1px solid #dfe3d7; border-radius: 12px; background: #fafbf8; color: #637554; padding: 3px 10px; font-size: 10px; }
.lab-events button:hover { background: #edf1e7; }
.lab-events button[aria-pressed="true"] { border-color: #9caa8c; background: #edf1e7; }
.energy-panel { border-top: 1px solid var(--line); padding: 14px 18px 8px; }
.energy-panel h2 { font-size: 12px; font-weight: 500; margin: 0; }
.energy-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.energy-heading span { font-size: 10px; color: var(--muted); }
.energy-chart { display: block; width: 100%; height: auto; }
.energy-legend { display: flex; gap: 7px 14px; flex-wrap: wrap; font-size: 10px; color: var(--muted); }
.energy-legend span, .map-legend span { display: inline-flex; align-items: center; gap: 5px; }
.energy-legend i { display: inline-block; width: 13px; border-top: 2px solid; }
.lab-challenge { padding: 22px 25px; border: 1px solid #d8ddcc; border-left: 3px solid #9caa81; background: #f7f8f3; margin: 26px 0; border-radius: 4px; }
.lab-challenge h2 { margin-bottom: 8px; font-size: 17px; font-weight: 500; }
.lab-challenge p { font-size: 12px; color: var(--muted); margin-bottom: 12px; }
.lab-challenge .challenge-answer { color: #516544; font-variant-numeric: tabular-nums; }
.lab-challenge button { font-size: 12px; padding: 7px 12px; }
.lab-map { border: 1px solid var(--line); border-radius: 4px; padding: 18px 24px; }
.lab-map summary { font-size: 15px; }
.lab-map p { font-size: 11px; color: var(--muted); margin: 12px 0 0; }
.phase-map { display: block; width: 100%; max-height: 330px; margin-top: 6px; touch-action: manipulation; cursor: crosshair; }
.phase-map:focus-visible { outline: 2px solid #87986e; outline-offset: 3px; }
.map-legend { display: flex; justify-content: center; flex-wrap: wrap; gap: 9px 18px; font-size: 11px; color: var(--muted); }
.map-legend i { display: inline-block; width: 11px; height: 11px; border-radius: 2px; }
.map-boundary { fill: none; stroke: #566b88; stroke-width: 1.8; }
.map-optimum { stroke: #747653; stroke-width: 1.5; stroke-dasharray: 5 4; }
.scene-note { font-size: 10px; fill: #7a816f; }
.lab-switcher { position: relative; margin-left: auto; font-size: 12px; }
.lab-switcher summary { cursor: pointer; color: #637554; }
.lab-switcher > div { position: absolute; z-index: 10; right: 0; top: 27px; width: 208px; padding: 10px; display: grid; gap: 2px; background: #fafbf7; border: 1px solid #d9dfd0; border-radius: 5px; box-shadow: 0 7px 24px #34452818; }
.lab-switcher a { padding: 7px 9px; border-radius: 3px; }
.lab-switcher a:hover, .lab-switcher a[aria-current] { background: #e9efdf; color: #536845; }
.lab-switcher:not([open]) > div { display: none; }
@media (max-width: 1050px) { .lab-siblings { margin-left: 0; } .mechanics-page .lab-readouts output { font-size: 15px; } }
@media (max-width: 850px) {
  .mechanics-page .lab-controls { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 22px; }
  .mechanics-page .lab-presets { grid-column: auto; }
  .mechanics-page .lab-options { align-content: center; }
}
@media (max-width: 650px) {
  .lab-breadcrumb { gap: 8px 12px; }
  .lab-siblings { width: 100%; font-size: 11px; gap: 14px; }
  .mechanics-page .lab-controls { grid-template-columns: minmax(0, 1fr); }
  .mechanics-page .lab-scene { height: 306px; }
  .mechanics-page .lab-readouts output { font-size: 13px; }
  .lab-challenge, .lab-map { padding: 17px; }
  .lab-challenge h2 { font-size: 15px; }
  .lab-events { padding-inline: 11px; }
  .energy-panel { padding-inline: 11px; }
  .energy-heading { flex-wrap: wrap; }
  .energy-legend { gap: 6px 10px; }
  .energy-chart .scene-label, .phase-map .scene-label { font-size: 16px; }
  .phase-map { width: calc(100% + 20px); margin-inline: -10px; }
}