.learning-section{margin:28px 0;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--panel,var(--surface));color:var(--text,var(--ink))}.learning-section button{font:inherit;font-size:17px;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:10px 18px;background:var(--soft,var(--surface));color:var(--text,var(--ink));cursor:pointer}.learning-section button:disabled{opacity:.5;cursor:default}.learning-section .learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.learning-steps article{border-top:2px solid var(--accent,var(--blue));padding:18px 0}.learning-steps h3{font-size:20px}.learning-section p{font-size:18px;line-height:1.75}.guided-intro{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}.guided-actions{display:flex;gap:12px;flex-wrap:wrap}.learning-section textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;margin:12px 0;padding:14px;border-radius:10px;border:1px solid var(--line);background:var(--bg,var(--surface));color:var(--text,var(--ink));font-family:inherit;font-size:18px;line-height:1.7}.learning-section .note-privacy{font-size:15px;color:var(--muted)}.learning-section label{font-size:16px}.learning-section h3{line-height:1.5}.learning-section [hidden]{display:none!important}.symbol-guide{margin:25px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel,var(--surface))}.symbol-guide h2{font-size:24px}.symbol-table{overflow-x:auto}.symbol-table table{width:100%;border-collapse:collapse;font-size:17px;line-height:1.7}.symbol-table th,.symbol-table td{border-bottom:1px solid var(--line);padding:16px;text-align:left;vertical-align:top}.symbol-table td:first-child{min-width:135px;max-width:340px}.symbol-table td:last-child{min-width:230px}.math-inline{display:inline-block;vertical-align:middle;max-width:100%;margin:0 .15em;color:inherit}.math-inline .math-equation{display:inline-block;height:auto;max-width:100%;vertical-align:middle;min-width:0!important}.plot-key{display:flex;gap:12px 24px;flex-wrap:wrap;margin:15px 0;font-size:17px;color:var(--text,var(--ink))}.plot-key>span{display:flex;align-items:center;gap:8px}.plot-key svg{flex:none;width:42px!important;min-width:42px!important;height:16px!important;display:inline!important}.repeat-note,.repeat-summary{grid-column:1/-1;font-size:16px;line-height:1.7;color:var(--muted)}.repeat-control{margin-top:15px}.repeat-control output{font-family:Consolas,monospace}.repeat-summary p{margin:4px 0}#osc-compare-panel{margin:22px 0}#osc-compare-panel>p{font-size:17px;line-height:1.7}body[data-lab=clock] .clock-grid-scroll .lab-scene{min-width:0;width:100%;height:auto}body[data-lab=clock] .clock-frames h3{font-size:22px}body[data-lab=clock] .lab-scene text{font-size:26px}body[data-lab=clock] .clock-frames{display:grid;grid-template-columns:1fr 1fr;gap:18px}body[data-lab=clock] .lab-workspace{display:block}body[data-lab=clock] .lab-controls{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}body[data-lab=clock] .lab-controls>.lab-metrics,body[data-lab=clock] .lab-controls>h2,body[data-lab=clock] .lab-controls>.eyebrow{grid-column:1/-1}
@media(max-width:700px){.learning-section{padding:18px 14px}.learning-section .learning-steps{grid-template-columns:1fr}.symbol-guide{padding:16px 10px}.symbol-table td,.symbol-table th{padding:12px 8px}.learning-section p{font-size:17px}body[data-lab=clock] .clock-frames{gap:8px}body[data-lab=clock] .lab-stage{padding:12px 8px}body[data-lab=clock] .clock-frames h3{font-size:17px}body[data-lab=clock] .lab-controls{grid-template-columns:1fr 1fr}body[data-lab=clock] .clock-grid-scroll .lab-scene{min-width:320px}body[data-lab=clock] .clock-grid-scroll{overflow-x:auto}}

@media(max-width:700px){body[data-lab=clock] .clock-frames{grid-template-columns:1fr}body[data-lab=clock] .clock-grid-scroll .lab-scene{min-width:0}body[data-lab=clock] .lab-scene text{font-size:32px}}