/* Fixed 1920 × 1080 master; every viewport scales the complete slide. */
html,body{height:100%;overflow:hidden;background:#101820}#viewport{height:calc(100dvh - 56px);overflow:hidden}#stage{box-shadow:0 0 0 1px #0002}#toolbar{height:56px;background:#101820;color:#cad2dc;border-top:0}#toolbar button:hover{background:#263442;color:#fff}#progress{bottom:54px}#toolbar .pager{gap:15px}#toolbar #page-number{font-size:12px}#toolbar button{font-size:13px}#toolbar #contents span{display:none}.slide header{height:0}.eyebrow{display:none}.slide h2{font-size:84px;line-height:1.1;margin:0;letter-spacing:-2.1px;font-weight:500;max-width:1390px}.mark{right:144px;top:124px;width:184px}.slide .lead{margin-top:34px;font-size:28px}.slide footer{bottom:42px;font-size:20px}.slide .takeaway{border:0;background:#1c69d4;color:white;border-radius:2px;padding:24px 32px;font-size:28px}.flow-caption{border:0;background:#1c69d4;color:white;padding:20px 28px;font-size:26px!important;line-height:1.4!important;min-height:76px!important}.flow-caption strong{color:white}.step-controls button{font-size:19px;padding:8px 12px}.file-tree,.file-root,.engine{border-radius:2px}.file-tree button{padding:23px 26px}.state-layout{margin-top:64px}.engine{border-color:var(--line);background:#f2f4f7}.engine p{font-size:29px}.state-layout .large{font-size:0;position:relative;width:50px;height:2px;background:#607681}.state-layout .large:before{content:"";position:absolute;left:-1px;top:-6px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:12px solid #607681}.phase-map{margin-top:52px!important}.shared-eval{margin-top:34px!important}.phase{background:#f2f4f7;border:0;border-radius:2px;padding:23px!important}.phase-label{font-size:24px}.role{border-width:2px;border-radius:12px}.shared-eval{border-radius:2px}.flow-node{border-radius:14px;padding-top:35px}.build-row{margin-top:70px}.build-row .flow-node{min-height:318px}.flow-row>.arrow{font-size:0;position:relative;flex:0 0 56px;height:2px;background:#607681}.flow-row>.arrow:after{content:"";position:absolute;right:-1px;top:-6px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #607681}.flow-node.focused+.arrow{background:#1c69d4}.flow-node.focused+.arrow:after{border-left-color:#1c69d4}.slide[data-flow=build] .flow-caption{margin-top:30px}.example-strip{padding:23px 0}.optimizer-bar{margin-top:48px}.optimize-row{margin-top:38px}.optimize-row .flow-node{min-height:286px}.decision-row{border-radius:2px;margin-top:30px}.slide[data-flow=optimize] .flow-caption{margin-top:24px}.focused{box-shadow:0 0 0 2px #1c69d4}
/* Original template: image at left + masked rows at right. */
.template-image-text{display:grid;grid-template-columns:620px 1fr;gap:72px;align-items:start}.editorial-art{margin:0}.editorial-art img{display:block;width:100%;height:100%;object-fit:cover}.editorial-art figcaption{font-size:22px;line-height:1.45;margin-top:16px;color:#5b626c}.template-rows{display:flex;flex-direction:column;gap:22px}.masked-row{background:#e9edf2;border-radius:2px;height:142px;padding:22px 34px;position:relative;overflow:hidden;box-sizing:border-box;text-align:left;width:100%}.masked-row .label{position:relative;z-index:1;padding-top:4px;font-size:32px;font-weight:500;color:#181818;line-height:1.18;letter-spacing:-.012em;white-space:nowrap;display:block}.masked-row .inset{position:absolute;left:226px;top:35px;right:-18px;bottom:-14px;background:#fff;border-radius:2px;padding:21px 26px;display:flex;align-items:flex-start}.masked-row .inset>div,.masked-row .inset>span{font-size:28px;line-height:1.4;font-weight:500;letter-spacing:-.006em}.masked-row:hover .inset{background:#f6faff}.accent-card{background:#1c69d4;border-radius:2px;color:white;padding:26px 34px;font-size:29px;line-height:1.5}.accent-card strong{font-weight:500}.deck-cover-title{font-size:132px;font-weight:500;line-height:1.05;letter-spacing:-4px;margin:0}.deck-cover-sub{font-size:44px;line-height:1.3;margin-top:21px}.cover-composition{margin-top:50px}.cover-composition .editorial-art{width:620px}.cover-composition .editorial-art img{height:480px;object-fit:cover}.cover-composition .masked-row{height:147px}.cover-composition .accent-card{min-height:144px}.insights-composition{grid-template-columns:580px 1fr;gap:64px;margin-top:72px}.insights-composition .editorial-art img{width:580px;height:580px}.insights-composition .template-rows{gap:22px}.insights-composition .accent-card{font-size:28px;padding:24px 34px}.insights-composition .masked-row{height:142px}.insights-composition .masked-row .inset{left:227px}
/* Original template: closing progression, with the final block in blue. */
.template-closing-flow{display:flex;align-items:stretch;margin-top:84px}.closing-block{flex:1;background:#f2f4f7;border-radius:2px;padding:34px 32px;height:320px}.closing-block>span{font-size:22px;font-weight:500;letter-spacing:1px;color:#1c69d4}.closing-block i{display:block;height:2px;background:#1c69d4;width:46px;margin:22px 0}.closing-block h3{font-size:38px;line-height:1.2;font-weight:500}.closing-block p{font-size:26px;margin-top:24px;line-height:1.5;color:#5b626c}.template-closing-flow>b{flex:0 0 64px;display:flex;align-items:center;justify-content:center;color:#1c69d4;font-size:40px;font-weight:300}.closing-block.blue{background:#1c69d4;color:#fff}.closing-block.blue>span,.closing-block.blue p{color:white}.closing-block.blue i{background:white}.final-question{font-size:48px;line-height:1.4;margin-top:73px}.final-question strong{font-weight:500;color:#1c69d4}.final-links{display:flex;gap:40px;margin-top:28px}
/* Explanatory diagram follows the user's thin-line, rounded-box reference. */
.horizontal-eval{position:relative;width:1632px;height:540px;margin-top:48px}.diagram-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wire{stroke:#607681;stroke-width:2.5;fill:none;marker-end:url(#tip)}.diagram-box{position:absolute;top:30px;height:245px;border:2px solid #607681;border-radius:18px;padding:30px 26px;background:white}.diagram-box>span{font-size:22px;color:#7a8e98}.diagram-box h3{font-size:34px;font-weight:500;margin-top:14px;white-space:nowrap}.diagram-box p{font-size:24px;color:#5b626c;margin-top:14px;margin-bottom:17px}.organizer{left:0;width:410px}.evaluator-box{left:580px;width:430px;background:#edf4fb}.target-box{left:1190px;width:442px}.wire-label{position:absolute;top:82px;text-align:center;font-size:21px;color:#718692}.first-wire{left:410px;width:170px}.second-wire{left:1010px;width:180px;top:60px}.second-wire button{font-family:monospace;font-size:18px;color:#1c69d4;padding:8px 0}.second-wire small{display:block;font-size:19px;margin-top:10px}.rubric-note{position:absolute;left:240px;top:363px;width:330px;border:1.5px solid #9aaab5;border-radius:16px;padding:22px 20px;text-align:center;background:white}.rubric-note strong{display:block;font-size:24px;font-weight:500}.rubric-note span{display:block;font-size:21px;color:#718692;margin-top:10px}.return-label{position:absolute;top:437px;left:935px;font-size:23px;color:#718692}.slide[data-flow=evaluate] .flow-caption{margin-top:0}.diagram-box.focused{background:#dfedfc}.horizontal-eval:has(.target-box.focused) .return-wire{stroke:#1c69d4;stroke-dasharray:12 6;animation:flow .75s linear infinite}@keyframes flow{to{stroke-dashoffset:-36}}
/* Previews stay inside the same landscape stage, including narrow windows. */
#preview[hidden]{display:none}#preview{position:absolute;inset:0;z-index:30;background:#1018209c;backdrop-filter:blur(4px)}.modal-sheet{position:absolute;left:180px;top:105px;width:1560px;height:870px;background:white;border-radius:3px;overflow:hidden;box-shadow:0 25px 90px #0003;animation:preview-in .2s ease-out}.dialog-head{height:75px;padding:18px 34px;position:relative;font-size:22px}.dialog-head button{font-size:24px}#preview-body{padding:32px 48px;max-height:795px;overflow:auto}#preview-title{font-size:43px!important;line-height:1.2!important;margin:0 0 24px!important}#preview-body p{font-size:27px;line-height:1.7;margin:18px 0}#preview-body h3{font-size:30px}#preview-body li{font-size:26px}#preview-body pre{font-size:22px;line-height:1.7;padding:26px}#preview-body .source-note{font-size:19px}#preview-body .hint{font-size:22px!important}.source-list a{font-size:24px}.toc button{font-size:30px;padding:28px}.note-time{font-size:23px}summary{font-size:24px}
@media(max-width:560px){#toolbar{padding:0 7px}#toolbar button{padding:8px;font-size:11px}#toolbar .pager{gap:3px}#toolbar #page-number{font-size:10px;min-width:57px}.toolbar-end{gap:0}}
@media print{html,body{height:auto;overflow:visible}#viewport{height:auto}.modal-sheet,#preview{display:none!important}.slide{break-after:page}}
.cover-composition .editorial-art img{object-fit:contain;background:#cbcadb}
