:root{--paper:#f7f5ef;--ink:#242b28;--muted:#6b706b;--red:#a92725;--line:#dedfd5;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--serif:Georgia,'Times New Roman',serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.deck-header{height:74px;display:flex;align-items:center;gap:26px;padding:0 32px;border-bottom:1px solid var(--line);position:fixed;inset:0 0 auto;z-index:30;background:var(--paper)}.brand{font-weight:700;font-size:25px;letter-spacing:-1.4px;text-decoration:none;color:var(--red)}.deck-header>span{font:10px var(--mono);letter-spacing:1.7px;color:var(--muted)}.deck-header nav{display:flex;align-items:center;gap:19px;margin-left:auto}.deck-header nav a,.deck-header nav button{font-size:12px;border:0;background:none;padding:8px 1px;text-decoration:none;color:var(--ink)}.deck-header nav :is(a,button):hover{color:var(--red)}kbd{font:9px var(--mono);color:var(--muted);margin-left:5px}.reveal{position:fixed;inset:74px 0 48px;height:calc(100% - 122px);width:100%;font:26px/1.5 var(--sans);color:var(--ink)}.reveal .slides{text-align:left}.reveal .slides section{height:100%;padding:0}.slide-layout{height:100%;padding:40px 64px 35px;display:flex;flex-direction:column;justify-content:flex-start}.reveal h1,.reveal h2,.reveal h3,.reveal p,.reveal ol,.reveal blockquote,.reveal figure{margin:0}.reveal h1{font-size:78px;line-height:1.02;letter-spacing:-3px;font-weight:600;margin-bottom:30px}.reveal h2{font-size:54px;line-height:1.1;letter-spacing:-1.9px;font-weight:600;margin-bottom:40px;max-width:1080px}.reveal h3{font-size:27px;line-height:1.3;letter-spacing:-.6px;font-weight:600;margin-bottom:15px}.reveal em{font-family:var(--serif);font-weight:400;color:var(--red)}.reveal .eyebrow{font:12px/1.5 var(--mono);letter-spacing:2.3px;text-transform:uppercase;color:var(--red);margin-bottom:22px}.reveal p{font-size:25px;line-height:1.55}.reveal p+p{margin-top:24px}.reveal .lead{font-size:31px;line-height:1.5;letter-spacing:-.7px;max-width:1000px;margin-bottom:32px}.reveal .bottom-note{margin-top:auto;padding-top:22px;border-top:1px solid var(--line);font-size:17px;line-height:1.5;color:var(--muted)}.reveal blockquote{font:italic 43px/1.5 var(--serif);max-width:1020px;color:var(--ink);background:none;box-shadow:none;padding:0;width:auto}.reveal small{display:block;font-size:17px;line-height:1.5;color:var(--muted);margin-top:20px}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.split>div{min-width:0}.ruled>div+div{border-left:1px solid var(--line);padding-left:55px}.reveal .statement,.pullquote{font-size:39px;line-height:1.4;letter-spacing:-1px}.reveal .split h3:not(:first-child){margin-top:30px}.editorial-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:7px}.editorial-columns>div+div{padding-left:33px;border-left:1px solid var(--line)}.editorial-columns p{font-size:24px;line-height:1.6}.large-number{font:italic 58px/1 var(--serif);color:var(--red);display:block;margin-bottom:25px}.connection{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:40px 0}.connection span{font-size:28px;line-height:1.4}.connection small{font:11px/1.5 var(--mono);letter-spacing:1.8px;color:var(--red);margin:0 0 15px}.connection b{font-size:30px;font-weight:400;color:var(--red)}.reveal .numbered{list-style:none;margin:0;display:grid;gap:22px;counter-reset:step}.numbered li{counter-increment:step;display:grid;grid-template-columns:42px 275px 1fr;align-items:start;gap:20px;font-size:23px;line-height:1.5}.numbered li:before{content:counter(step,decimal-leading-zero);color:var(--red);font:16px/2 var(--mono)}.numbered strong{font-weight:600}.numbered span{color:var(--muted)}.endpoint{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fffdf9;border:1px solid #a9272555;color:var(--ink);padding:20px 25px;margin:-12px 0 32px;text-align:left;border-radius:8px}.endpoint code{font:24px var(--mono)}.endpoint span{font-size:17px;color:var(--red)}#connect .numbered{gap:18px}#connect .numbered li{grid-template-columns:42px 330px 1fr;font-size:22px}.reveal .conversation{padding-left:28px;border-left:3px solid var(--red)}.conversation .speaker{font:11px var(--mono);letter-spacing:2px;color:var(--red);margin:0 0 8px}.conversation .speaker:not(:first-child){margin-top:24px}.conversation blockquote{font-size:38px}.conversation .answer{font-size:26px;max-width:940px}.reveal .evidence{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:14px}.evidence img{display:block;max-width:100%;max-height:100%;width:100%;height:0;flex:1;min-height:0;object-fit:contain;object-position:center top;margin:0;border:0;box-shadow:none}.evidence figcaption{font-size:15px;color:var(--muted);line-height:1.4;flex:none}.screenshot h2{font-size:45px;margin-bottom:25px}.screenshot .eyebrow{margin-bottom:15px}.reveal .cover,.reveal .final{color:var(--paper);justify-content:center}.cover h1{font-size:86px;max-width:1100px}.reveal .cover .eyebrow,.reveal .final .eyebrow{color:#f0c9bd}.reveal .cover em,.reveal .final em{color:#f6e0d0}.reveal .cover .lead{margin-bottom:25px;color:#f6e0d0;font-size:27px}.reveal :is(.cover,.final) .bottom-note{color:#f1cfc5;border-color:#ffffff40}.reveal .cover .bottom-note{margin-top:40px}.final h2{font-size:76px;margin-bottom:50px}.reveal .closing-url{font-size:36px}.closing-links{display:flex;gap:35px;margin-top:30px;font-size:21px}.closing-links a{text-decoration-thickness:1px}.reveal .final .bottom-note{margin-top:50px}.reveal .demo-list{display:grid;gap:27px;list-style:none;font-size:27px;margin:0}.demo-list li{display:flex;gap:25px}.demo-list span{color:var(--red);font:17px/2 var(--mono)}.reveal .controls{color:var(--red);bottom:15px;right:16px}.reveal .progress{color:var(--red);height:3px}.deck-footer{position:fixed;bottom:0;inset-inline:0;height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--paper);font-size:11px;color:var(--muted);z-index:30}.deck-footer output{font-family:var(--mono)}.key-help{font-size:10px}dialog{background:#fffdf9;color:var(--ink);border:1px solid var(--line);border-radius:16px;width:min(690px,calc(100% - 30px));max-height:80dvh;padding:26px;box-shadow:0 20px 80px #242b2830}dialog::backdrop{background:#242b2877;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.dialog-header h2{font-size:21px;margin:0}.dialog-header button{border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);width:36px;height:36px;font-size:23px}#chapter-list{padding:0;list-style:none;margin:0;display:grid;gap:4px}#chapter-list button{width:100%;display:grid;grid-template-columns:28px 1fr;gap:16px;text-align:left;border:0;border-radius:6px;background:none;color:var(--ink);padding:11px;font-size:14px}#chapter-list button:hover,#chapter-list button[aria-current=true]{background:#a9272510;color:var(--red)}#chapter-list button span{font-family:var(--mono);font-size:11px}#notes-slide-title{font-size:23px;margin:0 0 17px}#notes-content{font-size:17px;line-height:1.8}.note-help{font-size:12px;color:var(--muted);line-height:1.6;margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line)}.sr-only,.skip{position:absolute;width:1px;height:1px;margin:-1px;clip-path:inset(50%);overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto;left:10px;top:10px;z-index:99;padding:12px;background:var(--paper)}.noscript{padding:90px 30px 0}html:not(.reveal-full-page) .reveal{position:static;height:auto;padding-top:74px}html:not(.reveal-full-page) .reveal .slides{position:static;width:auto;height:auto;transform:none}html:not(.reveal-full-page) .reveal .slides section{display:block;position:static;visibility:visible;height:auto;border-bottom:1px solid var(--line)}html:not(.reveal-full-page) .slide-layout{min-height:680px}html:not(.reveal-full-page) :is(.cover,.final){background:var(--red)}
@media(max-width:700px){.deck-header{height:60px;padding:0 15px;gap:15px}.brand{font-size:21px}.deck-header>span{display:none}.deck-header nav{gap:14px}.deck-header nav a,.deck-header nav button{font-size:11px}.deck-header kbd{display:none}.deck-header nav a:last-child{display:none}.reveal{inset:60px 0 40px;height:calc(100% - 100px)}.deck-footer{height:40px;padding:0 15px;font-size:10px}.key-help{display:none}dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.deck-header,.deck-footer,dialog,.skip,.sr-only,.noscript{display:none!important}.reveal{inset:0!important;height:100%!important}.slide-layout{print-color-adjust:exact;-webkit-print-color-adjust:exact}.reveal .slides section .slide-layout{padding:40px 64px!important}.reveal .slides section .notes{display:none}.evidence img{height:360px;flex:none}.reveal .slides section{overflow:hidden!important}}

/* Give screenshot examples a readable explanation beside the full evidence. */
.reveal-viewport{background:var(--paper)}
.screenshot{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:30px auto 1fr;column-gap:52px;align-items:start}
.screenshot .eyebrow{grid-column:1;grid-row:1;margin:0}
.screenshot h2{grid-column:1;grid-row:2;margin:25px 0 35px;font-size:48px}
.screenshot .screenshot-summary{grid-column:1;grid-row:3;font-size:25px;line-height:1.9;color:var(--muted)}
.screenshot .evidence{grid-column:2;grid-row:1 / -1;height:100%;width:100%}
@media print{.screenshot .evidence img{height:510px}}

html.reveal-print .reveal{position:static!important;height:auto!important;inset:auto!important}
html.reveal-print .reveal .slides{position:static!important;height:auto!important}

html.reveal-print .reveal .slides section,html.reveal-print .slide-layout{height:720px!important}