:root {
  --bg:#f7f2e9; --paper:#fbf8f2; --warm:#efe4d6; --beige:#e6d8c5; --taupe:#c8b49c;
  --ink:#302137; --plum:#38263f; --wine:#724559; --rose:#b98792; --lav:#e8ddea;
  --gold:#be9b63; --line:#e4dbd4; --mute:#70656d; --white:#fffefd;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: 'Aptos', 'Inter', 'Segoe UI', Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin:0; height:100%; width:100%; overflow:hidden; }
body { font-family:var(--font-body); background:#e9e2d8; color:var(--ink); -webkit-font-smoothing:antialiased; }
button, input { font:inherit; }
button { -webkit-tap-highlight-color:transparent; }
button:focus-visible { outline:3px solid #bd9d6d; outline-offset:3px; }
#app { height:100dvh; width:100%; overflow:hidden; position:relative; }
#stageWrap { position:relative; height:calc(100dvh - 85px); width:100%; overflow:hidden; transition:width .25s ease; }
#stage { width:1440px; height:810px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(var(--stage-scale,1)); transform-origin:center center; background:var(--paper); box-shadow:0 17px 70px rgba(48,32,44,.17); overflow:hidden; isolation:isolate; }
.slide { width:100%; height:100%; position:absolute; inset:0; display:flex; flex-direction:column; padding:43px 65px 33px; background:var(--paper); opacity:0; visibility:hidden; pointer-events:none; transform:translateX(22px) scale(.995); transition:opacity .33s ease,transform .33s ease,visibility .33s ease; overflow:hidden; }
.slide.active { opacity:1; visibility:visible; pointer-events:auto; transform:translateX(0) scale(1); z-index:2; }
.slide-head, .slide-foot { display:flex; justify-content:space-between; align-items:center; width:100%; flex-shrink:0; }
.slide-head { height:24px; }
.slide-foot { height:25px; color:#857780; font-weight:650; letter-spacing:.12em; font-size:11px; }
.slide-foot i { color:var(--gold); font-style:normal; margin:0 7px; }
.eyebrow { font-size:13px; letter-spacing:.17em; font-weight:800; color:var(--plum); }
.eyebrow b { color:var(--gold); font-weight:400; }
.slide-section { color:#887c81; font-size:12px; font-weight:750; letter-spacing:.14em; }
.slide-main { flex:1; min-height:0; padding-top:34px; position:relative; }
h1,h2,h3,p,figure { margin:0; }
h1,h2 { color:var(--ink); font-family:var(--font-display); font-weight:700; line-height:1.12; letter-spacing:-.034em; text-wrap:balance; }
h1 { font-size:56px; }
h2 { font-size:58px; max-width:1180px; }
h2 em,h1 em { font-weight:400; font-style:italic; color:var(--wine); }
h3 { font-family:var(--font-display); font-size:28px; line-height:1.12; }
.tiny-tag { display:inline-block; align-self:flex-start; padding:9px 13px; border-radius:7px; font-size:12px; font-weight:800; letter-spacing:.105em; color:#644458; background:#ede0eb; margin-bottom:17px; }
.tag-accent { color:#604a3d; background:#ebdac7; }
.lead { margin-top:22px; font-size:23px; line-height:1.42; color:var(--mute); max-width:1000px; }
.lead-small { font-size:20px; line-height:1.43; }
.footnote,.editor-note { font-size:12px; color:#776a75; letter-spacing:.01em; }
.column-balanced { display:flex; flex-direction:column; align-items:flex-start; }
.column-balanced h2 { max-width:1120px; }
.statement { margin-top:auto; width:100%; min-height:65px; display:flex; justify-content:center; align-items:center; padding:15px 26px; background:#f0e7e9; border:1px solid #e5dbe1; border-radius:14px; color:var(--plum); font-family:var(--font-display); font-size:24px; text-align:center; line-height:1.25; }
.statement-dark { background:var(--plum); color:#fff9f5; border-color:var(--plum); font-family:var(--font-body); font-weight:700; text-transform:uppercase; letter-spacing:.13em; font-size:17px; }
.visual-frame { position:relative; overflow:hidden; background:var(--beige); border-radius:21px; border:1px solid #e1d6cb; box-shadow:0 15px 36px rgba(71,48,49,.07); }
.visual-frame img, .finale-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.visual-lounge img { object-position:60% center; }
.visual-roadmap img { object-position:56% center; }

/* 01: career history */
.journey-layout { display:grid; grid-template-columns:minmax(0,1.93fr) minmax(0,.82fr); gap:37px; align-items:stretch; padding-top:29px; }
.journey-content { display:flex; flex-direction:column; min-width:0; }
.journey-content h1 { font-size:45px; max-width:850px; line-height:1.08; }
.journey-content .lead { margin-top:12px; }
.journey-content .tiny-tag { margin-bottom:12px; }
.career-table { margin-top:20px; border:1px solid #e6ded7; border-radius:14px; overflow:hidden; background:rgba(255,255,255,.58); }
.career-row { display:grid; grid-template-columns:90px minmax(0,1.11fr) minmax(0,1.24fr) 89px; align-items:center; column-gap:9px; height:46px; padding:0 14px; font-size:14px; border-bottom:1px solid #eae2dc; }
.career-row:last-child { border-bottom:0; }
.career-row:nth-child(2n) { background:#f5efe8; }
.career-row>span:first-child { color:#8d735d; font-size:12px; font-weight:800; letter-spacing:.01em; }
.career-row strong { font-weight:750; font-size:14.5px; }
.career-row>span:nth-child(3) { color:#665e61; font-size:13px; }
.career-row small { color:var(--wine); font-weight:700; font-size:12px; text-align:right; }
.journey-content .footnote { margin-top:7px; font-size:11px; }
.journey-photo { height:100%; min-height:0; }
.journey-photo img { object-position:80% center; }
.journey-photo:after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(to bottom,transparent,rgba(43,32,33,.4)); }
.journey-photo figcaption { position:absolute; z-index:1; left:22px; right:22px; bottom:26px; color:white; font-family:var(--font-display); font-size:26px; line-height:1.2; text-shadow:0 2px 9px rgba(0,0,0,.27); }

/* 02 perspective */
.slide-perspective h2 { font-size:60px; max-width:1100px; }
.perspective-photo { margin-top:33px; position:relative; height:385px; background:linear-gradient(180deg,rgba(247,242,233,.15),rgba(247,242,233,.4)),url('assets/lounge.webp') center 53%/cover; border-radius:21px; border:1px solid #e1d3c6; display:flex; align-items:center; padding:40px 50px; }
.comparison-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; width:100%; }
.comparison-card { background:rgba(255,253,248,.92); border:1px solid #e5d9d0; border-radius:21px; padding:28px 32px; min-height:185px; box-shadow:0 16px 40px rgba(55,42,47,.08); }
.comparison-card span { display:block; color:#9b7b81; font-size:12px; font-weight:800; letter-spacing:.13em; margin-bottom:23px; }
.comparison-card p { font-family:var(--font-display); font-size:30px; line-height:1.2; }
.comparison-dark { background:var(--plum); color:white; border-color:#55425c; }
.comparison-dark span { color:#dcc2d5; }
.comparison-dark p { color:white; }
.editor-note { margin-top:10px; }

/* 03 skill trajectory */
.capability-track { margin-top:57px; display:grid; grid-template-columns:repeat(4,1fr); gap:17px; align-items:center; position:relative; width:100%; }
.capability-card { min-height:185px; background:#fffaf6; border:1px solid var(--line); border-radius:19px; padding:22px 21px; display:flex; flex-direction:column; }
.capability-card small { font-size:11px; letter-spacing:.14em; color:#907f84; font-weight:800; }
.capability-card strong { font-size:29px; font-family:var(--font-display); color:var(--plum); margin-top:20px; }
.capability-card span { font-size:15px; line-height:1.35; color:var(--mute); margin-top:10px; }
.capability-card.is-primary { background:var(--plum); border-color:var(--plum); }
.capability-card.is-primary strong,.capability-card.is-primary span { color:#fffaf4; }
.capability-card.is-primary small { color:#cbb2c7; }
.capability-card.is-accent { background:var(--lav); }
.track-arrow { display:none; }

/* interactive slides */
.slide-interactive { background:radial-gradient(ellipse at right top,#f0e5d9 0%,#fbf8f2 55%,#f9f5ed 100%); }
.interaction-center { display:flex; flex-direction:column; align-items:flex-start; }
.interaction-center h2 { font-size:64px; max-width:1190px; margin-top:2px; }
.interaction-center .lead { margin-top:21px; }
.interaction-top { display:flex; align-items:center; justify-content:space-between; width:100%; }
.interaction-glyph { font-size:51px; line-height:1; color:#b58d88; }
.choice-grid { display:grid; gap:18px; width:100%; margin-top:auto; }
.choice-grid-three { grid-template-columns:repeat(3,1fr); }
.choice-grid-four { grid-template-columns:repeat(4,1fr); }
.choice { appearance:none; text-align:left; border:1px solid #e2d7ce; background:rgba(255,253,249,.93); border-radius:18px; padding:24px 26px; color:var(--ink); display:flex; gap:22px; align-items:center; cursor:pointer; transition:transform .15s ease, background .18s ease, border-color .18s ease,box-shadow .18s ease; }
.choice:hover { transform:translateY(-3px); border-color:#b5968a; box-shadow:0 8px 20px rgba(73,49,56,.08); }
.choice.selected { background:var(--plum); color:white; border-color:var(--plum); }
.choice .choice-number { width:42px; height:42px; border-radius:12px; background:#efe3ea; color:var(--wine); display:flex; align-items:center; justify-content:center; font-weight:850; flex:0 0 auto; font-size:15px; }
.choice.selected .choice-number { background:#62465c; color:white; }
.choice strong { font-size:23px; line-height:1.15; }
.timerline { margin:25px 0 10px; min-height:47px; display:flex; align-items:center; gap:17px; width:100%; }
.timer-button { background:#eadacb; color:#54423d; border:1px solid #dac9bb; border-radius:30px; padding:12px 18px; font-size:14px; font-weight:800; cursor:pointer; }
.timer-button:hover { background:#e0ccb7; }
.timer-display { font-weight:850; font-variant-numeric:tabular-nums; color:var(--wine); font-size:22px; min-width:70px; }
.muted { font-size:13px; color:var(--mute); }

/* 05, 09 anchor cards */
.triad { width:100%; margin-top:49px; margin-bottom:20px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.triad-card { min-height:242px; padding:24px 28px; display:flex; flex-direction:column; border-radius:19px; border:1px solid #e6d8cb; background:linear-gradient(145deg,#fffdfa,#f4eadd); }
.triad-card>span { font-size:13px; font-weight:800; letter-spacing:.14em; color:#9d7e74; }
.line-symbol { font-family:var(--font-display); color:var(--wine); font-size:39px; margin:8px 0 6px; }
.triad-card h3 { font-size:27px; }
.triad-card p { margin-top:14px; color:var(--mute); font-size:18px; line-height:1.35; }
.level-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:54px; width:100%; margin-bottom:20px; }
.level-card { min-height:220px; border-radius:19px; background:#fffdfa; border:1px solid #e9ded6; padding:31px 30px; }
.level-card small { color:var(--wine); font-weight:800; font-size:13px; letter-spacing:.14em; }
.level-card h3 { font-size:37px; margin-top:22px; }
.level-card p { color:var(--mute); margin-top:17px; font-size:18px; line-height:1.3; }
.level-mid { background:#eee1e6; }
.level-senior { background:var(--plum); border-color:var(--plum); }
.level-senior h3,.level-senior p { color:white; }
.level-senior small { color:#ceb0c8; }

/* 06 & 10 & 12 split layouts */
.split-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.89fr); gap:55px; align-items:stretch; }
.split-copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding-top:10px; }
.split-copy h2 { font-size:56px; max-width:735px; }
.split-copy .lead { font-size:20px; max-width:690px; }
.visual-lounge,.visual-roadmap { width:100%; height:100%; min-height:0; }
.proof-list { margin-top:auto; margin-bottom:33px; width:95%; display:flex; flex-direction:column; gap:10px; }
.proof-list>div { display:grid; grid-template-columns:102px 1fr; gap:20px; align-items:center; padding:14px 20px; border:1px solid #eae2dc; background:white; border-radius:10px; font-size:18px; }
.proof-list b { color:var(--wine); letter-spacing:.08em; font-size:14px; }
.proof-list span { color:var(--ink); }

/* 07 flow */
.flow-steps { margin-top:58px; display:grid; grid-template-columns:repeat(4,1fr); gap:17px; width:100%; margin-bottom:25px; }
.flow-step { min-height:210px; border:1px solid var(--line); border-radius:19px; background:white; padding:27px 24px; }
.flow-step small { display:flex; width:40px; height:40px; align-items:center; justify-content:center; border-radius:12px; background:#eee4ed; color:var(--wine); font-size:14px; font-weight:800; }
.flow-step h3 { margin-top:21px; }
.flow-step p { margin-top:12px; font-size:17px; color:var(--mute); }
.flow-step-final { background:var(--plum); border-color:var(--plum); }
.flow-step-final h3,.flow-step-final p { color:white; }
.flow-arrow { display:none; }

/* 10 reflection */
.reflection-choices { margin-top:38px; display:flex; flex-direction:column; gap:13px; width:100%; }
.reflection-choice { min-height:77px; padding:19px 23px; border-radius:14px; display:grid; grid-template-columns:195px 1fr; }
.reflection-choice b { font-size:16px; letter-spacing:.09em; color:var(--wine); }
.reflection-choice span { color:var(--mute); font-size:16px; }
.reflection-choice.selected b,.reflection-choice.selected span { color:white; }
.compact { margin-top:15px; }

/* 11 plan */
.roadmap-steps { margin-top:55px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; width:100%; margin-bottom:27px; }
.roadmap-step { min-height:229px; background:#fffdfa; border:1px solid #e5d9cf; border-top:6px solid var(--gold); border-radius:18px; padding:30px 24px; display:flex; flex-direction:column; }
.roadmap-step small { color:#9d786a; letter-spacing:.12em; font-weight:800; font-size:14px; }
.roadmap-step strong { margin-top:23px; font-family:var(--font-display); font-size:29px; color:var(--plum); }
.roadmap-step span { color:var(--mute); margin-top:15px; line-height:1.3; font-size:18px; }
.roadmap-last { background:#eee1e7; }
.roadmap-connector { display:none; }

/* 12 global */
.country-list { margin-top:38px; display:flex; flex-direction:column; gap:12px; width:100%; }
.country-list>div { display:grid; grid-template-columns:148px 1fr; column-gap:20px; align-items:center; padding:16px 18px; border:1px solid #e7ddd5; border-radius:12px; background:white; }
.country-list span { grid-row:span 2; font-size:14px; font-weight:850; color:var(--wine); letter-spacing:.08em; }
.country-list strong { font-size:19px; color:var(--ink); }
.country-list small { font-size:15px; color:var(--mute); margin-top:4px; }
.country-list+.lead { margin-top:auto; margin-bottom:13px; }

/* 13 finale */
.slide-finale { background:var(--plum); color:white; }
.slide-finale .eyebrow,.slide-finale .slide-section,.slide-finale .slide-foot { color:#dccadd; }
.finale-layout { display:grid; grid-template-columns:1.05fr .95fr; gap:39px; padding-top:29px; }
.finale-content { display:flex; flex-direction:column; }
.finale-content h2 { color:white; font-size:59px; line-height:1.1; }
.finale-content h2 em { color:#e7cdac; }
.finale-content .tiny-tag { background:#654459; color:#f1d7cf; }
.takeaway-list { margin-top:48px; display:flex; flex-direction:column; gap:9px; }
.takeaway-list>div { display:flex; align-items:center; gap:22px; border-bottom:1px solid #826577; padding:15px 0; font-size:22px; }
.takeaway-list span { color:#d7ad80; font-weight:800; font-size:14px; letter-spacing:.1em; }
.finale-bottom { margin-top:auto; margin-bottom:20px; color:#e2cad7; font-family:var(--font-display); font-size:22px; font-style:italic; }
.finale-image { border-radius:20px; overflow:hidden; position:relative; min-height:0; }
.finale-image img { object-position:72% center; }

/* reveal mechanics */
[data-reveal] { opacity:0; transform:translateY(20px); filter:blur(1px); pointer-events:none; transition:opacity .42s ease,transform .42s ease, filter .42s ease; }
[data-reveal].revealed { opacity:1; transform:translateY(0); filter:none; pointer-events:auto; }

/* bottom toolbar */
.toolbar { height:85px; display:grid; grid-template-columns:1fr minmax(240px,1.25fr) 1fr; align-items:center; gap:24px; padding:0 32px; background:rgba(250,247,242,.98); border-top:1px solid #ddd3c9; position:relative; z-index:12; }
.toolbar-left,.toolbar-right { display:flex; align-items:center; gap:13px; }
.toolbar-right { justify-content:flex-end; }
.nav-arrow { display:grid; place-items:center; width:46px; height:46px; border:1px solid #dacec6; background:white; color:var(--plum); border-radius:13px; cursor:pointer; font-size:22px; }
.nav-arrow:disabled { opacity:.3; cursor:not-allowed; }
.nav-arrow.primary-arrow { background:var(--plum); border-color:var(--plum); color:white; }
.slide-indicator { font-size:19px; font-weight:800; min-width:66px; color:var(--ink); font-variant-numeric:tabular-nums; text-align:center; }
.slide-indicator small { color:#978a8e; font-size:13px; }
.build-indicator { min-width:34px; font-size:12px; color:#a18471; letter-spacing:.03em; font-weight:750; }
.toolbar-progress { display:flex; gap:7px; justify-content:center; align-items:center; }
.progress-dot { flex:1; max-width:34px; min-width:9px; height:7px; border:none; border-radius:10px; background:#ddd1cd; cursor:pointer; padding:0; transition:background .2s,transform .2s; }
.progress-dot:hover { transform:scaleY(1.5); }
.progress-dot.active { background:var(--wine); }
.progress-dot.complete { background:#bda6b0; }
.tool-button { background:transparent; color:#65565e; border:none; border-radius:9px; cursor:pointer; padding:11px 9px; font-size:16px; font-weight:650; white-space:nowrap; }
.tool-button span { font-size:13px; margin-left:4px; }
.tool-button:hover { background:#efe6df; }

/* presenter notes */
.presenter-panel { position:absolute; z-index:10; top:0; right:0; width:420px; height:calc(100dvh - 85px); background:#fffaf5; border-left:1px solid #e5d9cf; display:flex; flex-direction:column; transform:translateX(101%); transition:transform .3s ease; box-shadow:-10px 0 45px rgba(50,34,47,.1); }
.presenter-panel.open { transform:translateX(0); }
#app.has-notes #stageWrap { width:calc(100% - 420px); }
.panel-head { display:flex; justify-content:space-between; align-items:flex-start; padding:24px 25px 17px; border-bottom:1px solid #eee3da; }
.panel-head small,.overview-head small { color:var(--wine); font-weight:800; letter-spacing:.13em; font-size:11px; }
.panel-head h3 { margin-top:6px; font-size:25px; }
.icon-button { border:1px solid #e8dcd3; background:white; border-radius:11px; width:37px; height:37px; color:var(--wine); font-size:25px; cursor:pointer; }
.speaker-stats { display:flex; margin:22px 24px 0; gap:12px; }
.speaker-stats>div { border-radius:11px; padding:15px; background:#f2e9e2; flex:1; }
.speaker-stats small { display:block; color:#947a79; font-size:10px; font-weight:800; letter-spacing:.1em; }
.speaker-stats strong { display:block; font-size:25px; margin-top:5px; font-variant-numeric:tabular-nums; }
.panel-body { padding:21px 25px; overflow-y:auto; flex:1; }
.panel-eyebrow { color:var(--wine); font-size:12px; font-weight:800; letter-spacing:.11em; margin-bottom:15px; }
.notes-text { color:#433744; font-size:16px; line-height:1.62; white-space:pre-line; }
.notes-hint { font-size:12px; color:#8d7e80; padding:14px 25px 20px; border-top:1px solid #eee3da; line-height:1.5; }
kbd { background:#efe5dc; border:1px solid #e3d5c8; border-radius:4px; padding:2px 5px; font-size:11px; }

/* overview */
.overlay { position:absolute; z-index:20; inset:0; background:rgba(34,23,32,.74); display:flex; justify-content:center; align-items:center; padding:28px; }
.overlay[hidden] { display:none; }
.overview-box { width:min(100%,1080px); max-height:calc(100dvh - 70px); display:flex; flex-direction:column; border-radius:25px; background:var(--paper); box-shadow:0 24px 100px rgba(0,0,0,.25); overflow:hidden; }
.overview-head { display:flex; justify-content:space-between; align-items:flex-start; padding:30px 34px 24px; border-bottom:1px solid var(--line); }
.overview-head h2 { font-size:33px; margin-top:5px; }
.overview-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:24px 34px 38px; overflow:auto; }
.overview-item { padding:20px 22px; text-align:left; background:white; border:1px solid #e5d9d0; border-radius:15px; cursor:pointer; min-height:128px; transition:transform .2s,border-color .2s; }
.overview-item:hover { transform:translateY(-2px); border-color:var(--wine); }
.overview-item.selected { background:#eee0e8; border-color:var(--wine); }
.overview-item small { display:block; font-size:11px; color:#9b727d; letter-spacing:.1em; font-weight:850; }
.overview-item strong { display:block; color:var(--plum); font-family:var(--font-display); font-size:23px; line-height:1.15; margin-top:18px; }
.toast { position:absolute; bottom:105px; left:50%; z-index:30; transform:translate(-50%,12px); background:var(--plum); color:white; border-radius:10px; padding:10px 16px; font-size:13px; opacity:0; pointer-events:none; transition:opacity .2s,transform .2s; }
.toast.show { opacity:1; transform:translate(-50%,0); }

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

/* On mobile the slide becomes an accessible vertically scrollable page; no microscopic scaling. */
@media(max-width:760px) {
  html,body,#app { overflow:hidden; }
  #stageWrap { height:calc(100dvh - 66px); overflow-y:auto; overflow-x:hidden; width:100%; }
  #stage { width:100%!important; height:auto!important; min-height:calc(100dvh - 66px); transform:none!important; left:auto; top:auto; position:relative; box-shadow:none; overflow:visible; }
  .slide { width:100%!important; height:auto!important; min-height:calc(100dvh - 66px); position:relative; inset:auto; padding:23px 21px 24px; overflow:visible; display:none; transform:none!important; opacity:1; visibility:visible; }
  .slide.active { display:flex; }
  .slide-head { height:auto; align-items:flex-start; gap:10px; }
  .eyebrow,.slide-section { font-size:9px; }
  .slide-section { max-width:130px; text-align:right; }
  .slide-main { padding-top:27px; min-height:auto; flex:1; }
  .slide-foot { margin-top:25px; font-size:8px; height:auto; }
  h1,h2,.slide-perspective h2,.interaction-center h2,.split-copy h2,.finale-content h2 { font-size:clamp(29px,8vw,43px); line-height:1.16; }
  .lead { font-size:15px!important; line-height:1.45; margin-top:16px; }
  .tiny-tag { font-size:9px; padding:8px 10px; margin-bottom:14px; }
  .statement { font-size:17px; min-height:60px; margin-top:24px; }
  .journey-layout,.split-layout,.finale-layout { display:flex; flex-direction:column; gap:22px; }
  .journey-content h1 { font-size:clamp(29px,8vw,42px); }
  .career-table { margin-top:20px; }
  .career-row { grid-template-columns:64px minmax(0,1fr); height:auto; min-height:58px; padding:8px 12px; gap:3px 11px; }
  .career-row>span:first-child { grid-row:span 2; font-size:10px; }
  .career-row strong { font-size:12px; }
  .career-row>span:nth-child(3) { font-size:11px; }
  .career-row small { display:none; }
  .journey-photo { height:230px; flex-shrink:0; }
  .journey-photo figcaption { font-size:20px; }
  .perspective-photo { margin-top:22px; height:auto; padding:19px; }
  .comparison-grid { display:flex; flex-direction:column; gap:13px; }
  .comparison-card { min-height:110px; padding:18px; }
  .comparison-card span { font-size:10px; margin-bottom:10px; }
  .comparison-card p { font-size:23px; }
  .capability-track,.triad,.level-cards,.roadmap-steps,.flow-steps,.choice-grid { display:flex; flex-direction:column; gap:12px; margin-top:24px; }
  .capability-card { min-height:115px; }
  .capability-card strong { margin-top:9px; font-size:25px; }
  .capability-card span { margin-top:7px; }
  .choice { min-height:70px; padding:16px; }
  .choice strong { font-size:18px; }
  .choice .choice-number { width:34px; height:34px; }
  .interaction-center .lead { margin-bottom:14px; }
  .timerline { flex-wrap:wrap; }
  .timerline .muted { display:block; flex-basis:100%; }
  .triad-card,.level-card,.roadmap-step,.flow-step { min-height:auto; padding:19px; }
  .triad-card h3,.level-card h3,.flow-step h3 { font-size:26px; margin-top:9px; }
  .triad-card p,.level-card p,.flow-step p { font-size:15px; }
  .line-symbol { margin:0; }
  .visual-lounge,.visual-roadmap { height:230px; min-height:230px; flex-shrink:0; }
  .proof-list { margin-top:25px; width:100%; margin-bottom:0; }
  .proof-list>div { padding:11px 14px; font-size:15px; }
  .reflection-choices { margin-top:20px; }
  .reflection-choice { grid-template-columns:125px 1fr; gap:8px; padding:15px; min-height:65px; }
  .reflection-choice b,.reflection-choice span { font-size:12px; }
  .country-list { margin-top:25px; }
  .country-list>div { grid-template-columns:100px 1fr; padding:12px; }
  .country-list span { font-size:11px; }
  .country-list strong { font-size:15px; }
  .country-list small { font-size:12px; }
  .finale-image { height:260px; flex-shrink:0; }
  .takeaway-list { margin-top:27px; }
  .takeaway-list>div { font-size:18px; }
  .finale-bottom { margin-top:22px; font-size:16px; }
  .toolbar { height:66px; grid-template-columns:1fr auto; gap:8px; padding:0 12px; }
  .toolbar-left { gap:8px; }
  .nav-arrow { width:42px; height:42px; }
  .toolbar-progress { display:none; }
  .toolbar-right { gap:3px; }
  .tool-button { padding:10px 6px; }
  .tool-button span { display:none; }
  .slide-indicator { font-size:15px; min-width:55px; }
  .slide-indicator small { font-size:10px; }
  .build-indicator { display:none; }
  .presenter-panel { width:100%; height:calc(100dvh - 66px); }
  #app.has-notes #stageWrap { width:100%; }
  .presenter-panel.open { z-index:15; }
  .overview-grid { grid-template-columns:1fr 1fr; gap:9px; padding:15px; }
  .overview-head { padding:20px; }
  .overview-head h2 { font-size:27px; }
  .overview-item { padding:15px; min-height:105px; }
  .overview-item strong { font-size:17px; margin-top:12px; }
}