/* The paper palette remains in assets/brand.css. This layer owns the revised demonstration. */
.hero{padding-top:42px}.masthead{margin-bottom:28px;gap:42px}h1{font-size:48px;line-height:1.38}.hero-note{padding-left:24px}.demo-intro{margin-bottom:12px}
#main-demo{overflow:visible;scroll-margin-top:12px}.window-toolbar{border-radius:8px 8px 0 0}.subject-tabs button{min-height:40px;font-size:13px}.player-dock{position:sticky;top:0;z-index:8;background:var(--background);border-bottom:1px solid var(--border)}
.demo-controls{border-top:0;padding:12px 20px;gap:12px}.phase-summary{gap:10px}.phase-summary strong{font-size:13px}.phase-summary div>span{font-size:11px}.play-controls button{min-height:40px;font-size:12px;padding:7px 12px;white-space:nowrap}.play-controls button:disabled{opacity:.4;cursor:default}.time-display{font-size:11px}.chapter-nav{display:grid;grid-template-columns:repeat(5,1fr);padding:0 18px;gap:8px}.chapter-nav button{min-height:45px;border-bottom:2px solid transparent;font-size:12px;color:var(--textMuted);display:flex;align-items:center;justify-content:center;gap:9px}.chapter-nav button span{font-size:10px;letter-spacing:1px}.chapter-nav button[aria-current=step]{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.chapter-nav button:active{background:var(--inset)}.time-track{height:2px}
.demo-body{height:572px;grid-template-columns:46% 54%;border-radius:0 0 8px 8px;overflow:hidden}.material-heading{padding:18px 22px 12px;align-items:flex-start}.material-heading h2{font-size:17px}.material-toggle{color:var(--accentInk);font-size:12px;min-height:40px;flex-shrink:0;padding:4px 0 4px 9px;white-space:nowrap}.material-content{padding:0 22px 18px}.question-copy,.physics-question,.task-list{font-size:13px}.question-copy .math{font-size:14px}.math-plot{height:240px}.diagram-note{font-size:10px}.conversation-heading{padding:15px 22px}.conversation-heading strong{font-size:14px}.conversation-heading div>span{font-size:12px}.conversation-scroll{padding:20px 24px;overscroll-behavior:contain}.chat-message{font-size:15px;line-height:1.9;margin-bottom:15px}.chat-message h4{font-size:18px;margin-bottom:13px}.chat-message .math,.chat-message .equation-line{font-size:16px}.message-author{font-size:11px}.chat-message.student{font-size:14px;max-width:95%}.feedback-box{padding:18px}.feedback-box small{font-size:12px}.equation-line{margin:12px 0}.composer-demo{font-size:12px;min-height:47px;margin:0 22px 18px}.composer-demo.has-draft{background:var(--background);border-color:var(--accent)}.demo-pointer{display:none}.phase-enter{animation:message-enter 220ms var(--ease-out) both}.mobile-context{display:none}
.split-area{stroke-width:1;transition:opacity 220ms var(--ease-out)}.area-one{fill:var(--secondaryAccent);stroke:var(--accent)}.area-two{fill:var(--accentSoft);stroke:var(--primary)}.math-plot .area-label{fill:var(--textPrimary);font-weight:600;font-size:15px}.relationship-panel{padding:12px 0 0;margin-top:10px;border-top:1px solid var(--border);font-size:12px;line-height:1.75}.relationship-panel>span{display:block;color:var(--textMuted);font-size:11px}.relationship-panel>strong{font-size:14px;display:block;font-weight:500}.relationship-panel>small{display:block;font-size:11px;margin-top:4px;color:var(--textSecondary)}.area-key{display:flex;gap:10px;flex-wrap:wrap}.area-key span{padding-left:9px;border-left:3px solid}.area-one-key{border-color:var(--accent)!important}.area-two-key{border-color:var(--primary)!important}.area-total{margin-top:5px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.area-total strong{font-variant-numeric:tabular-nums;font-weight:500}.data-table{font-size:13px}.data-table th{font-size:11px}.data-table tr.is-outlier th:after{content:' · 待核对';display:block;color:var(--accentInk);font-size:10px}.data-table tr.is-highlight{box-shadow:inset 3px 0 var(--accent)}.data-table tr.retest.is-highlight{box-shadow:inset 3px 0 var(--primary)}.circuit{height:160px}.table-note{font-size:11px}
.reading-prompt h4{font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.55;margin:16px 0}.reading-prompt p{font-size:15px;line-height:1.9}.reading-prompt p.quiet{font-size:12px;margin-top:12px}.reading-count{font-size:11px;color:var(--accentInk);letter-spacing:1px}.reading-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.reading-actions .button{font-size:12px;padding:8px 14px;gap:8px}.reading-passage{font-size:16px}.evidence-focus{display:none}.evidence-mode .reading-passage,.evidence-mode .reading-options{display:none}.evidence-mode .evidence-focus{display:block}.evidence-number{font-size:11px;color:var(--accentInk);margin:12px 0}.evidence-focus blockquote{margin:16px 0 22px;font-family:Georgia,serif;font-size:23px;line-height:1.65}.evidence-focus mark{background:var(--highlight);color:var(--textPrimary);box-decoration-break:clone;-webkit-box-decoration-break:clone}.evidence-choice{border-left:3px solid var(--primary);padding:12px 15px;background:var(--accentSoft);font-family:Georgia,serif;font-size:16px;line-height:1.5}.evidence-choice.unconfirmed{border-color:var(--accent);background:var(--secondaryAccent)}.evidence-focus>p{margin:16px 0 0;font-size:14px;line-height:1.9}.evidence-quote{font-size:17px}.feedback-box{font-size:14px}.loop-track small{font-size:12px}.loop-evidence{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:36px;background:var(--inset);padding:26px 28px;border-radius:6px}.loop-evidence h3{font-size:22px;margin:9px 0}.loop-evidence p{font-size:14px;line-height:1.9}.loop-evidence>div+div{border-left:1px solid var(--border);padding-left:30px}.loop-evidence small{display:block;color:var(--textMuted);font-size:12px;margin-top:12px}.loop-evidence+small{display:block;margin-top:16px}.audience p{font-size:14px}.faq summary,.faq details p{font-size:14px}
#material-dialog{width:min(800px,calc(100vw - 32px));max-height:90dvh;padding:0;overflow:hidden}#material-dialog[open]{display:flex;flex-direction:column}#material-dialog>header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:23px 26px 17px;border-bottom:1px solid var(--border);flex-shrink:0}#material-dialog h2{font-size:24px}#material-dialog .eyebrow{margin-bottom:7px}#close-material{width:44px;height:44px;font-size:27px;flex-shrink:0}#full-material-content{padding:22px 28px;overflow:auto;min-height:0;overscroll-behavior:contain}#full-material-content .question-copy,#full-material-content .task-list,#full-material-content .physics-question{font-size:16px}#full-material-content .math-plot{height:310px}#full-material-content .reading-passage{font-size:19px;line-height:1.95}#full-material-content .reading-option{font-size:16px}#material-dialog>footer{padding:15px 26px;border-top:1px solid var(--border);display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;color:var(--textMuted);flex-shrink:0}
@media(max-width:1000px){.demo-controls{flex-wrap:wrap}.phase-summary{flex-basis:45%}.time-display{margin-left:auto}.demo-body{height:625px;grid-template-columns:45% 55%}}
@media(max-width:640px){
  .hero{padding-top:28px}.masthead{margin-bottom:23px}h1{font-size:33px;line-height:1.45}.hero-note{padding-left:0;margin-top:16px}.hero-note>p{font-size:14px;line-height:1.8}.hero-note .quiet{font-size:11px}.demo-intro>p{font-size:12px}.demo-label{font-size:11px}.window-toolbar{padding:8px 11px}.subject-tabs button{min-height:40px;min-width:43px;font-size:12px}.demo-controls{padding:9px 11px;gap:7px}.phase-summary{flex-basis:100%}.phase-summary>span{font-size:20px}.phase-summary strong{font-size:12px}.phase-summary div>span{font-size:10px}.play-controls{gap:5px;width:100%}.play-controls button{min-height:42px;padding:6px 9px;font-size:11px;flex:1}.play-controls button:first-child{min-width:54px}.time-display{display:none}.chapter-nav{padding:0 7px;gap:2px}.chapter-nav button{font-size:11px;gap:4px;min-height:40px}.chapter-nav button span{display:none}.player-dock{top:0}.demo-body{height:auto;display:flex}.material-pane{height:305px;flex:none}.material-heading{padding:10px 13px 6px;gap:8px}.material-heading .eyebrow{font-size:10px;margin-bottom:2px}.material-heading h2{font-size:13px;line-height:1.6}.material-toggle{font-size:11px;min-height:38px;padding:0 0 0 6px}.material-content{padding:0 13px 9px}.mobile-context{display:block;font-size:12px;line-height:1.7;margin:1px 0 5px;color:var(--textSecondary)}
  #main-demo .question-copy,#main-demo .task-list,#main-demo .physics-question{display:none}.math-plot{height:157px}.math-plot text{font-size:14px}.math-plot .area-label{font-size:18px}.diagram-note{display:none}.diagram-paper{border-top:0;margin-top:0;padding-top:0}.relationship-panel{padding-top:7px;margin-top:4px;font-size:11px}.relationship-panel>span{font-size:10px}.relationship-panel>strong{font-size:12px}.area-key{gap:7px;font-size:10px}.area-total{font-size:11px;margin-top:4px}.area-total strong{font-size:11px}.conversation-pane{height:370px;flex:none}.conversation-heading{padding:10px 14px;gap:8px}.conversation-heading strong{font-size:13px}.conversation-heading div>span{font-size:11px}.mentor-mark{width:29px;height:29px}.conversation-scroll{padding:15px 14px}.chat-message{font-size:14px;line-height:1.85}.chat-message h4{font-size:16px;margin-bottom:10px}.chat-message .math,.chat-message .equation-line{font-size:14px}.chat-message.student{font-size:13px;padding:8px 12px}.composer-demo{font-size:12px;margin:0 14px 12px;min-height:44px}.feedback-box{padding:13px}.feedback-box small{font-size:11px}.message-author{font-size:10px}.equation-line{padding:8px 10px;margin:10px 0}.demo-footnote{font-size:10px;line-height:1.9}
  .circuit{height:160px}#main-demo:not(.physics-data) .data-table,#main-demo:not(.physics-data) .table-note{display:none}.physics-data .circuit{display:none}.data-table{font-size:12px}.data-table th{font-size:10px}.data-table th,.data-table td{padding:5px 3px}.data-table tr.is-outlier th:after{font-size:9px;display:inline}.table-note{font-size:10px}.relationship-panel>small{font-size:10px}
  #main-demo .reading-title{display:none}.reading-passage{font-size:15px;line-height:1.85}.reading-prompt h4{font-size:20px;margin:10px 0}.reading-prompt p{font-size:14px}.reading-prompt p.quiet{font-size:11px}.reading-actions{margin-top:16px;gap:8px}.reading-actions .button{min-height:42px;font-size:11px;padding:8px 11px}.reading-count{font-size:10px}.evidence-number{font-size:10px;margin:7px 0}.evidence-focus blockquote{font-size:17px;line-height:1.65;margin:7px 0 12px}.evidence-choice{padding:8px 10px;font-size:14px}.evidence-focus>p{font-size:12px;margin-top:10px}.evidence-quote{font-size:15px}.loop-track small{font-size:11px}.learning-loop>p:not(.eyebrow){font-size:13px}.loop-evidence{grid-template-columns:1fr;gap:20px;padding:21px}.loop-evidence>div+div{border-left:0;border-top:1px solid var(--border);padding:17px 0 0}.loop-evidence h3{font-size:20px}.loop-evidence p{font-size:13px}.loop-evidence small{font-size:11px}.audience p{font-size:13px}.faq summary,.faq details p{font-size:13px}
  #material-dialog{max-height:92dvh}#material-dialog>header{padding:17px 18px 13px}#material-dialog h2{font-size:20px}#full-material-content{padding:18px}#full-material-content .reading-passage{font-size:17px}#full-material-content .math-plot{height:230px}#material-dialog>footer{padding:12px 16px}#material-dialog>footer>span{font-size:10px}#material-dialog .button{font-size:12px;gap:6px;padding:9px 13px}
}
.evidence-choice.independent{background:var(--background);border-color:var(--border)}
@media(prefers-reduced-motion:reduce){.phase-enter{animation:none}.split-area{transition:none}}