/* CC-13: compositions for script-v3.md. Slides reused from draft 2 keep their v2 ids and
   stylesheets; these rules cover the first-deck compositions (v3-NN) and the small changes
   to reused slides. Broadsheet only: type, hairlines and plain bars. */
.v3-slide .body{gap:30px}
.v3-slide .body p{font-size:32px;line-height:1.45}
.v3-accent-italic{font:italic 400 56px/1.2 var(--serif)!important;color:var(--accent);letter-spacing:-.005em}
.v3-value{display:block;white-space:nowrap;font:400 120px/1 var(--display);letter-spacing:-.01em;color:var(--accent);margin:10px 0 8px}
.v3-small-value{font:400 64px/1 var(--display);color:var(--ink)}

/* 2 · Life 1.0 to 3.0 */
.v3-life{display:grid;grid-template-columns:repeat(3,1fr)}
.v3-life>div{padding:6px 48px 0;border-left:1px solid var(--rule-light)}
.v3-life>div:first-child{padding-left:0;border-left:0}
.v3-life h3{font:400 48px/1.18 var(--serif);margin:0 0 22px;letter-spacing:-.005em}
.v3-slide .v3-life p{font-size:32px;line-height:1.45}
.v3-below{border-top:1px solid var(--rule);padding-top:30px;margin-top:20px;display:flex;flex-direction:column;gap:20px}
.v3-slide .v3-below p:first-child{font-size:34px;line-height:1.4}

/* 3 · Harari as a pull quote (Figma 07) */
.v3-pullquote{margin:6px 0 0;padding:28px 0 0;border-top:1px solid var(--rule-light)}
.v2-slide .v3-pullquote .v3-quote,.v3-slide .v3-pullquote .v3-quote{font:italic 400 64px/1.24 var(--serif);letter-spacing:-.005em;color:var(--ink);margin:0}
.v2-slide .body .v3-pullquote .v3-attribution{font:400 26px/1.4 var(--sans);color:var(--ink-soft);margin:16px 0 0}
.v2-slide .body .v3-closing-line{font:400 60px/1.15 var(--display);color:var(--accent);margin:0}
#v2-03 .body{gap:30px}
#v2-03 .two-col{gap:96px}

/* 5 · two builds on one page */
.v3-cumulative{display:flex;flex-direction:column;gap:28px;flex:1}
.v3-second{border-top:1px solid var(--rule);padding-top:26px}
.v3-second[data-step]{transition:none!important}
.v2-slide .v3-claims-head{font:400 34px/1.3 var(--serif)!important;margin:0 0 20px}
.v3-claims{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.v3-claims article{border-left:1px solid var(--rule-light);padding-left:28px}
.v3-claims article:first-child{border-left:0;padding-left:0}
.v2-slide .body .v3-claims p{font:400 30px/1.35 var(--serif)}
.v3-month{display:block;margin-top:10px;font:italic 400 30px/1.3 var(--serif);color:var(--accent)}

/* 6 · what AI needs to grow */
.v3-slide .v3-lede{font:400 44px/1.25 var(--serif)!important;letter-spacing:-.005em;max-width:1500px;margin:0}
.v3-grow{display:grid;grid-template-columns:520px 1fr;gap:96px;align-items:start;margin-top:30px}
.v3-layers{margin-top:0}
.v3-layers p{font:400 52px/1.15 var(--serif)!important;padding:14px 0}
.v3-data{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--rule-light);padding-top:24px}
.v3-slide .v3-datum{font-size:28px;line-height:1.4}
#v3-06 .v3-value{font-size:104px}

/* 7 and 23 · images in a theme frame */
.v3-frame{margin:0;display:flex;flex-direction:column;gap:10px}
.v3-frame-kicker{font:600 18px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.v3-crop{position:relative;overflow:hidden;border:1px solid var(--rule)}
.v3-crop img{position:absolute;display:block}
.v3-frame-cite{font:400 19px/1.45 var(--sans);color:var(--ink-soft)}
.v3-wsj .v3-crop{width:440px;aspect-ratio:1206/1520}
.v3-wsj .v3-crop img{width:100%;left:0;top:-5.263%}
.v3-chart-layout{display:grid;grid-template-columns:440px 1fr;gap:120px;align-items:center;margin-top:0}
#v3-07 .body{justify-content:flex-start;padding-top:22px}
.v3-inline-value{font:400 132px/1 var(--display);letter-spacing:-.01em;color:var(--accent)}
.v3-chart-copy{display:flex;flex-direction:column;gap:6px}
.v3-slide .v3-month-line{font:400 40px/1.25 var(--serif)!important;margin:0}
.v3-slide .v3-note-line{font-size:32px;margin:0}
.v3-chart-copy .v3-month-line+.v3-month-line{margin-bottom:34px}

/* 8 · oversight */
#v3-08 .two-col{gap:96px;margin-top:20px}
#v3-08 .two-col p{font:400 44px/1.3 var(--serif);letter-spacing:-.005em}
.v3-conclusion{border-top:1px solid var(--rule);padding-top:40px;margin-top:40px}

/* 9 · four steps */
.v3-steps .ordinal{display:block!important;font:400 110px/1 var(--display);color:var(--ink-soft);margin-bottom:30px}
.v3-steps h3{font:400 44px/1.2 var(--serif);margin:0 0 14px}
.v3-slide .v3-steps p{font-size:30px;color:var(--ink-soft)}
.v3-slide .v3-step-outcome{font:400 44px/1.25 var(--serif)!important;border-top:1px solid var(--rule);padding-top:30px;margin-top:30px}

/* 10 · three possibilities */
.v3-scenarios{display:grid;grid-template-columns:repeat(3,1fr)}
.v3-scenarios article{padding:4px 48px 0;border-left:1px solid var(--rule-light);display:flex;flex-direction:column}
.v3-scenarios article:first-child{padding-left:0;border-left:0}
.v3-scenarios h3{font:400 48px/1.15 var(--serif);margin:0 0 20px;letter-spacing:-.005em}
.v3-slide .v3-scenarios p{font-size:30px;line-height:1.42}
.v3-slide .v3-scenarios .v3-col-source{font:400 22px/1.45 var(--sans);color:var(--ink-soft);margin-top:14px}

/* 11 · horses */
.v3-horse-quote{border-top:0;padding-top:0}
.v3-slide .v3-quote-lead{font:400 34px/1.3 var(--serif);color:var(--ink-soft);margin:0 0 12px}
.v3-horse-quote .v3-quote{font-size:56px!important}
.v3-horses{display:flex;flex-direction:column;border-top:1px solid var(--rule-light);margin-top:6px}
.v3-horses article{display:grid;grid-template-columns:560px 1fr;gap:60px;align-items:center;border-bottom:1px solid var(--rule-light);padding:14px 0}
.v3-horses p{margin:0}
.v3-horses .v3-value{display:inline;font-size:80px;margin:0}
.v3-horse-bar{width:100%;height:auto;display:block}

/* 13 · graduate results keep their reading order */
#v2-10 .v3-grad-lead{font-size:30px;margin:0 0 6px}
#v2-10 .v3-pre{font-size:26px;line-height:1.3;margin:0 0 4px}

/* 14 · 31 million */
.v3-number-layout{gap:60px}
.v3-number-layout .big-number{font-size:400px}
.v3-number-layout h3{font:400 40px/1.2 var(--serif)!important;margin:0 0 22px}
.v3-slide .v3-number-layout p{font-size:30px;color:var(--ink);margin:0 0 14px}
.v3-slide .v3-result{font:italic 400 44px/1.25 var(--serif)!important;color:var(--accent);border-top:1px solid var(--rule);padding-top:26px;margin:4px 0 0}

/* 16 · three stages */
.v2-slide .body .v3-chart-lede{font:400 40px/1.25 var(--serif)!important}
#v2-17 .body>.v3-log-chart{width:100%;height:355px;margin-top:6px}
#v2-17 .body{justify-content:flex-start;gap:24px}
#v2-17 .v3-log-chart text{font-size:30px}
#v2-17 .v3-log-chart text.sub{font-size:24px}

/* 19 · three rows */
.v3-rows article{grid-template-columns:330px 1fr}
.v3-rows h3{font:400 48px/1.2 var(--serif)}
.v3-slide .v3-rows p{font-size:34px;line-height:1.4}

/* 21 · study cards keep the script's order */
#v2-21 .study-columns article>p:not(.viz-label){font-size:30px}

/* 23 · six benefits, then the group chat */
.v3-benefits{gap:84px 48px}
.v3-benefits article{border-top:1px solid var(--rule);padding-top:24px}
.v3-benefits h3{font:400 50px/1.18 var(--serif)!important;margin:0}
.v3-benefits .ordinal{display:inline!important;font:400 50px/1 var(--serif);color:var(--accent);margin-right:10px}
#v3-23 .build-first{justify-content:center;padding-bottom:40px}
.v3-shot{display:grid;grid-template-columns:1fr 680px;gap:96px;align-items:center;height:100%}
.v3-slide .v3-shot-caption{font:400 64px/1.15 var(--serif)!important;letter-spacing:-.01em}
.v3-chat .v3-crop{width:680px;aspect-ratio:1670/1500}
.v3-chat .v3-crop img{width:131.737%;left:-31.737%;top:-26.667%}

/* 29 · what we owe people */
.v3-slide .v3-statement{max-width:1250px;font:400 72px/1.1 var(--display)!important;letter-spacing:-.01em;margin:10px 0 20px}
.v3-slide .v3-spend-lead{font:400 38px/1.3 var(--serif)!important;margin:0}
.v3-spend{display:flex;flex-direction:column;gap:30px;border-top:1px solid var(--rule-light);padding-top:28px}
.v3-spend p{margin:0 0 10px}
.v3-spend-bar{width:100%;height:auto;display:block}
#v2-10 .graduate-results{align-items:end}
#v2-20 .two-col .visual-panel p{font-size:30px;line-height:1.35}
/* Line-break fixes from the full-size review */
#v2-03 .two-col .v2-large{font-size:60px}
.v3-slide .v3-steps p{font-size:26px}
.v3-slide .v3-scenarios p{font-size:27px}
.v3-slide .v3-scenarios .v3-col-source{font-size:24px}
#v2-04 .paired-notes p{font-size:30px}
#v2-20 .two-col .visual-panel p{font-size:28px}
.v2-slide.recording-slide .body .v2-video-caption{font-size:48px;line-height:1.1}
/* Phones held upright: the 16:9 artboard is a thin band (it never reflows), so suggest turning the phone. */
@media (orientation: portrait) and (pointer: coarse){
  body::after{content:"Turn your phone sideways for a larger view";position:fixed;left:16px;right:16px;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;font:400 15px/1.4 var(--sans);letter-spacing:.02em;color:#bdbdbd;pointer-events:none}
}