.teaching-page{max-width:1600px;margin:auto;padding:36px 40px 60px}.teaching-heading{justify-content:space-between;align-items:flex-start;gap:22px;margin:20px 0 25px;display:flex}.teaching-heading h1{margin:12px 0;font-size:36px}.teaching-heading p{max-width:780px;color:var(--muted)}.teaching-heading .model-badge{white-space:normal;color:#526343;max-width:220px;font-size:12px}.teaching-toolbar{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 0;display:flex}.teaching-toolbar>span{color:var(--muted);margin-right:auto;font-size:13px}.mode-buttons{flex-wrap:wrap;gap:6px;display:flex}.mode-buttons [aria-pressed=true]{background:var(--charcoal);color:#fff}.account-sync{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}.account-sync>span{flex:1;min-width:200px}.teaching-grid{grid-template-columns:minmax(230px,.7fr) minmax(0,2fr);gap:28px;margin-top:32px;display:grid}.teaching-brief{border-right:1px solid var(--line);padding-right:26px}.teaching-brief h2{margin:12px 0 20px;font-size:26px}.teaching-brief p,.teaching-brief li{color:#5d6758;font-size:14px}.teaching-brief p{margin:15px 0}.teaching-brief ul{padding-left:21px}.teaching-brief details{margin-top:20px}.teaching-brief summary{color:var(--green);font-size:14px}.teaching-prediction{border-top:1px solid var(--line);margin-top:32px;padding-top:26px}.teaching-prediction legend{margin:12px 0;font-size:14px}.teaching-prediction .prediction-option{min-height:44px;font-size:14px;line-height:1.6}.teaching-experiment{min-width:0}.teaching-experiment .panel-heading h2{margin-top:10px;font-size:26px}.teaching-experiment .model-badge{color:#526343;font-size:12px}.teaching-experiment .preset-button{color:#526343;border-color:var(--line);min-height:38px;font-size:13px}.parameter-panel{border:1px solid var(--line);border-radius:8px;margin:16px 0;padding:15px}.parameter-panel>summary{color:var(--green);font-size:15px;font-weight:500}.parameter-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.parameter-fields>label{color:#5d6758;flex-direction:column;gap:7px;font-size:13px;display:flex}.parameter-fields .parameter-checkbox{flex-direction:row;align-items:center;gap:10px;min-height:44px}.parameter-group{border-top:1px solid var(--line);grid-column:1/-1;margin-top:4px;padding-top:16px}.parameter-group legend{padding-right:12px;font-size:14px;font-weight:500}.parameter-group .parameter-fields{margin-top:10px}.teaching-page .run-actions{gap:12px}.teaching-page .run-actions>span{font-size:13px}.teaching-page .notice{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;line-height:1.7;display:flex}.teaching-playback{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.teaching-playback>label{align-items:center;gap:8px;font-size:13px;display:flex}.teaching-playback select{width:auto}.teaching-playback .teaching-scrubber{flex:1;gap:7px;min-width:210px;display:grid}.teaching-metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 0;display:grid}.teaching-metrics .metric>span,.teaching-metrics .metric>small{font-size:13px}.teaching-metrics .metric>strong{font-size:25px}.constraint-checks{padding:20px 0;font-size:14px}.constraint-checks ul{padding-left:20px;line-height:1.9}.constraint-checks p{color:var(--muted)}.comparison-actions{flex-wrap:wrap;gap:10px;margin:15px 0 25px;display:flex}.comparison-panel,.trace-inspector{border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.comparison-panel h3,.trace-inspector h3{margin-bottom:14px}.comparison-panel p,.trace-inspector p{color:var(--muted);margin:12px 0}.table-scroll{margin:15px 0;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;font-size:13px}.table-scroll th,.table-scroll td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.table-scroll th{color:var(--muted);font-weight:500}.event-link{color:var(--green);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.event-detail{background:var(--green-soft);padding:15px}.event-detail p{color:var(--ink)}.teaching-page pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef0e9;max-width:100%;padding:14px;font-size:12px;overflow:auto}.teaching-page .plain-details{font-size:14px}.teaching-page .plain-details summary{padding:15px 0}.stack-label{gap:8px;margin:18px 0;display:grid}.teaching-page .reflection-panel p,.teaching-page .reflection-panel li,.teaching-page .reflection-panel textarea{color:#5d6758;font-size:14px}.teaching-page .reflection-panel ul{padding-left:20px;line-height:1.9}.authored-hint{background:var(--green-soft);margin:15px 0;padding:15px}.authored-hint small{font-size:12px}.teaching-coach{border-top:1px solid var(--line);max-width:900px;margin-top:30px;padding:30px 0}.teaching-coach p{color:var(--muted);margin:15px 0}.coach-answer{background:var(--green-soft);margin-top:20px;padding:20px}.coach-answer li{margin:16px 0}.coach-answer small{color:var(--muted);font-size:12px;display:block}.teaching-page .provenance-section,.lesson-report{border-top:1px solid var(--line);margin:26px 0;padding-top:20px;font-size:14px}.teaching-page .provenance-section p{margin:15px 0}.teaching-page .provenance-section a{text-underline-offset:3px;text-decoration:underline}.text-warning{color:var(--danger)!important}@media (max-width:1100px){.teaching-page{padding:28px}.teaching-grid{grid-template-columns:minmax(210px,.75fr) minmax(0,1.6fr);gap:22px}.parameter-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:850px){.teaching-grid{grid-template-columns:1fr}.teaching-brief{border-right:0;padding-right:0}.teaching-heading{flex-direction:column}.teaching-brief .teaching-prediction{max-width:680px}.teaching-page{padding:24px}.teaching-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.teaching-page{padding:20px 16px}.teaching-heading h1{font-size:29px}.parameter-fields{grid-template-columns:1fr}.teaching-metrics{gap:18px 10px}.teaching-playback .teaching-scrubber{min-width:100%}.teaching-toolbar{gap:10px}.teaching-toolbar>span{min-width:100%}.teaching-page input:not([type=checkbox]):not([type=radio]):not([type=range]),.teaching-page textarea,.teaching-page select{min-height:44px;font-size:16px}.teaching-page .button{min-height:44px}.teaching-page .icon-button{min-width:44px;min-height:44px}.teaching-page h2{font-size:24px}.teaching-page .notice{padding:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}