.phenomena-page .lab-heading { margin-bottom:12px; }
.phenomena-page .lab-controls { padding:18px; }
.phenomena-page .parameter { margin-bottom:13px; }
.phenomena-page .parameter-top { flex-wrap:wrap; margin-bottom:3px; }
.phenomena-page .parameter-top label { white-space:normal; }
.phenomena-page .controls-heading p { margin-bottom:16px; }
.phenomena-scene { display:block; width:100%; height:370px; background:#fafbf8; touch-action:manipulation; }
.phenomena-page .lab-readouts { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:14px; }
.phenomena-page .lab-readouts > div:nth-child(2) { border-right:0; }
.phenomena-page .lab-readouts output { font-size:17px; }
.experiment-info { font-size:11px; color:#657853; margin:0; padding:12px 16px; line-height:1.8; background:#f4f7ee; border-top:1px solid var(--line); }
.measurement-panel { border-top:1px solid var(--line); padding:16px 18px; }
.measurement-panel h2 { font-size:14px; font-weight:500; margin:0 0 5px; }
.measurement-panel > p { font-size:10px; color:var(--muted); margin:0; }
.measurement-chart { display:block; width:100%; height:auto; touch-action:manipulation; }
.measurement-chart.interactive { cursor:crosshair; }
.measurement-chart:focus-visible { outline:2px solid #8d9c79; }
.observation-panel { margin-top:25px; padding:22px 25px; border:1px solid var(--line); border-radius:5px; }
.observation-panel h2, .record-heading h2 { font-size:17px; font-weight:500; margin:0 0 12px; }
.observation-panel ol { padding-left:22px; margin:0; display:grid; gap:9px; color:var(--muted); font-size:13px; }
.record-panel { margin:25px 0; border:1px solid var(--line); border-radius:5px; padding:20px; }
.record-heading { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:12px; }
.record-heading h2 { margin:0 auto 0 0; }
.record-heading .button { min-height:34px; font-size:11px; padding:6px 10px; }
.record-scroll { overflow-x:auto; }
.record-panel table { width:100%; border-collapse:collapse; text-align:left; font-size:11px; }
.record-panel th, .record-panel td { padding:9px; border-bottom:1px solid var(--line); min-width:75px; font-weight:400; vertical-align:top; }
.record-panel td.conditions { min-width:180px; max-width:300px; line-height:1.7; color:var(--muted); }
.record-panel .record-empty { color:var(--muted); font-size:12px; margin:12px 0 0; }
.record-panel caption { text-align:left; font-size:10px; color:var(--muted); margin-bottom:10px; }
.phenomena-page [hidden] { display:none !important; }
@media(max-width:850px) { .phenomena-page .lab-controls { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; } }
@media(max-width:650px) { .phenomena-page .lab-controls { grid-template-columns:1fr; } .phenomena-scene { height:340px; } .measurement-panel { padding-inline:10px; } .phenomena-page .lab-readouts output { font-size:15px; } .observation-panel,.record-panel { padding:18px; } }