/* Strict soft-UI theme: every interactive surface uses paired light/dark shadows. */
:root{--orange:#ff8000;--orange2:#ff9d3d;--bg:#e9edf2;--surface:#edf1f5;--ink:#19212b;--muted:#66717f;--light:#fff;--dark:#c5cbd2;--out:10px 10px 24px var(--dark),-10px -10px 24px var(--light);--out-sm:5px 5px 12px var(--dark),-5px -5px 12px var(--light);--in:inset 4px 4px 9px var(--dark),inset -4px -4px 9px var(--light);--radius:26px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.18;z-index:-1}.ambient-a{width:36vw;height:36vw;background:#ff8000;right:-18vw;top:-16vw}.ambient-b{width:28vw;height:28vw;background:#fff;left:20vw;bottom:-16vw}
.sidebar{position:fixed;inset:0 auto 0 0;width:310px;padding:28px 22px;background:rgba(233,237,242,.94);backdrop-filter:blur(18px);box-shadow:8px 0 26px rgba(58,68,79,.12);z-index:20;overflow:auto}.brand{display:flex;gap:14px;align-items:center;margin-bottom:26px}.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:var(--orange);color:#fff;font-weight:900;box-shadow:7px 7px 15px #c7cbd0,-7px -7px 15px #fff}.brand strong,.brand small{display:block}.brand strong{font-size:1.08rem}.brand small{font-size:.72rem;color:var(--muted)}
.search{height:46px;border-radius:15px;box-shadow:var(--in);display:flex;align-items:center;padding:0 14px;gap:9px;margin-bottom:24px;color:var(--orange)}.search input{border:0;outline:0;background:transparent;width:100%;font-size:.86rem}.sidebar nav section{margin:0 0 21px}.sidebar nav h3{margin:0 8px 7px;font-size:.67rem;text-transform:uppercase;letter-spacing:.14em;color:#8993a0}.sidebar nav button{width:100%;border:0;background:transparent;border-radius:14px;padding:10px 11px;display:grid;grid-template-columns:30px 1fr;gap:8px;text-align:left;align-items:start;margin:3px 0;color:var(--muted);transition:.22s}.sidebar nav button span{font-size:.7rem;color:#9aa3ad;padding-top:2px}.sidebar nav button b{font-size:.78rem;line-height:1.35;font-weight:650}.sidebar nav button:hover{color:var(--ink);transform:translateX(3px)}.sidebar nav button.active{background:var(--surface);box-shadow:var(--out-sm);color:var(--ink)}.sidebar nav button.active span{color:var(--orange);font-weight:800}.overview-button,.nav-button,.mini-button,.icon-button{border:0;background:var(--surface);box-shadow:var(--out-sm);transition:.2s}.overview-button{width:100%;padding:13px;border-radius:15px;color:var(--orange);font-weight:800}.overview-button:active,.nav-button:active,.mini-button:active,.icon-button:active{box-shadow:var(--in);transform:translateY(1px)}.sidebar-note{text-align:center;font-size:.67rem;color:#9099a4;margin-top:18px}.mobile-bar{display:none}
.stage{margin-left:310px;min-height:100vh;padding:38px clamp(28px,5vw,80px) 36px}.progress-track{height:8px;border-radius:99px;box-shadow:var(--in);max-width:1400px;margin:0 auto 34px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#ffb363);box-shadow:0 0 12px #ff800088;transition:width .5s cubic-bezier(.2,.8,.2,1)}.page{max-width:1400px;margin:auto}.page-hero{min-height:340px;border-radius:34px;background:var(--surface);box-shadow:var(--out);padding:clamp(34px,6vw,76px);display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:30px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-70px;top:-70px;box-shadow:inset -25px -25px 40px #d1d5da,inset 25px 25px 40px #fff;opacity:.6}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-block;color:var(--orange);font-weight:850;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}.page-hero h1{font-size:clamp(2.2rem,5vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:.25em 0 .28em;max-width:960px}.hero-lead{max-width:850px;font-size:clamp(1rem,1.4vw,1.28rem);color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:25px;color:#89919c;font-size:.7rem}.mini-button{padding:9px 14px;border-radius:12px;color:var(--orange);font-size:.72rem;font-weight:800}.hero-orbit{width:190px;height:190px;border-radius:50%;box-shadow:var(--out),var(--in);display:grid;place-items:center;position:relative;justify-self:end}.hero-orbit:before,.hero-orbit span{content:"";position:absolute;border-radius:50%}.hero-orbit:before{inset:20px;border:2px dashed #ff800055;animation:spin 18s linear infinite}.hero-orbit span{width:22px;height:22px;background:var(--orange);top:8px;box-shadow:0 5px 15px #ff800077}.hero-orbit b{font-size:3.8rem;color:var(--orange);letter-spacing:-.08em}
.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:26px;margin-top:32px}.content-card{grid-column:span 6;background:var(--surface);border-radius:var(--radius);box-shadow:var(--out-sm);padding:clamp(24px,3vw,40px);position:relative;min-width:0;animation:rise .55s both;animation-delay:var(--delay)}.content-card:first-child,.content-card:has(table),.content-card:has(pre){grid-column:1/-1}.content-card h2{font-size:clamp(1.45rem,2.5vw,2.2rem);line-height:1.15;margin:0 0 18px;letter-spacing:-.03em}.content-card h3{font-size:1.2rem;margin:24px 0 9px}.content-card h4{margin:20px 0 8px;color:var(--orange)}.content-card p{color:#505c69;margin:.65em 0}.content-card strong{color:var(--ink)}.content-card a{color:#d96d00;font-weight:750;text-decoration:none;border-bottom:1px dotted}.content-card ul{padding-left:1.2em}.content-card li{margin:.55em 0}.content-card li::marker{color:var(--orange)}.content-card hr{border:0;height:2px;background:linear-gradient(90deg,var(--orange),transparent);margin:30px 0}.content-card blockquote{margin:22px 0;padding:18px 22px;border-left:5px solid var(--orange);border-radius:14px;background:var(--bg);box-shadow:var(--in)}.content-card blockquote p{margin:0;color:#404b57}.content-card code{background:#dde2e8;border-radius:7px;padding:.12em .4em;color:#c25f00}.content-card pre{overflow:auto;background:#202832;color:#f8f5ef;padding:24px;border-radius:18px;box-shadow:inset 6px 6px 14px #111820,inset -4px -4px 12px #36404c}.content-card pre code{background:transparent;color:#ffd2a6;padding:0}.collapse-toggle{position:absolute;right:20px;top:20px;border:0;width:34px;height:34px;border-radius:50%;background:var(--surface);box-shadow:var(--out-sm);color:var(--orange);font-weight:900}.content-card.collapsed>*:not(:first-child):not(h2):not(.collapse-toggle){display:none}
.table-wrap{overflow:auto;margin:22px 0;border-radius:18px;box-shadow:var(--in);padding:8px}table{width:100%;border-collapse:collapse;min-width:650px;font-size:.88rem}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #d4d9df;vertical-align:top}th{background:#e1e5ea;color:#bd5d00;position:sticky;top:0}tr:last-child td{border:0}
.deck-controls{max-width:1400px;margin:35px auto 0;display:flex;justify-content:space-between;align-items:center}.nav-button{border-radius:16px;padding:12px 18px;font-weight:800;color:var(--orange)}.nav-button:disabled{opacity:.35;cursor:not-allowed}.page-status{display:flex;align-items:baseline;gap:5px}.page-status strong{font-size:1.7rem}.page-status span{color:var(--muted);font-size:.8rem}
dialog{width:min(1080px,92vw);max-height:86vh;border:0;border-radius:30px;background:var(--bg);color:var(--ink);box-shadow:24px 24px 60px #1118,-12px -12px 35px #fff8;padding:30px}dialog::backdrop{background:#20273399;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.dialog-head small{color:var(--orange);letter-spacing:.14em;font-weight:850}.dialog-head h2{margin:0;font-size:2.1rem}.icon-button{width:42px;height:42px;border-radius:14px;font-weight:900}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.overview-grid button{border:0;background:var(--surface);box-shadow:var(--out-sm);border-radius:20px;padding:24px;text-align:left;min-height:150px;transition:.2s}.overview-grid button:hover{transform:translateY(-4px)}.overview-grid span{font-size:2rem;color:var(--orange);font-weight:900}.overview-grid small,.overview-grid strong{display:block}.overview-grid small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.overview-grid strong{margin-top:8px;line-height:1.25}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:#252d37;color:white;padding:10px 18px;border-radius:12px;opacity:0;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}.scrim{display:none}
.page-enter{animation:fade .35s ease}.content-card[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:.35;transform:translateX(8px)}to{opacity:1;transform:none}}

/* Visual explanation layer — page-specific summaries plus semantic source styling. */
.visual-summary{margin-top:32px;border-radius:32px;background:var(--surface);box-shadow:var(--out);padding:clamp(26px,4vw,50px);overflow:hidden;position:relative}.visual-summary:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-110px;top:-120px;background:#ff800014;box-shadow:var(--in)}.visual{position:relative;z-index:1}.visual-title{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:28px}.visual-title span{font-size:.67rem;letter-spacing:.16em;color:var(--orange);font-weight:900}.visual-title strong{font-size:clamp(1.15rem,2.5vw,2rem);line-height:1.15;text-align:right;max-width:700px}.v-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:18px}.v-step{min-height:132px;padding:21px 18px;border-radius:21px;background:var(--surface);box-shadow:var(--out-sm);position:relative}.v-step:not(:last-child):after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);z-index:2;color:var(--orange);font-size:1.3rem;font-weight:900}.v-step i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--orange);color:white;font-style:normal;font-size:.72rem;box-shadow:0 5px 12px #ff800055}.v-step strong,.v-step small{display:block}.v-step strong{margin-top:12px;font-size:.82rem;letter-spacing:.05em}.v-step small{margin-top:4px;color:var(--muted);line-height:1.35}.v-stack{display:flex;flex-direction:column;align-items:center;gap:10px}.v-stack>div{width:calc(100% - var(--level)*8%);min-height:67px;padding:15px clamp(18px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;background:linear-gradient(145deg,#f6f9fc,#dde2e7);box-shadow:var(--out-sm);border-left:6px solid color-mix(in srgb,var(--orange) calc(100% - var(--level)*12%),#ffc58b)}.v-stack b{color:#b85c00}.v-stack span{color:var(--muted);text-align:right}.v-split{display:grid;grid-template-columns:1fr 1fr;gap:26px}.v-split>div{padding:30px;border-radius:24px;box-shadow:var(--out-sm);background:var(--surface);border-top:5px solid var(--orange)}.v-split>div+div{border-color:#343e49}.v-split h3{margin:0;color:var(--orange);font-size:1.5rem}.v-split p{color:var(--muted)}.v-pill{padding:15px 17px;border-radius:16px;box-shadow:var(--out-sm);background:var(--surface)}.v-pill strong,.v-pill small{display:block}.v-pill strong{color:var(--ink)}.v-pill small{color:var(--muted);line-height:1.3;margin-top:3px}.platform-row,.risk-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}
.responsibility-meter{display:grid;grid-template-columns:repeat(4,1fr);margin-top:25px;border-radius:18px;overflow:hidden;box-shadow:var(--in);padding:10px}.responsibility-meter span{grid-column:1/-1;color:var(--orange);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.responsibility-meter b{padding:9px;font-size:.72rem;text-align:center}.probability{margin-top:28px;padding:24px;border-radius:22px;box-shadow:var(--in)}.probability>span{display:block;font-weight:800;margin-bottom:13px}.probability>div{display:grid;grid-template-columns:90px 1fr 45px;align-items:center;gap:12px;margin:9px 0}.probability>div b,.probability>div strong{font-size:.76rem}.probability i{height:11px;border-radius:99px;background:#d5dae0;box-shadow:inset 2px 2px 5px #bfc5cc,inset -2px -2px 5px #fff;overflow:hidden}.probability em{display:block;height:100%;min-width:4px;background:var(--orange);border-radius:inherit}.probability small{color:var(--muted)}
.lost-chart{max-width:780px;margin:auto;padding:25px;border-radius:22px;box-shadow:var(--in)}.curve{height:150px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 5%;border-left:2px solid #abb3bc;border-bottom:2px solid #abb3bc}.curve i{width:18px;height:18px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px #ff800025;transform:translateY(calc(var(--y,0)*1px))}.curve i:nth-child(1),.curve i:nth-child(7){align-self:flex-start}.curve i:nth-child(2),.curve i:nth-child(6){margin-bottom:75px}.curve i:nth-child(3),.curve i:nth-child(5){margin-bottom:25px}.curve i:nth-child(4){margin-bottom:8px}.axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;margin-top:8px}.lost-chart p{font-size:.75rem;color:var(--muted);margin-bottom:0}.skill-anatomy{margin:30px auto 0;width:min(680px,100%);display:flex;flex-wrap:wrap;justify-content:center;gap:11px;padding:26px;border-radius:24px;box-shadow:var(--in)}.skill-anatomy b{width:100%;font-size:1.45rem;text-align:center;color:var(--orange)}.skill-anatomy span{padding:7px 12px;border-radius:99px;background:var(--surface);box-shadow:var(--out-sm);font-size:.72rem}.code-band,.ops,.human-ai,.move-line{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;margin-top:26px}.code-band b,.ops b,.human-ai span,.move-line span{padding:11px 15px;border-radius:14px;background:var(--surface);box-shadow:var(--out-sm);font-size:.76rem}.code-band b:first-child,.ops b:first-child{color:var(--orange)}.human-ai span{flex:1;min-width:260px}.human-ai span:first-child{border-left:5px solid var(--orange)}.human-ai span:last-child{border-left:5px solid #343e49}.profile-visual{display:grid;grid-template-columns:260px 1fr;align-items:center;gap:30px}.profile-core{padding:28px;border-radius:25px;box-shadow:var(--out-sm);text-align:center}.profile-core>span{display:grid;place-items:center;margin:auto;width:85px;height:85px;border-radius:50%;background:var(--orange);color:#fff;font-size:1.8rem;font-weight:900;box-shadow:0 12px 22px #ff800055}.profile-core h3{margin:15px 0 2px}.profile-core p{font-size:.75rem;color:var(--muted)}.outcome-ring{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.outcome-ring span{display:grid;place-items:center;text-align:center;min-height:105px;padding:13px;border-radius:18px;box-shadow:var(--out-sm);font-size:.76rem;border-bottom:4px solid var(--orange)}
.karpathy-visual{display:grid;grid-template-columns:minmax(220px,330px) 1fr;gap:40px;align-items:center}.karpathy-visual img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px;box-shadow:var(--out);filter:saturate(.78) contrast(1.04)}.karpathy-visual .visual-title{display:block}.karpathy-visual .visual-title strong{display:block;text-align:left;font-size:clamp(2.2rem,4vw,4rem);margin-top:5px}.karpathy-visual>div>p{color:var(--muted);font-size:1.05rem}.career-line{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.career-line span{padding:7px 11px;border-radius:99px;box-shadow:var(--out-sm);font-size:.68rem}.career-line span:last-child{background:var(--orange);color:#fff}.bottom-up{padding:16px;border-radius:16px;box-shadow:var(--in);color:#b85c00;font-weight:750;font-size:.8rem}
.tiago-visual{display:grid;grid-template-columns:210px 1fr;gap:34px;align-items:center}.tiago-visual>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px;box-shadow:var(--out);filter:saturate(.82) contrast(1.03)}.load-sequence,.decision-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:25px}.load-sequence span,.decision-strip span{position:relative;padding:13px;border-radius:15px;box-shadow:var(--out-sm);font-size:.7rem;line-height:1.35}.load-sequence i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font-style:normal;font-weight:900;margin-bottom:7px}.load-sequence span:not(:last-child):after{content:"→";position:absolute;right:-10px;top:50%;color:var(--orange);font-weight:900}.decision-strip b{display:block;color:var(--orange);margin-top:5px}.meta-card{grid-column:span 4!important;padding:22px 24px;align-self:start}.meta-card h2,.meta-card h3{font-size:1rem;margin:0;color:var(--muted)}.meta-card details{margin-top:10px}.meta-card summary{cursor:pointer;color:var(--orange);font-size:.75rem;font-weight:850;list-style:none}.meta-card summary:before{content:"＋";margin-right:7px}.meta-card details[open] summary:before{content:"−"}.meta-card details[open]{padding-top:5px}.meta-card p,.meta-card li{font-size:.78rem}
.ai-layers-visual{height:100%;margin:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.65fr);gap:24px;align-items:center}.ai-layers-visual .image-frame{min-height:0;padding:12px;border-radius:23px;background:var(--surface);box-shadow:var(--in);border:2px solid #ff800033}.ai-layers-visual img{display:block;width:100%;max-height:48vh;object-fit:contain;border-radius:15px;box-shadow:var(--out-sm)}.ai-layers-visual figcaption{padding:22px;border-radius:22px;background:var(--surface);box-shadow:var(--out-sm);border-left:5px solid var(--orange)}.ai-layers-visual figcaption span{display:block;color:var(--orange);font-size:.66rem;font-weight:900;letter-spacing:.12em}.ai-layers-visual figcaption strong{display:block;margin-top:7px;font-size:clamp(1rem,2vw,1.5rem);line-height:1.2}.ai-layers-visual figcaption p{margin:18px 0 0;color:var(--muted);font-size:.76rem;line-height:1.45}.ai-layers-visual figcaption b{color:var(--ink)}
.diagram-label{display:inline-block;margin-top:16px;color:var(--orange);font-size:.62rem;letter-spacing:.15em;font-weight:900}.content-card pre.flow-code{background:linear-gradient(145deg,#27313c,#1c232b);border-left:5px solid var(--orange)}.content-card pre.structure-code{background:#252e38}.stage-card{border-top:5px solid var(--orange)}.stage-card>h2:first-of-type,.stage-card>h3:first-of-type{padding-right:45px}.takeaway-card{background:linear-gradient(145deg,#f5f8fb,#dfe4e9)}.visual-list{list-style:none;padding:0!important;display:grid;gap:9px}.visual-list li{position:relative;padding:10px 12px 10px 38px;border-radius:13px;background:#e9edf2;box-shadow:inset 2px 2px 5px #ccd1d7,inset -2px -2px 5px #fff}.visual-list li:before{content:"✓";position:absolute;left:13px;color:var(--orange);font-weight:900}.visual-list:is(ol){counter-reset:item}.visual-list:is(ol) li{counter-increment:item}.visual-list:is(ol) li:before{content:counter(item);display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--orange);color:white;font-size:.63rem;top:12px}.comparison-table table{min-width:560px}.comparison-table tbody tr:hover,.matrix-table tbody tr:hover{background:#ff80000c}.comparison-table th:first-child{border-radius:12px 0 0 12px}.comparison-table th:last-child{border-radius:0 12px 12px 0}
@media(max-width:1000px){.mobile-bar{display:flex;position:sticky;top:0;height:64px;padding:0 18px;align-items:center;justify-content:space-between;background:#e9edf2e8;backdrop-filter:blur(15px);z-index:15;box-shadow:0 8px 18px #7d87931c;font-weight:800}.sidebar{transform:translateX(-110%);transition:.28s;width:min(330px,88vw)}.sidebar.open{transform:none}.scrim{position:fixed;inset:0;border:0;background:#20273388;z-index:19}.scrim.show{display:block}.stage{margin-left:0;padding:25px 22px 32px}.page-hero{grid-template-columns:1fr;min-height:0}.hero-orbit{position:absolute;right:-45px;bottom:-55px;opacity:.28}.content-card{grid-column:1/-1}.platform-row,.risk-grid{grid-template-columns:repeat(3,1fr)}.profile-visual{grid-template-columns:1fr}.outcome-ring{grid-template-columns:repeat(3,1fr)}.meta-card{grid-column:span 6!important}.tiago-visual{grid-template-columns:170px 1fr}.load-sequence{grid-template-columns:repeat(3,1fr)}.decision-strip{grid-template-columns:1fr 1fr}}
@media(max-width:620px){body{font-size:15px}.stage{padding:20px 14px 28px}.progress-track{margin-bottom:20px}.page-hero{padding:32px 24px;border-radius:25px}.page-hero h1{font-size:2.45rem}.hero-actions span{display:none}.card-grid{gap:18px;margin-top:22px}.content-card{padding:25px 21px;border-radius:21px}.overview-grid{grid-template-columns:1fr}.nav-button span{display:none}.table-wrap{margin-left:-8px;margin-right:-8px}.deck-controls{margin-top:25px}.visual-summary{padding:23px 18px;border-radius:24px}.visual-title{display:block}.visual-title strong{display:block;text-align:left;margin-top:5px}.v-flow{grid-template-columns:1fr 1fr}.v-step:not(:last-child):after{content:"↓";right:8px;top:auto;bottom:-17px}.v-stack>div{width:100%;display:block}.v-stack span{display:block;text-align:left;font-size:.74rem}.v-split,.karpathy-visual,.tiago-visual{grid-template-columns:1fr}.platform-row,.risk-grid,.outcome-ring{grid-template-columns:1fr 1fr}.karpathy-visual img,.tiago-visual>img{max-width:270px;margin:auto}.responsibility-meter{grid-template-columns:1fr 1fr}.responsibility-meter span{grid-column:1/-1}.load-sequence,.decision-strip{grid-template-columns:1fr 1fr}.load-sequence span:not(:last-child):after{content:"↓";right:5px;top:auto;bottom:-10px}.meta-card{grid-column:1/-1!important}}
@media print{.sidebar,.mobile-bar,.deck-controls,.progress-track,.hero-actions,.collapse-toggle{display:none!important}.stage{margin:0;padding:0}.page-hero,.content-card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.content-card{grid-column:1/-1}.page{max-width:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V4 screen-fit pagination: one visual or concept per viewport, never one long page. */
body{height:100dvh;overflow:hidden}.stage{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:22px;padding-bottom:18px}.progress-track{flex:0 0 7px;width:100%;margin-bottom:18px}.page{flex:1;min-height:0;width:100%;overflow:hidden}.slide-deck,.subpage{height:100%;min-height:0}.subpage{display:none}.subpage.active{display:flex;animation:fade .32s ease}.overview-slide{gap:20px;flex-direction:column}.overview-slide .page-hero{flex:0 0 auto;min-height:0;padding:clamp(22px,3.2vh,38px) clamp(28px,4vw,55px);grid-template-columns:minmax(0,1fr) 130px}.overview-slide .page-hero h1{font-size:clamp(2rem,4.8vh,4rem);margin:.15em 0}.overview-slide .hero-lead{font-size:clamp(.82rem,1.7vh,1.08rem);line-height:1.45}.overview-slide .hero-actions{display:none}.overview-slide .hero-orbit{width:112px;height:112px}.overview-slide .hero-orbit:before{inset:14px}.overview-slide .hero-orbit b{font-size:2.4rem}.overview-slide .visual-summary{flex:1;min-height:0;margin:0;padding:clamp(18px,2.6vh,32px);overflow:auto}.overview-slide .visual-title{margin-bottom:clamp(13px,2vh,22px)}.overview-slide .v-step{min-height:90px;padding:13px}.overview-slide .v-step strong{margin-top:7px}.overview-slide .v-stack{gap:7px}.overview-slide .v-stack>div{min-height:48px;padding:9px 22px}.overview-slide .lost-chart{padding:15px}.overview-slide .curve{height:100px}.overview-slide .skill-anatomy{margin-top:18px;padding:15px}.overview-slide .load-sequence,.overview-slide .decision-strip{margin-top:16px}.overview-slide .probability{margin-top:18px;padding:15px}.detail-slide{flex-direction:column;gap:14px}.detail-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:end;gap:24px;padding:2px 6px 8px;border-bottom:2px solid #d6dbe1}.detail-head span{font-size:.62rem;letter-spacing:.13em;color:var(--orange);font-weight:900;text-transform:uppercase}.detail-head h2{margin:1px 0 0;font-size:clamp(1rem,2.2vh,1.45rem);line-height:1.1}.detail-head>b{font-size:clamp(1.05rem,2.7vh,1.8rem);line-height:1.1;text-align:right;max-width:55%;color:var(--muted)}.detail-slide>.content-card{flex:1;min-height:0;width:100%;grid-column:1/-1;padding:clamp(18px,2.5vh,30px);overflow:auto;animation:rise .4s both}.detail-slide>.content-card h2{font-size:clamp(1.35rem,3vh,2rem);margin-bottom:12px}.detail-slide>.content-card h3{margin:15px 0 6px}.detail-slide>.content-card p{margin:.42em 0}.detail-slide>.content-card li{margin:.35em 0}.detail-slide>.content-card blockquote{margin:12px 0;padding:12px 16px}.detail-slide>.content-card pre{margin:10px 0;padding:16px;font-size:clamp(.65rem,1.45vh,.82rem);line-height:1.35}.detail-slide .table-wrap{margin:10px 0}.detail-slide table{font-size:clamp(.68rem,1.4vh,.82rem)}.detail-slide th,.detail-slide td{padding:clamp(7px,1.1vh,11px) 12px}.detail-slide .visual-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.detail-slide .visual-list li{padding-top:7px;padding-bottom:7px}.notes-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-content:start;overflow:auto;padding:8px}.notes-grid .meta-card{grid-column:auto!important;width:auto}.deck-controls{flex:0 0 48px;width:100%;margin:12px auto 0}.page-status strong{font-size:1.25rem}.page-status span{font-size:.72rem}.screen-card:not(:has(pre)):not(:has(table)){display:flex;flex-direction:column;justify-content:center}.concept-grid{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.concept-grid>.content-card{grid-column:auto!important;min-height:0;width:100%;height:100%;overflow:auto;padding:clamp(18px,2.3vh,28px);animation:rise .4s both}.concept-grid>.content-card:nth-child(2){animation-delay:70ms}.card-kicker{display:inline-flex;align-self:flex-start;margin-bottom:13px;padding:6px 10px;border-radius:10px;background:var(--surface);box-shadow:var(--out-sm);border-left:4px solid var(--orange);color:#ad5700;font-size:.7rem;font-weight:900;letter-spacing:.04em}.concept-grid .visual-list{grid-template-columns:1fr}.concept-grid .content-card p{margin:.38em 0}.concept-grid .content-card li{margin:.3em 0}
@media(max-width:1000px){.stage{height:calc(100dvh - 64px);padding:12px 18px 10px}.progress-track{margin-bottom:10px}.overview-slide{gap:12px}.overview-slide .page-hero{grid-template-columns:1fr 85px;padding:18px 22px}.overview-slide .hero-orbit{width:78px;height:78px}.overview-slide .hero-orbit b{font-size:1.7rem}.overview-slide .visual-summary{padding:18px}.detail-head>b{max-width:58%}.notes-grid{grid-template-columns:1fr 1fr}.deck-controls{margin-top:8px}}
@media(max-width:900px){.concept-grid{grid-template-columns:1fr}.concept-grid>.content-card{height:auto}}
@media(max-width:620px){.stage{padding:9px 11px 7px}.progress-track{flex-basis:5px;margin-bottom:7px}.overview-slide .page-hero{padding:14px 16px;border-radius:19px;grid-template-columns:1fr 55px}.overview-slide .page-hero h1{font-size:clamp(1.42rem,5.2vw,2rem)}.overview-slide .hero-lead{font-size:.72rem;line-height:1.3}.overview-slide .eyebrow{font-size:.56rem}.overview-slide .hero-orbit{width:50px;height:50px}.overview-slide .hero-orbit:before,.overview-slide .hero-orbit span{display:none}.overview-slide .hero-orbit b{font-size:1.15rem}.overview-slide .visual-summary{padding:14px;border-radius:19px}.overview-slide .visual-title{margin-bottom:10px}.overview-slide .visual-title strong{font-size:.95rem}.overview-slide .v-flow{gap:8px}.overview-slide .v-step{min-height:70px;padding:9px}.overview-slide .v-step i{width:20px;height:20px;font-size:.55rem}.overview-slide .v-step strong{font-size:.65rem}.overview-slide .v-step small{font-size:.59rem}.overview-slide .v-stack>div{min-height:38px;padding:6px 11px}.overview-slide .v-stack b,.overview-slide .v-stack span{font-size:.62rem}.overview-slide .platform-row,.overview-slide .risk-grid,.overview-slide .outcome-ring{gap:7px}.overview-slide .v-pill{padding:8px}.overview-slide .v-pill strong,.overview-slide .v-pill small{font-size:.6rem}.overview-slide .skill-anatomy{margin-top:10px;padding:9px;gap:6px}.overview-slide .skill-anatomy b{font-size:.85rem}.overview-slide .skill-anatomy span{padding:4px 7px;font-size:.55rem}.overview-slide .load-sequence,.overview-slide .decision-strip{gap:6px;margin-top:9px}.overview-slide .load-sequence span,.overview-slide .decision-strip span{padding:7px;font-size:.55rem}.overview-slide .code-band,.overview-slide .ops,.overview-slide .human-ai,.overview-slide .move-line{margin-top:9px;gap:6px}.overview-slide .code-band b,.overview-slide .ops b,.overview-slide .human-ai span,.overview-slide .move-line span{padding:6px 8px;font-size:.57rem}.overview-slide .karpathy-visual,.overview-slide .tiago-visual{grid-template-columns:100px 1fr;gap:13px}.overview-slide .karpathy-visual img,.overview-slide .tiago-visual>img{max-width:100px}.overview-slide .career-line{margin:8px 0;gap:4px}.overview-slide .career-line span{padding:3px 5px;font-size:.5rem}.overview-slide .bottom-up{padding:7px;font-size:.55rem}.detail-slide{gap:7px}.detail-head{gap:10px;padding-bottom:5px}.detail-head span{font-size:.5rem}.detail-head h2{font-size:.78rem}.detail-head>b{font-size:.92rem;max-width:62%}.detail-slide>.content-card{padding:14px 15px;border-radius:17px;font-size:.76rem;line-height:1.4}.detail-slide>.content-card h2{font-size:1.13rem;margin-bottom:7px}.detail-slide>.content-card h3{font-size:.94rem;margin:9px 0 4px}.detail-slide>.content-card h4{font-size:.82rem;margin:8px 0 3px}.detail-slide>.content-card p,.detail-slide>.content-card li{margin:.27em 0}.detail-slide .visual-list{grid-template-columns:1fr;gap:5px}.detail-slide .visual-list li{padding:6px 8px 6px 31px}.notes-grid{grid-template-columns:1fr;gap:8px}.deck-controls{flex-basis:39px;margin-top:5px}.nav-button{padding:7px 12px}.page-status strong{font-size:.95rem}.page-status span{font-size:.58rem}}
@media print{body,.stage,.page{height:auto;overflow:visible}.slide-deck,.subpage{height:auto}.subpage{display:block;break-after:page}.deck-controls,.progress-track{display:none!important}}
@media(max-width:760px){.ai-layers-visual{grid-template-columns:1fr;gap:10px;align-content:start}.ai-layers-visual .image-frame{padding:7px;border-radius:15px}.ai-layers-visual img{max-height:36vh;border-radius:10px}.ai-layers-visual figcaption{padding:10px 13px;border-radius:14px}.ai-layers-visual figcaption strong{font-size:.78rem}.ai-layers-visual figcaption p{margin-top:5px;font-size:.6rem;line-height:1.3}.ai-layers-visual figcaption span{font-size:.52rem}}

/* Page 01.02 — concise professional profile using the supplied portrait. */
.screen-card.profile-detail-card{display:block!important;justify-content:initial!important}.jeffrey-profile{height:100%;display:grid;grid-template-columns:minmax(210px,310px) 1fr;gap:clamp(22px,4vw,48px);align-items:center}.jeffrey-photo{position:relative;padding:11px;border-radius:28px;background:var(--surface);box-shadow:var(--in)}.jeffrey-photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;box-shadow:var(--out-sm)}.jeffrey-photo span{position:absolute;right:20px;bottom:20px;padding:7px 12px;border-radius:99px;background:var(--orange);color:#fff;font-size:.68rem;font-weight:900;box-shadow:0 8px 18px #7a3d0066}.jeffrey-details{min-width:0}.profile-topline{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.profile-topline b{font-size:clamp(1.25rem,2.6vw,2rem)}.profile-topline i{padding:6px 10px;border-radius:10px;box-shadow:var(--out-sm);color:var(--orange);font-size:.7rem;font-style:normal;font-weight:900}.jeffrey-details>p{margin:10px 0;color:var(--muted);font-size:.9rem}.jeffrey-details>blockquote{margin:13px 0;padding:12px 16px;font-size:.82rem}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.profile-facts section{padding:15px;border-radius:17px;box-shadow:var(--in)}.profile-facts strong,.profile-facts span{display:block}.profile-facts strong{margin-bottom:7px;color:var(--orange);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.profile-facts span{margin:5px 0;color:var(--muted);font-size:.7rem;line-height:1.35}.profile-facts span:before{content:"•";color:var(--orange);margin-right:7px}.linkedin-button{display:inline-block;margin-top:16px;padding:10px 15px;border-radius:13px;background:var(--surface);box-shadow:var(--out-sm);color:#bd5d00!important;border:0!important;text-decoration:none;font-size:.74rem;font-weight:900}.linkedin-button:active{box-shadow:var(--in)}
@media(max-width:760px){.jeffrey-profile{grid-template-columns:105px 1fr;gap:13px;align-items:start}.jeffrey-photo{padding:6px;border-radius:17px}.jeffrey-photo img{border-radius:12px}.jeffrey-photo span{right:9px;bottom:9px;padding:4px 7px;font-size:.5rem}.profile-topline{gap:6px}.profile-topline b{font-size:1rem}.profile-topline i{padding:4px 6px;font-size:.54rem}.jeffrey-details>p{font-size:.64rem;margin:6px 0}.jeffrey-details>blockquote{font-size:.62rem;margin:6px 0;padding:7px 9px}.profile-facts{grid-template-columns:1fr;gap:6px;margin-top:7px}.profile-facts section{padding:8px}.profile-facts strong{font-size:.55rem;margin-bottom:3px}.profile-facts span{font-size:.55rem;margin:2px 0}.linkedin-button{margin-top:7px;padding:6px 9px;font-size:.58rem}}

/* Topic 02 supplemental screen — full AI infrastructure flow. */
.supplemental-slide{align-items:stretch}.supplemental-visual{width:100%;height:100%;min-height:0;padding:clamp(18px,2.8vh,30px);border-radius:30px;background:var(--surface);box-shadow:var(--out);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:13px;overflow:hidden}.supplemental-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.supplemental-head span{color:var(--orange);font-size:.65rem;font-weight:900;letter-spacing:.14em}.supplemental-head strong{font-size:clamp(1rem,2.5vh,1.6rem);line-height:1.15;text-align:right}.supplemental-frame{min-height:0;padding:10px;border-radius:21px;box-shadow:var(--in);border:2px solid #ff800033;display:grid;place-items:center}.supplemental-frame img{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px}.supplemental-visual>p{margin:0;padding:9px 13px;border-radius:13px;box-shadow:var(--out-sm);color:var(--muted);font-size:.72rem}.supplemental-visual>p b{color:var(--orange)}
@media(max-width:620px){.supplemental-visual{padding:12px;border-radius:20px;gap:8px}.supplemental-head{display:block}.supplemental-head span{font-size:.52rem}.supplemental-head strong{display:block;margin-top:3px;text-align:left;font-size:.86rem}.supplemental-frame{padding:6px;border-radius:14px}.supplemental-visual>p{padding:7px 9px;font-size:.58rem;line-height:1.3}}

/* Topic 05 supplemental screen — lost-in-the-middle positional pattern. */
.context-window-visual{grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr);grid-template-rows:1fr;align-items:center;gap:clamp(22px,4vw,50px)}.context-image{height:100%;min-height:0;padding:10px;border-radius:25px;box-shadow:var(--in);display:grid;place-items:center}.context-image img{display:block;max-width:100%;height:100%;min-height:0;object-fit:contain;border-radius:17px;box-shadow:var(--out-sm)}.context-explainer>span{color:var(--orange);font-size:.67rem;font-weight:900;letter-spacing:.14em}.context-explainer h2{font-size:clamp(1.45rem,3.2vw,2.8rem);line-height:1.08;letter-spacing:-.035em;margin:8px 0 22px}.position-key{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;padding:18px;border-radius:19px;box-shadow:var(--in)}.position-key b{color:var(--orange)}.position-key i{color:var(--muted);font-style:normal}.context-explainer p{margin:19px 0 0;padding:14px 17px;border-left:5px solid var(--orange);border-radius:14px;background:var(--surface);box-shadow:var(--out-sm);color:var(--muted);font-size:.78rem}.context-explainer p strong{color:var(--ink)}
@media(max-width:620px){.context-window-visual{grid-template-columns:115px 1fr;gap:12px;padding:11px}.context-image{padding:5px;border-radius:14px}.context-image img{border-radius:9px}.context-explainer>span{font-size:.5rem}.context-explainer h2{font-size:.93rem;margin:4px 0 8px}.position-key{padding:8px;gap:4px 8px;font-size:.6rem}.context-explainer p{margin-top:8px;padding:7px 9px;font-size:.55rem;line-height:1.25}}

/* Shared Q&A presentation shell. The actual questions live on an external website. */
.sidebar nav button.qa-nav{margin-top:8px;border:1px solid #ff80002e;color:#b75b00}.qa-slide{align-items:stretch}.qa-shell{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:clamp(20px,3vh,34px);border-radius:30px;background:var(--surface);box-shadow:var(--out);overflow:hidden}.qa-head{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:18px}.qa-head span{color:var(--orange);font-size:.65rem;font-weight:900;letter-spacing:.14em}.qa-head h2{font-size:clamp(1.7rem,4vh,3.2rem);line-height:1;margin:5px 0 8px;letter-spacing:-.04em}.qa-head p{margin:0;color:var(--muted);font-size:.82rem}.qa-mark{flex:0 0 76px;width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-size:2.6rem;font-weight:900;box-shadow:9px 9px 20px #c4c9cf,-9px -9px 20px #fff}.qa-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:24px}.qa-form,.qa-response{min-height:0;padding:22px;border-radius:23px;background:var(--surface);box-shadow:var(--out-sm)}.qa-form{display:flex;flex-direction:column}.qa-form label{color:var(--orange);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.qa-form textarea{width:100%;flex:1;min-height:95px;resize:none;margin:10px 0 13px;padding:16px;border:0;outline:0;border-radius:17px;background:var(--surface);box-shadow:var(--in);color:var(--ink);font:inherit}.qa-form textarea:focus{box-shadow:var(--in),0 0 0 2px #ff800055}.qa-starters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.qa-starters button{border:0;padding:7px 10px;border-radius:99px;background:var(--surface);box-shadow:var(--out-sm);color:var(--muted);font-size:.66rem}.qa-starters button:hover{color:var(--orange)}.qa-submit{border:0;padding:12px 15px;border-radius:14px;background:var(--orange);color:#fff;font-weight:900;box-shadow:7px 7px 16px #c7cbd0,-7px -7px 16px #fff}.qa-submit span{float:right}.qa-response{display:flex;flex-direction:column}.qa-response-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.qa-response-head span,.qa-response-head b{display:block}.qa-response-head span{color:var(--orange);font-size:.62rem;font-weight:900;letter-spacing:.12em}.qa-response-head b{font-size:.8rem}.qa-clear{border:0;padding:7px 10px;border-radius:10px;background:var(--surface);box-shadow:var(--out-sm);color:var(--muted);font-size:.66rem}.qa-feed{flex:1;min-height:0;overflow:auto;padding:5px}.qa-feed article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px;margin-bottom:10px;border-radius:16px;box-shadow:var(--in)}.qa-feed article>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--orange);color:white;font-style:normal;font-size:.62rem;font-weight:900}.qa-feed article strong,.qa-feed article span{display:block}.qa-feed article strong{line-height:1.25}.qa-feed article span{margin-top:6px;color:var(--orange);font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.qa-feed article p{margin:3px 0 0;color:var(--muted);font-size:.7rem;line-height:1.35}.qa-empty{height:100%;display:grid;place-content:center;text-align:center;padding:25px;border-radius:18px;box-shadow:var(--in);color:var(--muted)}.qa-empty b,.qa-empty span{display:block}.qa-empty b{color:var(--ink)}.qa-empty span{max-width:360px;margin-top:5px;font-size:.72rem}
@media(max-width:720px){.qa-shell{padding:13px;border-radius:20px}.qa-head{padding-bottom:9px}.qa-head h2{font-size:1.35rem;margin:3px 0}.qa-head p{font-size:.62rem}.qa-mark{flex-basis:44px;width:44px;height:44px;font-size:1.5rem}.qa-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:9px}.qa-form,.qa-response{padding:11px;border-radius:15px}.qa-form textarea{min-height:58px;flex:0 0 58px;margin:6px 0 8px;padding:10px;font-size:.72rem}.qa-starters{margin-bottom:8px}.qa-starters button{padding:5px 7px;font-size:.55rem}.qa-submit{padding:8px 10px;font-size:.68rem}.qa-response-head{padding-bottom:6px}.qa-feed article{padding:8px;margin-bottom:6px}.qa-feed article strong{font-size:.7rem}.qa-feed article p{font-size:.58rem}.qa-empty{padding:12px}.qa-empty span{font-size:.6rem}}

/* Q&A is hosted on a separate website; this screen only explains the flow. */
.qa-external{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,52px);align-items:center}.qa-device{padding:13px;border-radius:26px;background:var(--surface);box-shadow:var(--in)}.qa-browser{height:34px;display:flex;align-items:center;gap:6px;padding:0 12px;border-radius:14px 14px 0 0;background:#303945;color:#fff}.qa-browser i{width:7px;height:7px;border-radius:50%;background:var(--orange)}.qa-browser span{margin-left:7px;font-size:.62rem}.qa-mock{padding:clamp(22px,4vh,40px);border-radius:0 0 17px 17px;background:linear-gradient(145deg,#f4f7fa,#dfe4e9);box-shadow:inset 3px 3px 7px #c8cdd3,inset -3px -3px 7px #fff}.qa-mock small,.qa-mock strong{display:block}.qa-mock small{color:var(--orange);font-weight:900;letter-spacing:.13em}.qa-mock strong{font-size:clamp(1.25rem,3vw,2.2rem);line-height:1.1;margin:8px 0 22px}.qa-mock div{padding:17px;border-radius:14px;box-shadow:var(--in);color:#9aa2ac;font-size:.75rem}.qa-mock b{display:block;margin-top:15px;padding:11px 14px;border-radius:12px;background:var(--orange);color:#fff;text-align:center;font-size:.75rem}.qa-guide>span{color:var(--orange);font-size:.64rem;font-weight:900;letter-spacing:.13em}.qa-guide h3{font-size:clamp(2rem,5vw,4.4rem);line-height:.94;letter-spacing:-.055em;margin:8px 0 22px}.qa-guide ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.qa-guide li{display:grid;grid-template-columns:30px 1fr;column-gap:9px;padding:11px;border-radius:14px;box-shadow:var(--out-sm)}.qa-guide li i{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;font-style:normal;font-size:.65rem;font-weight:900}.qa-guide li b,.qa-guide li small{display:block}.qa-guide li small{color:var(--muted);font-size:.6rem;line-height:1.3}.qa-examples{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.qa-examples span{padding:6px 9px;border-radius:99px;box-shadow:var(--in);color:var(--muted);font-size:.6rem}
@media(max-width:720px){.qa-external{grid-template-columns:135px 1fr;gap:12px}.qa-device{padding:6px;border-radius:14px}.qa-browser{height:22px;padding:0 6px}.qa-browser i{width:4px;height:4px}.qa-browser span{font-size:.45rem}.qa-mock{padding:10px}.qa-mock small{font-size:.45rem}.qa-mock strong{font-size:.78rem;margin:4px 0 8px}.qa-mock div{padding:7px;font-size:.48rem}.qa-mock b{margin-top:7px;padding:6px;font-size:.48rem}.qa-guide>span{font-size:.48rem}.qa-guide h3{font-size:1.55rem;margin:4px 0 9px}.qa-guide ol{grid-template-columns:1fr;gap:4px}.qa-guide li{padding:6px;grid-template-columns:22px 1fr}.qa-guide li i{width:20px;height:20px;font-size:.5rem}.qa-guide li b{font-size:.62rem}.qa-guide li small{font-size:.48rem}.qa-examples{margin-top:7px}.qa-examples span{padding:4px 6px;font-size:.48rem}}

/* Page 05 — turn the reliability comparison into a full-screen visual. */
.screen-card.reliability-card{display:flex!important;justify-content:center!important;padding:clamp(16px,2.2vh,26px)}.reliability-card>h2{display:none}.reliability-gap{width:min(1100px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:12px 18px;align-items:center}.gap-column-head{padding:14px 18px;border-radius:18px;background:var(--surface);box-shadow:var(--out-sm)}.gap-column-head span,.gap-column-head b{display:block}.gap-column-head span{font-size:clamp(1.05rem,2.4vh,1.55rem);font-weight:900;letter-spacing:-.025em}.gap-column-head b{margin-top:2px;color:var(--muted);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.gap-column-head.expect{border-top:5px solid #798594}.gap-column-head.reality{border-top:5px solid var(--orange)}.gap-column-head.reality span{color:#b65b00}.gap-center-head{text-align:center}.gap-center-head span{display:grid;place-items:center;width:48px;height:48px;margin:auto;border-radius:50%;background:var(--orange);color:#fff;font-size:1.55rem;font-weight:900;box-shadow:var(--out-sm)}.gap-center-head b{display:block;margin-top:5px;color:var(--orange);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}.gap-pairs{display:contents}.gap-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:18px;align-items:stretch}.gap-point{min-height:58px;padding:10px 14px;display:flex;align-items:center;gap:12px;border-radius:16px;background:var(--surface);box-shadow:var(--in)}.gap-point i{flex:0 0 28px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#7d8895;color:#fff;font-style:normal;font-size:.66rem;font-weight:900}.gap-point strong{font-size:clamp(.75rem,1.55vh,.96rem);line-height:1.22}.gap-point.reality{box-shadow:var(--out-sm);border-left:4px solid var(--orange)}.gap-point.reality i{background:var(--orange)}.gap-bridge{display:grid;place-items:center;position:relative}.gap-bridge:before{content:"";position:absolute;left:-10px;right:-10px;height:2px;background:linear-gradient(90deg,#aeb6bf,var(--orange))}.gap-bridge span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface);box-shadow:var(--out-sm);color:var(--orange);font-weight:900}.gap-takeaway{grid-column:1/-1;margin-top:2px;padding:13px 18px;border-radius:16px;background:linear-gradient(135deg,#ff8000,#ff9d3d);color:#fff;box-shadow:7px 7px 16px #c5cbd2,-7px -7px 16px #fff;display:flex;justify-content:center;gap:10px 24px;align-items:center;text-align:center}.gap-takeaway b{font-size:.88rem}.gap-takeaway span{font-size:.72rem;opacity:.92}
@media(max-width:620px){.screen-card.reliability-card{padding:10px}.reliability-gap{grid-template-columns:1fr 40px 1fr;gap:6px}.gap-column-head{padding:8px;border-radius:11px}.gap-column-head span{font-size:.72rem;line-height:1.05}.gap-column-head b{font-size:.42rem}.gap-column-head.expect,.gap-column-head.reality{border-top-width:3px}.gap-center-head span{width:29px;height:29px;font-size:.9rem}.gap-center-head b{font-size:.4rem}.gap-row{grid-template-columns:1fr 40px 1fr;gap:6px}.gap-point{min-height:43px;padding:6px;gap:6px;border-radius:10px}.gap-point i{flex-basis:18px;width:18px;height:18px;font-size:.48rem}.gap-point strong{font-size:.55rem}.gap-point.reality{border-left-width:3px}.gap-bridge:before{left:-4px;right:-4px}.gap-bridge span{width:20px;height:20px;font-size:.62rem}.gap-takeaway{padding:7px 9px;display:block}.gap-takeaway b,.gap-takeaway span{display:block}.gap-takeaway b{font-size:.58rem}.gap-takeaway span{font-size:.48rem}}

/* Chapters 10–12 — a visible narrative bridge from Second Brain to LLM Wiki. */
.chapter-handoff{margin-top:13px;padding:11px 16px;border-radius:15px;background:linear-gradient(135deg,#ff8000,#ff9d3d);color:#fff;box-shadow:var(--out-sm);display:flex;align-items:center;justify-content:center;gap:10px 22px;text-align:center}.chapter-handoff b{font-size:.74rem}.chapter-handoff span{font-size:.66rem;opacity:.92}.continuity-line{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:18px}.continuity-line span{position:relative;padding:10px;border-radius:13px;background:var(--surface);box-shadow:var(--out-sm);color:var(--muted);font-size:.62rem;text-align:center}.continuity-line span:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:var(--orange);font-weight:900}.continuity-line b{display:block;color:var(--orange);font-size:.67rem;letter-spacing:.05em}.second-brain-bridge{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(13px,2.5vh,24px)}.second-brain-bridge header{text-align:center}.second-brain-bridge header span{color:var(--orange);font-size:.64rem;font-weight:900;letter-spacing:.15em}.second-brain-bridge header h2{margin:5px 0 0;font-size:clamp(1.5rem,3.8vh,2.7rem);line-height:1.03;letter-spacing:-.04em}.bridge-journey{min-height:0;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:center}.bridge-journey article{height:100%;min-height:0;padding:clamp(14px,2.2vh,24px);border-radius:21px;background:var(--surface);box-shadow:var(--out-sm);display:flex;flex-direction:column;justify-content:center}.bridge-journey article>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#778391;color:#fff;font-style:normal;font-size:.68rem;font-weight:900}.bridge-journey article small{margin-top:12px;color:var(--orange);font-size:.58rem;font-weight:900;letter-spacing:.11em}.bridge-journey article strong{margin-top:5px;font-size:clamp(.9rem,2vh,1.2rem);line-height:1.12}.bridge-journey article p{margin:8px 0 0;color:var(--muted);font-size:clamp(.62rem,1.35vh,.76rem);line-height:1.35}.bridge-journey article.bridge-focus{border-top:5px solid var(--orange);background:linear-gradient(145deg,#f5f8fb,#dfe4e9)}.bridge-journey article.bridge-focus>i{background:var(--orange)}.bridge-arrow{text-align:center;color:var(--orange);font-size:1.35rem;font-weight:900}.second-brain-bridge footer{padding:11px 15px;border-radius:15px;box-shadow:var(--in);text-align:center}.second-brain-bridge footer b{color:var(--orange);margin-right:8px}.second-brain-bridge footer span{color:var(--muted);font-size:.72rem}
@media(max-width:720px){.chapter-handoff{margin-top:7px;padding:7px;display:block}.chapter-handoff b,.chapter-handoff span{display:block;font-size:.5rem}.continuity-line{gap:4px;margin-bottom:8px}.continuity-line span{padding:5px 3px;font-size:.45rem}.continuity-line b{font-size:.48rem}.continuity-line span:not(:last-child):after{right:-5px}.second-brain-bridge{padding:11px;gap:7px}.second-brain-bridge header span{font-size:.45rem}.second-brain-bridge header h2{font-size:1.15rem}.bridge-journey{grid-template-columns:1fr 12px 1fr;grid-template-rows:1fr 12px 1fr;gap:3px}.bridge-journey article{padding:8px;border-radius:12px}.bridge-journey article:nth-of-type(3),.bridge-journey article:nth-of-type(4){grid-row:3}.bridge-journey article:nth-of-type(3){grid-column:3}.bridge-journey article:nth-of-type(4){grid-column:1}.bridge-journey .bridge-arrow:nth-of-type(2){grid-column:3;grid-row:2;transform:rotate(90deg)}.bridge-journey .bridge-arrow:nth-of-type(3){grid-column:2;grid-row:3;transform:rotate(180deg)}.bridge-journey article>i{width:20px;height:20px;font-size:.5rem}.bridge-journey article small{margin-top:5px;font-size:.42rem}.bridge-journey article strong{font-size:.62rem}.bridge-journey article p{margin-top:3px;font-size:.48rem}.bridge-arrow{font-size:.72rem}.second-brain-bridge footer{padding:6px;font-size:.52rem}.second-brain-bridge footer span{font-size:.48rem}}

/* Page 08 — focused Tiago introduction and origin story screens. */
.screen-card.tiago-intro-card{display:grid!important;grid-template-columns:minmax(210px,.62fr) minmax(0,1.38fr);grid-template-rows:auto auto auto;column-gap:clamp(25px,4vw,55px);align-content:center}.tiago-intro-card .tiago-identity{grid-row:1/-1;padding:17px;border-radius:25px;background:var(--surface);box-shadow:var(--in);align-self:center}.tiago-identity img{display:block;width:100%;max-height:270px;aspect-ratio:1/1;object-fit:cover;object-position:top;border-radius:18px;box-shadow:var(--out-sm)}.tiago-identity div{padding:15px 5px 3px}.tiago-identity span,.tiago-identity strong,.tiago-identity small{display:block}.tiago-identity span{color:var(--orange);font-size:.58rem;font-weight:900;letter-spacing:.11em}.tiago-identity strong{margin-top:5px;font-size:1.05rem;line-height:1.15}.tiago-identity small{margin-top:6px;color:var(--muted);font-size:.68rem;line-height:1.35}.tiago-intro-card>p,.tiago-intro-card>ul{grid-column:2;margin-left:0}.tiago-intro-card>p{font-size:clamp(.88rem,1.8vh,1.08rem);line-height:1.5}.tiago-intro-card>ul{grid-template-columns:1fr!important}.tiago-intro-card>ul li{font-style:italic}.tiago-intro-card>p:last-child{padding-top:10px;border-top:2px solid #ff800033;font-size:.72rem}.origin-story-card{border-top:5px solid var(--orange)}
@media(max-width:620px){.screen-card.tiago-intro-card{grid-template-columns:105px 1fr;column-gap:10px;padding:10px}.tiago-intro-card .tiago-identity{padding:6px;border-radius:13px}.tiago-identity img{border-radius:9px}.tiago-identity div{padding:7px 2px 1px}.tiago-identity span{font-size:.38rem}.tiago-identity strong{font-size:.58rem}.tiago-identity small{font-size:.45rem}.tiago-intro-card>p{font-size:.61rem}.tiago-intro-card>ul{gap:4px}.tiago-intro-card>p:last-child{font-size:.48rem}}