[hidden]{display:none!important}.slide-viewport{justify-content:flex-start}.slide-copy{min-height:100%;height:auto;flex:1}.slide-copy .equation{font-size:clamp(18px,1.8vw,27px);overflow-x:auto;flex-shrink:0}.slide-copy .slide-table{font-size:clamp(17px,1.55vw,23px)}.slide-table th,.slide-table td{padding:12px 18px}.slide-copy h1{flex-shrink:0}.slide-copy.references a{white-space:normal}.demo10{height:100%;display:flex;flex-direction:column;gap:16px;min-height:max-content;padding:12px 18px}.demo-head h1{font-size:clamp(27px,2.8vw,42px);line-height:1.15;color:var(--blue);margin:5px 0 0}.demo-head .eyebrow{font-size:12px}.walk10{display:flex;justify-content:space-between;gap:20px;padding:13px 18px;background:#edf3f7;border-left:4px solid var(--blue);border-radius:4px}.walk10 span{font-size:11px;letter-spacing:.08em;display:block;color:var(--muted)}.walk10 strong{font-size:20px;color:var(--navy)}.walk10 p{margin:3px 0 0;font-size:16px}.walk-buttons{display:flex;align-items:center;gap:7px;flex-shrink:0}.walk-buttons button{font-size:13px;padding:7px 10px}.demo-grid{display:grid;grid-template-columns:minmax(230px,28%) minmax(0,1fr);gap:28px;flex:1;align-items:start}.controls10{background:var(--wash);border:1px solid var(--line);padding:20px;border-radius:5px;display:flex;flex-direction:column;gap:22px}.demo-control{display:block;color:var(--ink);font-size:15px;font-weight:600}.demo-control>span{display:flex;justify-content:space-between;gap:12px}.demo-control output{color:var(--blue);font-variant-numeric:tabular-nums}.demo-control input{display:block;width:100%;margin:12px 0 0;accent-color:var(--blue)}.demo-control select{width:100%;margin-top:12px;padding:8px;border:1px solid var(--line);background:white;color:var(--ink)}.control-note{font-size:14px;color:var(--muted);line-height:1.65;margin:0}.chart10{width:100%;max-height:32vh;display:block;min-height:170px}.chart10 text{font-family:Arial,sans-serif;font-size:13px;fill:var(--muted)}.chart-legend{display:flex;gap:22px;font-size:13px;margin-bottom:4px;flex-wrap:wrap}.chart-legend span:before{content:'';display:inline-block;width:18px;height:3px;background:var(--series);vertical-align:middle;margin-right:7px}.metrics10{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.metrics10>div{border-top:2px solid var(--line);padding:10px 2px}.metrics10 span{display:block;font-size:13px;color:var(--muted)}.metrics10 strong{font-size:clamp(22px,2.4vw,35px);color:var(--navy);font-variant-numeric:tabular-nums}.takeaway10{margin-top:12px;background:#fdf3ec;border-left:4px solid var(--b);padding:13px 17px;font-size:17px;color:var(--ink)}.demo-source{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin:0;line-height:1.5}.value-bars{padding:30px 0;display:grid;gap:25px}.value-bars>div{display:grid;grid-template-columns:180px 1fr 90px;gap:15px;align-items:center;font-size:16px}.value-bars strong{text-align:right;font-variant-numeric:tabular-nums}.value-track{height:24px;background:#eef2f4;border-radius:3px;overflow:hidden}.value-track i{display:block;height:100%;transition:width .25s}.tree10{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.tree10>div{padding:18px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:4px}.tree10>div:first-child{grid-column:1/-1;background:var(--wash)}.tree10 span,.tree10 small{display:block;color:var(--muted);font-size:14px}.tree10 strong{display:block;font-size:24px;color:var(--navy)}.quiz-nav{display:flex;gap:8px;flex-wrap:wrap}.question10{font-size:28px;line-height:1.3;color:var(--navy);margin-top:10px}.quiz-options{display:grid;gap:12px}.quiz-options button{text-align:left;padding:16px 20px;font-size:18px;font-weight:400}.quiz-options button.selected{border:2px solid var(--blue);background:#edf3f7}.quiz-prompt{color:var(--muted);font-size:16px}#notes{position:fixed;bottom:60px;right:30px;max-width:650px;max-height:55vh;overflow:auto;background:white;border:2px solid var(--blue);box-shadow:0 8px 40px #05254830;border-radius:6px;padding:25px;z-index:100}#notes h2{font-size:20px;color:var(--blue);margin:0 30px 10px 0}#notes p{font-size:17px;line-height:1.65}#close-notes{float:right}.pager a[aria-disabled=true]{opacity:.4;pointer-events:none}.sidebar .nav-number{min-width:32px}.slide-copy .slide-footer{flex-wrap:wrap}.slide-copy.cover,.slide-copy.section{min-height:100%}
@media(max-height:800px){.demo10{gap:10px;padding:5px}.demo-head h1{font-size:30px}.walk10{padding:8px 14px}.controls10{padding:15px;gap:16px}.chart10{max-height:28vh}.metrics10{margin-top:8px}.takeaway10{padding:9px 14px;margin-top:7px}.demo-source{font-size:11px}.tree10{margin:5px 0}.tree10>div{padding:12px}.value-bars{padding:20px 0}.slide-copy .slide-table{font-size:18px}.slide-table th,.slide-table td{padding:8px 12px}}
@media(max-width:800px){.demo-grid{grid-template-columns:1fr}.demo10{height:auto;padding:0}.walk10{flex-direction:column;gap:10px}.controls10{gap:15px}.chart10{max-height:none}.metrics10{gap:8px}.metrics10 strong{font-size:23px}.value-bars>div{grid-template-columns:120px 1fr 70px;font-size:13px}.header-actions a{display:none}.topbar-chapter{display:none}.slide-stage{padding:14px}.slide-copy{padding:22px}.slide-copy h1{font-size:31px}.slide-copy p{font-size:20px}.slide-columns{grid-template-columns:1fr;gap:10px}.slide-copy .slide-table{font-size:14px}.slide-table th,.slide-table td{padding:8px}.slide-copy .slide-footer{font-size:14px}.equation{font-size:17px!important}.slide-copy.cover h1{font-size:42px}#notes{left:15px;right:15px;bottom:60px}.slide-viewport{overflow:auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Keep the full explanation and source visible on classroom screens. */
.demo10{height:auto;min-height:100%;gap:12px}.demo-grid{flex:0}.demo-source{margin-top:auto}.chart10{max-height:27vh}.walk10{padding:10px 16px}.controls10{gap:18px}.demo-head h1{font-size:clamp(27px,2.5vw,38px)}
@media(max-width:800px){.chart10{max-height:none}.demo-source{margin-top:8px}.demo10{min-height:0}}

/* Classroom readability: larger teaching text, with tighter spacing. */
@media(min-width:801px){
  .slide-copy p,.slide-copy ol,.slide-copy ul{font-size:clamp(27px,2.6vw,36px);line-height:1.4}
  .slide-copy .equation{font-size:clamp(24px,2.2vw,32px)}
  .slide-copy .slide-table{font-size:clamp(22px,1.9vw,28px)}
  .slide-copy .slide-footer{font-size:clamp(19px,1.6vw,24px)}
  .slide-copy.cover p{font-size:clamp(26px,2.2vw,32px)}
  .slide-copy.references p{font-size:clamp(21px,1.7vw,25px)}
  .slide-copy.compact p,.slide-copy.compact ol,.slide-copy.compact ul{font-size:clamp(24px,2vw,30px)}
  .slide-copy.compact .slide-table{font-size:clamp(20px,1.7vw,25px)}
  .slide-copy.compact .equation{font-size:clamp(22px,2vw,29px)}
  .demo-head h1{font-size:clamp(32px,2.8vw,44px)}
  .demo-control{font-size:20px;line-height:1.3}
  .control-note{font-size:18px;line-height:1.45}
  .walk10 strong{font-size:24px}
  .walk10 p{font-size:20px;line-height:1.35}
  .walk10 span,.demo-head .eyebrow{font-size:14px}
  .walk-buttons button{font-size:16px}
  .chart-legend,.metrics10 span{font-size:18px}
  .chart10 text{font-size:18px}
  .metrics10 strong{font-size:clamp(30px,2.8vw,42px)}
  .takeaway10{font-size:22px;line-height:1.35}
  .demo-source{font-size:15px;line-height:1.4}
  .tree10 span,.tree10 small{font-size:19px}
  .tree10 strong{font-size:29px}
  .value-bars>div{font-size:20px;grid-template-columns:210px 1fr 100px}
  .question10{font-size:34px}
  .quiz-options button{font-size:23px}
  .quiz-prompt{font-size:20px}
  .demo10{gap:10px;padding:4px 10px}
  .controls10{padding:16px;gap:16px}
  .tree10{gap:12px;margin:6px 0}
  .tree10>div{padding:12px 16px}
  .metrics10>div{padding:7px 2px}
  .metrics10{margin-top:10px}
  .walk10{padding:8px 14px}
}