.input-flow-step{font-weight:700;font-size:13px;color:var(--cl-muted,#536860);margin:0 0 10px}.input-flow-edit{border-color:#9bbad9!important;color:#174e82!important;background:#f0f6fd!important;font-weight:700}.input-flow-next{padding:16px 0 4px;margin-top:14px;border-top:1px solid #d2ded8}.input-flow-next-title{margin:0 0 10px;font-weight:700}.input-flow-edit-primary,.input-flow-show{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border:1px solid #174e82;border-radius:8px;background:#174e82;color:#fff;font:700 14px/1.5 system-ui,sans-serif;cursor:pointer;box-sizing:border-box;white-space:normal;text-align:center}.input-flow-edit-primary:hover,.input-flow-show:hover{background:#0e3b67}.input-flow-edit-primary:focus-visible,.input-flow-show:focus-visible{outline:3px solid #d58a29;outline-offset:3px}.input-flow-show:disabled{opacity:.55;cursor:wait}.input-flow-lead{font-size:13px;line-height:1.7;margin:6px 0 16px}.input-flow-return{position:sticky;bottom:8px;z-index:3;margin-top:20px;padding:12px;border:1px solid #a7c1db;border-radius:9px;background:var(--cl-surface,#fff);box-shadow:0 3px 12px #173f3c15}.input-flow-return .input-flow-show{width:100%}.input-flow-status{font-size:12px;line-height:1.65;margin:7px 0 0;min-height:1.65em;color:var(--cl-muted,#536860)}.input-flow-return[data-invalid=true] .input-flow-status{color:#9b3c20}#daily-details>summary{font-weight:700;color:#174e82}#daily-details[open]{border-color:#9bbad9}.playbar .input-flow-edit{font-size:13px;padding:9px 12px;min-height:42px}@media(max-width:620px){.input-flow-return{bottom:6px;padding:10px}.input-flow-edit-primary{width:100%}.playbar .input-flow-edit{flex-basis:100%;width:100%}.input-flow-next{padding-top:14px}}@media(prefers-color-scheme:dark){.input-flow-return[data-invalid=true] .input-flow-status{color:#ffba9c}}html[data-color-mode=dark] .input-flow-return[data-invalid=true] .input-flow-status{color:#ffba9c}

html[data-color-mode=dark] #daily-details>summary{color:#b8d9ff}html[data-color-mode=dark] .input-flow-return{border-color:#6384a4}html[data-color-mode=dark] .input-flow-lead{color:#c4d2ce}

#daily-details .add-button{color:#174e82;border-color:#9bbad9;background:#f0f6fd}html[data-color-mode=dark] #daily-details .add-button{color:#b8d9ff;border-color:#6384a4;background:#203846}

/* Keep time scaling next to playback, including sticky mobile controls. */
.motion-main .playback-rate-explainer{flex:1 1 100%;min-width:0;box-sizing:border-box;margin:0;padding:5px 9px;border-left:3px solid #27816c;border-radius:4px;background:#edf7f2;color:#174b3e;font:400 12px/1.45 system-ui,sans-serif;overflow-wrap:anywhere}
.motion-main .playback-rate-explainer strong{display:block;font-size:12px;font-weight:700}
.motion-main .playback-rate-explainer span{display:block;margin-top:2px}
.motion-main .playback-rate-explainer span[hidden]{display:none}
.motion-main .playback-rate-explainer[data-mode=slow],.motion-main .playback-rate-explainer[data-mode=fast]{background:#fff3df;border-color:#b96d12;color:#704009}
.motion-main .playback-rate-explainer[data-mode=illustration]{background:var(--cl-soft,#edf3ef);border-color:#798e84;color:var(--cl-ink,#20433a)}
html[data-color-mode=dark] .motion-main .playback-rate-explainer{background:#18392e;color:#d5eee3;border-color:#7ac7a8}
html[data-color-mode=dark] .motion-main .playback-rate-explainer[data-mode=slow],html[data-color-mode=dark] .motion-main .playback-rate-explainer[data-mode=fast]{background:#46331b;color:#ffe3b9;border-color:#e6ad55}
@media(max-width:620px){.motion-main .playback-rate-explainer{padding:4px 7px;font-size:12px}.motion-main .playback-rate-explainer strong{font-size:12px}}
.comparison-picker{padding:12px;margin:12px 0;border:1px solid var(--cl-border);border-radius:8px;background:var(--cl-soft)}.comparison-picker label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.comparison-picker select{flex:1;min-width:180px;max-width:100%;padding:9px;color:var(--cl-ink);background:var(--cl-surface);border:1px solid var(--cl-border);border-radius:6px}.comparison-picker p{font-size:12px!important;margin:7px 0 0!important}
#science-tool[data-kind=slope] .stage .playbar>button:not(.input-flow-edit),#science-tool[data-kind=slope] .stage .playbar>label,#science-tool[data-kind=slope] .lesson-timeline,#science-tool[data-kind=slope] .science-clock,#science-tool[data-kind=slope] #science-clock{display:none!important}
.motion-main #science-scenes.slope-comparison{display:block!important}.motion-main .slope-overview svg{display:block;width:100%;height:auto;max-height:360px;min-height:200px}.motion-main .slope-overview text{visibility:visible!important}.slope-comparison-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.slope-comparison-metrics>div{padding:12px;border:1px solid var(--cl-border);border-radius:8px}.slope-comparison-metrics strong,.slope-comparison-metrics span{display:block}.slope-comparison-metrics span{font-size:14px;margin-top:5px}.slope-comparison-metrics p{margin:6px 0 0;font-weight:700}
.motion-main #science-scenes.slope-comparison .slope-overview .science-diagram{height:auto!important;max-height:360px!important;min-height:0!important}
@media(max-width:620px){.comparison-picker{padding:10px}.comparison-picker label{gap:7px;font-size:13px}.comparison-picker select{flex-basis:100%;font-size:13px}.motion-main .slope-overview svg{min-height:210px;max-height:310px}.slope-comparison-metrics{gap:6px}.slope-comparison-metrics>div{padding:9px}.slope-comparison-metrics p{font-size:17px}}