/* Slide 37: teacher-paced presentation, with the deck's cream toolbar and pager. */
.teaching-slide.slide-truong-son-contributions{container-type:size;padding:20px 1.8%;overflow:hidden;border:1px solid #9f824b;border-radius:12px;background:radial-gradient(ellipse at 15% 30%,#28483d80,transparent 60%),linear-gradient(135deg,#102724,#08191d);box-shadow:inset 0 0 0 4px #071a1c,inset 0 0 0 5px #866b3b80;color:#e3ebdf;font:400 24px/1.5 var(--sans)}
.ts-shell{display:flex;flex-direction:column;gap:12px;width:100%;height:100%;min-height:0}
.ts-stage{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:24px;flex:1;min-height:0}
.ts-photo-deck{position:relative;min-width:0;min-height:0;border:1px solid #a9946266;border-radius:12px;background:#081515;box-shadow:0 8px 28px #0004;overflow:hidden}
.notebook-paper.slide-deck .ts-photo-layer{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;margin:0;padding:12px;display:grid;grid-template-rows:minmax(0,1fr) 76px;gap:12px;background:#102522;min-height:0;min-width:0;overflow:hidden;contain:layout paint}
.ts-photo-window{display:block;position:relative;width:100%;height:100%;min-height:0;min-width:0;overflow:hidden;border-radius:8px;background:#080e0e;isolation:isolate}
.notebook-paper.slide-deck .ts-photo-window img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 50%;margin:0;border-radius:0}
.ts-photo-window [hidden]{display:none!important}
.slide-truong-son-contributions .ts-photo-window p{font:400 24px/1.5 var(--sans);color:#d9c591;padding:20px;text-align:center}
.slide-truong-son-contributions .ts-photo-layer figcaption{flex-shrink:0;margin:0;text-align:left;font:400 20px/1.4 var(--sans);color:#a8b9a7}
.ts-photo-layer figcaption span{display:block;font-size:20px;letter-spacing:1px;color:#c7ae72;margin-bottom:5px}
.ts-photo-layer figcaption strong{font-size:22px;font-weight:500;color:#dce3d1}
.ts-console{display:flex;flex-direction:column;min-width:0;min-height:0;gap:12px}
.ts-console-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-shrink:0;border-bottom:1px solid #9a8b5355;padding:0 0 10px;font:500 20px/1.4 var(--sans);color:#b9a477}
.ts-console-bar strong{white-space:nowrap;color:#e0cb93;font-weight:700}
.ts-copy-deck{position:relative;flex:1;min-height:0;min-width:0;isolation:isolate}
.ts-scene{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:0 4px 0 0;scrollbar-color:#9c8655 #122b26}
.slide-truong-son-contributions .ts-scene h2{font:700 clamp(32px,4.4cqh,38px)/1.2 var(--serif);color:#ebd39a;margin:0;flex-shrink:0;text-wrap:pretty}
.slide-truong-son-contributions .ts-phase-0 h2{text-transform:uppercase;font-size:clamp(30px,4.8cqh,38px)}
.slide-truong-son-contributions .ts-scene :is(p,h3){font-size:24px;line-height:1.35;margin:0;color:#e3ebdf}
.ts-scene strong{color:#f0d69b;font-weight:700}
.ts-glass,.ts-stat{border:1px solid #b5ba8b44;border-radius:12px;background:linear-gradient(120deg,#cad7b817,#182e2980);backdrop-filter:blur(12px);box-shadow:0 8px 24px #0002,inset 0 0 0 1px #fff4c605}
.ts-intro{padding:18px;flex-shrink:0}
.slide-truong-son-contributions .ts-lead{color:#bfcebb}
.ts-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-shrink:0}
.ts-stat{display:flex;align-items:flex-start;gap:12px;padding:14px;min-width:0}
.ts-stat>div{min-width:0}
.ts-transport{grid-template-columns:minmax(0,1fr);gap:10px}
.ts-transport .ts-stat{display:grid;grid-template-columns:32px minmax(190px,.9fr) minmax(0,1.8fr);align-items:center;gap:14px;padding:10px 16px}
.ts-transport .ts-stat-copy{display:contents}
.ts-transport .ts-stat .ts-number{margin:0}
.ts-icon{flex:0 0 32px;display:block;color:#d5b97c}
.ts-icon svg{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ts-stat .ts-number{display:block;font:750 clamp(36px,4.8cqh,44px)/1.08 var(--sans);color:#e8cd8e;font-variant-numeric:tabular-nums;white-space:normal;margin:0 0 6px}
.ts-number .ts-qualifier{font-size:24px}
.ts-unit{display:block;font-size:24px;line-height:1.25;font-weight:600;margin-top:2px}
.slide-truong-son-contributions .ts-stat p{font-size:24px;line-height:1.3}
.ts-combat .ts-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 6px}
.ts-combat .ts-unit{display:inline;margin:0}
.ts-combat .ts-stat{border-color:#d58b6040}
.ts-combat :is(.ts-number,.ts-icon){color:#ff956b}
.ts-combat .ts-stat .ts-number{color:#ff956b}
.ts-destruction strong{display:block;font:700 28px/1.25 var(--sans);margin-bottom:6px;color:#ffb27a}
.ts-meaning{display:flex;flex-direction:column;gap:12px;flex-shrink:0}
.ts-meaning article{display:flex;align-items:flex-start;gap:12px;padding:14px}
.slide-truong-son-contributions .ts-meaning h3{font:700 28px/1.2 var(--serif);color:#e8ce93;margin:0 0 8px}
.ts-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;flex-shrink:0;border-top:1px solid #9a8b5355;padding-top:12px}
.ts-controls button{border:1px solid #ad9358;border-radius:7px;background:#cbb077;color:#13291f;padding:11px 16px;min-height:48px;cursor:pointer;font:600 20px/1.3 var(--sans);transition:background .5s ease-in-out,opacity .5s ease-in-out}
.ts-controls button:disabled{opacity:.4;cursor:default}
.ts-controls button:focus-visible,.slide-truong-son-contributions:focus-visible{outline:2px solid #f0d184;outline-offset:3px}
.ts-steps{display:flex;align-items:center;justify-content:center;gap:18px;list-style:none;padding:0;margin:0;min-width:0}
.ts-steps li{display:flex;align-items:center;gap:8px;color:#8ca18c;font:500 20px/1.3 var(--sans)}
.ts-steps li>span{display:grid;place-items:center;border:1px solid #687b5b;border-radius:50%;width:30px;height:30px;flex:0 0 30px}
.ts-steps b{font-weight:500;font-size:20px}
.ts-steps .is-current{color:#f0d59c}
.ts-steps .is-current>span{background:#c9ab6b;color:#14291f;border-color:#ebcf8c}
.ts-steps .is-past>span{border-color:#b49c63;color:#ddc58a}
.ts-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}
@media(max-width:1300px){.ts-steps b{display:none}.ts-stage{gap:20px}.ts-console-bar{font-size:20px}.ts-transport .ts-stat{grid-template-columns:28px minmax(156px,.8fr) minmax(0,1.6fr);gap:10px;padding:10px 12px}}
@media(max-width:800px){.teaching-slide.slide-truong-son-contributions{container-type:normal;overflow:auto;padding:18px 14px}.ts-shell{height:auto;flex:0 0 auto}.ts-stage{display:flex;flex-direction:column;flex:none;gap:22px}.ts-photo-deck{height:340px;flex:none}.notebook-paper.slide-deck .ts-photo-layer{grid-template-rows:minmax(0,1fr) 90px}.ts-console{min-height:0}.ts-copy-deck{flex:none;min-height:0}.ts-scene{position:relative;overflow:visible;padding:0}.ts-scene[aria-hidden=true]{position:absolute;inset:0;pointer-events:none}.ts-console-bar{flex-wrap:wrap}.slide-truong-son-contributions .ts-scene h2,.slide-truong-son-contributions .ts-phase-0 h2{font-size:32px}.ts-stat-grid{grid-template-columns:minmax(0,1fr)}.ts-transport .ts-stat{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px}.ts-transport .ts-stat-copy{display:block}.ts-transport .ts-stat p{grid-column:auto}.ts-controls{gap:10px;grid-template-columns:1fr 1fr}.ts-controls button{font-size:20px;padding:10px}.ts-steps{grid-column:1/-1;grid-row:1;gap:18px}.ts-steps b{display:none}.ts-photo-layer figcaption strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.ts-scene{scroll-behavior:auto}.ts-controls button{transition:none}}
