/* apt-selected.css */
/* Shared APT animation: featured card, announcement preview, and article. */
#presentation .apt-selected .apt-polished-mount{position:absolute;inset:0;pointer-events:none}
#presentation .apt-selected .refinement{position:relative;width:100%;height:100%;font:400 12px/1.4 'O2C Lato',Lato,Arial,sans-serif;color:#315e50;container-type:inline-size}
#presentation .apt-selected .refinement *{box-sizing:border-box}
#presentation .apt-selected .r-scene{position:absolute;inset:0 0 23px;width:100%;height:calc(100% - 23px);overflow:visible}
#presentation .apt-selected .r-network,#presentation .apt-selected .r-traces{fill:none;stroke-linecap:round;stroke-linejoin:round}
#presentation .apt-selected .r-fan{stroke:#81a491;stroke-width:1.6}
#presentation .apt-selected .r-spine{stroke:#81a491;stroke-width:1.6;opacity:.65}
#presentation .apt-selected .r-route{stroke:#297d77;stroke-width:2.8}
#presentation .apt-selected .r-node{stroke:#edf5e9;stroke-width:2}
#presentation .apt-selected .r-head{fill:#297d77;stroke:#f7faf1;stroke-width:2}
#presentation .apt-selected .r-aura{fill:#9fc548;opacity:.4}
#presentation .apt-selected .r-end{fill:#297d77;stroke:#eff6eb;stroke-width:2}
#presentation .apt-selected .r-end-halo{fill:none;stroke:#86aa65;stroke-width:1.4}
#presentation .apt-selected .r-results{position:absolute;inset:19px 3px 38px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:12px;align-content:center;opacity:0;visibility:hidden}
#presentation .apt-selected .r-results h4{font-size:11px;line-height:1.3;font-weight:700;margin:0 0 9px;color:#315e50}
#presentation .apt-selected .r-levels{display:grid;gap:5px}#presentation .apt-selected .r-level{height:31px;display:flex;align-items:center;justify-content:space-between;gap:4px;background:#f9fcf7;border:1px solid #d4e2d4;border-radius:7px;padding:0 8px;font-size:11px;white-space:nowrap}
#presentation .apt-selected .r-level strong{font-weight:700;display:flex;align-items:center;gap:4px}#presentation .apt-selected .r-level i{width:4px;height:4px;background:#92b649;border-radius:50%;flex:none}#presentation .apt-selected .r-level .emerging{background:#297d77}
#presentation .apt-selected .r-lessons{display:grid;gap:5px}#presentation .apt-selected .r-lesson{min-height:55px;border:1px solid #d2e0d1;border-radius:7px;background:#fffef9;display:flex;flex-direction:column;justify-content:center;padding:5px 9px;line-height:1.25}
#presentation .apt-selected .r-lesson>span{font-size:9px;color:#6d856e}#presentation .apt-selected .r-lesson strong{font-size:12px;margin:2px 0 3px;color:#294c41}#presentation .apt-selected .r-lesson small{font-size:9px;color:#758775}
#presentation .apt-selected .r-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:11px;margin:0;line-height:1.4;color:#507363}
@container(min-width:450px){#presentation .apt-selected .r-results{inset:15px 8px 33px;gap:18px}#presentation .apt-selected .r-results h4{font-size:13px}#presentation .apt-selected .r-level{font-size:13px;height:34px;padding:0 11px}#presentation .apt-selected .r-lesson{min-height:60px;padding:6px 12px}#presentation .apt-selected .r-lesson>span,#presentation .apt-selected .r-lesson small{font-size:10px}#presentation .apt-selected .r-lesson strong{font-size:14px}#presentation .apt-selected .r-caption{font-size:12px}}
@container(max-width:340px){#presentation .apt-selected .r-results{gap:9px;inset-inline:0}#presentation .apt-selected .r-level{font-size:10px;padding:0 6px}#presentation .apt-selected .r-level i{display:none}#presentation .apt-selected .r-results h4{font-size:10px}#presentation .apt-selected .r-lesson{padding-inline:7px}#presentation .apt-selected .r-lesson strong{font-size:11px}#presentation .apt-selected .r-lesson small{font-size:8px}}

/* Approved animation: review the connected responses, then form the profile and lesson plan. */
#presentation .apt-selected .refinement-3 .r-review-signals{opacity:0;pointer-events:none}
#presentation .apt-selected .refinement-3 .r-review-flow{fill:none;stroke:#3b826b;stroke-width:2.9;stroke-linecap:round;stroke-linejoin:round;opacity:0}
#presentation .apt-selected .refinement-3 .r-review-arc{fill:none;stroke:#297d77;stroke-width:2.3;stroke-linecap:round;opacity:0;pointer-events:none}
#presentation .apt-selected .refinement-3 .r-level{position:relative;overflow:hidden}
#presentation .apt-selected .refinement-3 .r-level:after{content:'';position:absolute;height:1px;left:8px;right:8px;bottom:0;background:#9cbe87;transform:scaleX(var(--level-formed,0));transform-origin:left;opacity:calc((1 - var(--level-formed,0)) * .7)}

#presentation .apt-selected .refinement-3[data-phase="reviewing"] .r-caption,#presentation .apt-selected .refinement-3[data-phase="levels"] .r-caption,#presentation .apt-selected .refinement-3[data-phase="recommendations"] .r-caption{font-size:12px;font-weight:700;color:#315e50}

/* Keep text and strokes legible on the existing dark test-experience block. */
#presentation .o2c-workflow-entry .apt-selected .refinement{color:#315e50;--apt-node-reached:#bbd87b;--apt-node-pending:#a7beb0}
#presentation .o2c-workflow-entry .apt-selected .r-results h4{color:#e2f0e4}
#presentation .o2c-workflow-entry .apt-selected .refinement-3 .r-caption{color:#d2e6d6}
#presentation .o2c-workflow-entry .apt-selected .r-fan,
#presentation .o2c-workflow-entry .apt-selected .r-spine{stroke:#b0c8b9}
#presentation .o2c-workflow-entry .apt-selected .r-route{stroke:#bbd87b}
#presentation .o2c-workflow-entry .apt-selected .r-node{stroke:#d3e7cf}
#presentation .o2c-workflow-entry .apt-selected .r-head,
#presentation .o2c-workflow-entry .apt-selected .r-end{fill:#c1dd82;stroke:#203e34}
#presentation .o2c-workflow-entry .apt-selected .r-end-halo{stroke:#c1dd82}
#presentation .o2c-workflow-entry .apt-selected .r-review-flow,
#presentation .o2c-workflow-entry .apt-selected .r-review-arc{stroke:#d0e69c}
/* The article already has a shorter, 213px animation area. Fit the same
   complete result within it without changing that card's proportions. */
@media(min-width:541px){
 #presentation .o2c-workflow-entry .apt-selected .r-results{inset:8px 8px 30px;gap:18px}
 #presentation .o2c-workflow-entry .apt-selected .r-results h4{font-size:12px;line-height:1.3;margin:0 0 7px}
 #presentation .o2c-workflow-entry .apt-selected .r-levels,
 #presentation .o2c-workflow-entry .apt-selected .r-lessons{gap:4px}
 #presentation .o2c-workflow-entry .apt-selected .r-level{height:26px;font-size:12px;padding:0 9px}
 #presentation .o2c-workflow-entry .apt-selected .r-lesson{min-height:46px;padding:2px 9px;line-height:1.15}
 #presentation .o2c-workflow-entry .apt-selected .r-lesson strong{font-size:13px;margin:1px 0 2px}
 #presentation .o2c-workflow-entry .apt-selected .r-lesson>span,
 #presentation .o2c-workflow-entry .apt-selected .r-lesson small{font-size:9px}
}

/* presentation.css */
@font-face{font-family:Lato;src:url("../roadmap-assets/font-0.woff2") format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url("../roadmap-assets/font-1.woff2") format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url("../roadmap-assets/font-2.woff2") format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Lato,Arial,sans-serif;color:#193f38;background:#edf2ef;--ink:#193f38;--teal:#297d77;--muted:#586d64;--line:#dfe7e1;--pale:#eff5f0;--lime:#c9df97;--amber:#896725;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}h1,h2,h3,p,figure,blockquote{margin:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #258792;outline-offset:4px}a{color:var(--teal);text-underline-offset:4px}img{display:block;max-width:100%}[hidden]{display:none!important}button svg{flex:none}button,a{transition:background-color .15s,color .15s}
.presentation{width:min(1840px,calc(100% - 32px));height:calc(100dvh - 32px);margin:16px auto;background:#fff;border:1px solid #d9e3dc;border-radius:16px;box-shadow:0 12px 40px #1a443a0a;overflow:hidden;display:grid;grid-template-rows:72px minmax(0,1fr) 78px 3px}
.topbar{display:flex;align-items:center;gap:25px;padding:0 30px;border-bottom:1px solid var(--line)}.logo{flex:none}.logo img{width:145px;height:auto}.presentation-context{display:flex;gap:13px;align-items:center;border-left:1px solid #d5e0d8;padding-left:25px;min-width:0}.presentation-context>span:first-child{font:650 15px/1.35 Inter,Arial,sans-serif}.availability{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--teal);font:500 11px Inter,Arial,sans-serif}.availability:before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}.availability.planned{color:var(--amber)}.contents-toggle{display:flex;align-items:center;gap:8px;margin-left:auto;font:500 13px Inter,Arial,sans-serif;border:0;background:none;padding:12px 0}.contents-toggle:hover{color:var(--teal)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:1px solid var(--line);border-radius:8px;flex:none;font-size:25px}.icon-button:hover{background:var(--pale)}
#stage{display:flex;min-width:0;min-height:0;container-type:size;overflow:auto;outline:none;overscroll-behavior:contain}.screen{--visual-height:clamp(140px,calc(100cqh - 126px),760px);width:100%;height:100%;min-width:0;padding:34px 48px;display:grid;gap:38px;align-items:center;align-content:center;overflow:auto}.screen>*{min-width:0}.overview,.practice{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.copy{min-width:0}h1{font:700 clamp(35px,min(3.5vw,7.2cqh),64px)/1.08 Lato,Arial,sans-serif;letter-spacing:-.035em;max-width:20ch;text-wrap:balance}.eyebrow{font:600 11px/1.45 Inter,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:19px}.lead{font-size:clamp(20px,min(1.8vw,4.2cqh),28px);line-height:1.45;margin-top:23px;max-width:41ch}.support{font-size:clamp(16px,min(1.3vw,3.1cqh),21px);line-height:1.55;color:var(--muted);margin-top:24px;max-width:43ch}
.factline{display:flex;align-items:center;gap:19px;margin-top:28px}.factline strong{font-size:clamp(58px,10.5cqh,86px);letter-spacing:-.045em;line-height:1}.factline span{font-size:17px;line-height:1.45;color:var(--muted)}.apt-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px;padding-top:23px;border-top:1px solid var(--line)}.apt-facts strong{display:block;font-size:clamp(20px,4cqh,28px);line-height:1.2;letter-spacing:-.02em}.apt-facts span{display:block;font:400 11px/1.5 Inter,Arial,sans-serif;color:var(--muted);margin-top:9px}.apt-overview h1{font-size:clamp(34px,min(3.1vw,6.8cqh),58px)}.story-points{margin-top:25px;display:grid;gap:12px}.story-points p{font-size:18px;line-height:1.45}.story-points span{font:550 11px Inter,Arial,sans-serif;color:var(--teal);margin-right:12px}.small-note,.planned-note{font:400 12px/1.5 Inter,Arial,sans-serif;color:var(--muted)}.planned-note{color:var(--amber);margin-top:25px;max-width:54ch}
.product-figure{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0}.image-button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;background:none;border:0;padding:0;border-radius:6px}.image-button>img{max-height:var(--visual-height);width:auto;max-width:100%;height:auto;object-fit:contain;border-radius:5px}.product-figure figcaption{font:400 12px/1.5 Inter,Arial,sans-serif;color:var(--muted);margin-top:14px;max-width:90ch;width:100%}.zoom-label{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #ccd9cf;border-radius:7px;background:#fffffff2;color:var(--ink);font:550 11px Inter,Arial,sans-serif;box-shadow:0 2px 8px #183f3910}.image-button:hover .zoom-label{background:var(--ink);color:#fff;border-color:var(--ink)}.document-view,.visual-panel,.tall-view{padding:20px;background:var(--pale);border-radius:13px;min-width:0}.document-view .image-button>img{box-shadow:0 5px 19px #193f3917;border:1px solid #d7e0d9}.document-view .product-figure{max-width:430px;margin:auto}.visual-panel{padding:17px}.progress-visual,.tall-view{background:#f5f3eb}.sample-link{display:inline-flex;align-items:center;gap:11px;font:550 14px Inter,Arial,sans-serif;text-decoration:none;margin-top:25px}.sample-link:hover{text-decoration:underline}.programs{font-size:13px;color:var(--muted);line-height:1.6;margin-top:18px}.programs summary{cursor:pointer;padding:5px 0}.programs ul{padding-left:18px;display:grid;grid-template-columns:1fr 1fr;gap:7px 15px;margin:10px 0 0}.workflow{padding:0;list-style:none;display:grid;gap:22px;margin:27px 0 0}.workflow li{display:flex;gap:14px}.workflow li>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d7dfc5;background:#f1f4e9;flex:none;border-radius:50%;font:500 12px Inter,Arial,sans-serif}.workflow strong{font-size:19px}.workflow p{font-size:16px;line-height:1.5;margin-top:5px;color:var(--muted);max-width:39ch}
/* Detailed examples get one continuous visual stage, without a second navigation system. */
.wide-demo{--visual-height:clamp(140px,calc(100cqh - 217px),730px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:19px;padding:28px 44px;align-content:stretch;align-items:center}.demo-heading{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.demo-heading h1{font-size:clamp(31px,5.5cqh,44px);max-width:25ch;letter-spacing:-.025em}.demo-heading .eyebrow{margin-bottom:11px}.demo-heading .lead{font-size:clamp(18px,3.4cqh,23px);line-height:1.45;margin:0;max-width:48ch}.landscape-view{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:0;min-width:0;padding:16px 20px;background:#f5f7f4;border-radius:12px}.landscape-view .product-figure{width:100%}.landscape-view .product-figure figcaption{max-width:none;text-align:center;margin-top:11px}.wide-demo>.planned-note,.wide-demo>.small-note{margin:0;max-width:none}.apt-practice .image-button>img{width:100%;max-height:var(--visual-height);object-fit:contain}.roadmap-demo .landscape-view{background:#f6f5f0}.joined-screenshot{display:flex;flex:none;gap:0;aspect-ratio:var(--joined-ratio,3520/618);width:min(100%,calc(var(--visual-height,600px) * var(--joined-scale,5.6966)));border-radius:5px;overflow:hidden}.joined-screenshot img{display:block;flex:0 0 50%;width:50%;max-width:50%;height:auto;margin:0;border:0;border-radius:0;box-shadow:none}.student-full{--visual-height:clamp(140px,calc(100cqh - 207px),730px)}
/* Evidence has its own quieter layout and a stable quote area. */
.evidence-screen{grid-template-columns:1fr;gap:0;align-content:center;height:calc(100% - 40px);width:calc(100% - 48px);margin:20px 24px;padding:30px 54px;background:#193f38;color:#fff;border-radius:12px}.evidence-heading .eyebrow{color:var(--lime);margin-bottom:10px}.evidence-heading h1{font-size:clamp(28px,5.4cqh,43px);max-width:none}.quote-wrap{position:relative;padding:27px 0 0 54px}.quote-mark{position:absolute;left:0;top:14px;font:400 88px/1 Georgia,serif;color:var(--lime)}.quote-wrap blockquote{font-size:clamp(25px,min(2.5vw,5.3cqh),43px);line-height:1.4;letter-spacing:-.012em;min-height:4.2em;max-width:56ch}.quote-credit{font-size:16px;color:#c4d7cd;margin-top:13px}.quote-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:11px}.quote-playback{display:flex;align-items:center;gap:16px}.quote-dots{display:flex;margin-left:-8px}.quote-dots button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;background:none}.quote-dots span{width:7px;height:7px;border:1px solid #b8cdc0;border-radius:50%}.quote-dots button[aria-pressed=true] span{background:var(--lime);border-color:var(--lime)}.source-button{font:400 11px Inter,Arial,sans-serif;color:#c4d7cd;text-underline-offset:4px;text-decoration:underline;background:none;border:0;padding:10px 0}.source-button:hover{color:white}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid #59796c;margin-top:16px;padding-top:21px}.metrics strong{font-size:clamp(47px,10cqh,84px);line-height:1;letter-spacing:-.04em;color:var(--lime)}.metrics strong span{font-size:.63em}.metrics p{font-size:clamp(14px,3.1cqh,18px);line-height:1.5;margin-top:10px;color:#e5eee7}.survey-note{font:400 11px/1.5 Inter,Arial,sans-serif;color:#b0c9bb;margin-top:21px}.evidence-screen button:focus-visible{outline-color:var(--lime)}.apt-evidence .quote-wrap blockquote{font-size:clamp(30px,min(3.1vw,6.6cqh),56px);min-height:3.2em;max-width:39ch}.evidence-close{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px;padding-top:24px;border-top:1px solid #59796c}.evidence-close span{font-size:16px;color:var(--lime)}.evidence-close span+span:before{content:'·';margin-right:16px;color:#9bb7a8}
/* Reuse the approved animation geometry; only its surrounding frame changes. */
.overview:has(.motion-visual){--visual-height:clamp(170px,calc(100cqh - 153px),690px)}.motion-visual{min-width:0;align-self:center;padding:14px 20px 18px;border-radius:14px;background:var(--pale)}.motion-controls{display:flex;justify-content:flex-end;gap:17px;min-height:28px;margin-bottom:7px}.motion-button{font:500 11px Inter,Arial,sans-serif;color:var(--muted);border:0;background:none;padding:7px 0}.motion-button:hover{color:var(--teal)}.motion-art{display:flex;align-items:center;justify-content:center;min-width:0}.motion-visual figcaption{font:400 12px/1.5 Inter,Arial,sans-serif;color:var(--muted);text-align:center;margin-top:12px}.handout-motion{position:relative;isolation:isolate;padding:0;width:min(100%,calc(var(--visual-height) * .909));line-height:0;background:#fff;border:1px solid #d7e1d9;box-shadow:0 7px 23px #183f3912}.hm-sheet{position:relative;width:100%;aspect-ratio:1440/1584;transform-origin:52% 80%}.hm-source{width:100%;height:auto;margin:0}.hm-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hm-strokes{fill:none;stroke:#2858ad;stroke-width:6.3;stroke-linecap:round;stroke-linejoin:round}.hm-pen{filter:drop-shadow(3px 5px 3px #20383125)}.motion-apt .motion-art{height:var(--visual-height)}.apt-selected{position:relative;width:100%;height:100%}
#presentation .apt-selected .r-results{inset:15px 0 44px;gap:20px}#presentation .apt-selected .r-results h4{font-size:clamp(14px,2.6cqw,22px);margin-bottom:13px}#presentation .apt-selected .r-levels{gap:8px}#presentation .apt-selected .r-level{height:clamp(35px,6.9cqw,56px);font-size:clamp(13px,2.4cqw,21px);padding:0 10px}#presentation .apt-selected .r-lessons{gap:8px}#presentation .apt-selected .r-lesson{min-height:clamp(65px,12.25cqw,101px);padding:8px 12px}#presentation .apt-selected .r-lesson strong{font-size:clamp(16px,2.8cqw,24px);margin:3px 0}#presentation .apt-selected .r-lesson>span,#presentation .apt-selected .r-lesson small{font-size:clamp(11px,1.9cqw,16px)}#presentation .apt-selected .r-caption,#presentation .apt-selected .refinement-3[data-phase] .r-caption{font-size:clamp(14px,2.6cqw,21px);bottom:7px}
.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid var(--line);padding:0 30px;background:#fff}.text-button{display:inline-flex;align-items:center;gap:11px;justify-self:start;font:550 13px Inter,Arial,sans-serif;border:0;padding:12px 0;background:none}.text-button:hover:not(:disabled){color:var(--teal)}.position{display:flex;align-items:center;justify-content:center;gap:15px;min-width:0}.position>span:first-child{font:550 11px Inter,Arial,sans-serif;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.position>span:last-child{font:500 12px Inter,Arial,sans-serif;max-width:30ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.next-actions{display:flex;align-items:center;justify-self:end;gap:24px}.next-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-width:121px;background:var(--ink);border:1px solid var(--ink);color:white;border-radius:8px;padding:13px 18px;font:550 14px Inter,Arial,sans-serif}.next-button:hover{background:var(--teal);border-color:var(--teal)}.skip-button{font:500 12px Inter,Arial,sans-serif;color:var(--muted);background:none;border:0;padding:12px 0;white-space:nowrap}.skip-button:hover{color:var(--teal);text-decoration:underline;text-underline-offset:4px}.progress-track{height:3px;background:#eef3ef}.progress-track i{display:block;height:100%;background:var(--teal);transition:width .18s}
dialog{color:var(--ink);background:white;border:1px solid var(--line);border-radius:14px;padding:0;box-shadow:0 24px 90px #102f3a30}dialog::backdrop{background:#12392ee0}dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 25px;border-bottom:1px solid var(--line)}dialog header h2{font-size:20px;line-height:1.25;letter-spacing:-.02em}dialog header>div{display:flex;align-items:center;gap:19px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{padding:10px;text-align:center}
#contents-dialog{width:min(1090px,calc(100% - 48px));max-height:calc(100dvh - 64px)}#contents-dialog header>div{display:block}.menu-eyebrow{font:550 10px Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin-bottom:10px}#contents-title{font-size:27px}#contents-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:27px}.contents-group{min-width:0}.contents-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:17px}.feature-number{font:500 12px Inter,Arial,sans-serif;color:var(--teal);padding-top:3px}.contents-heading h3{font-size:21px;line-height:1.2;letter-spacing:-.02em}.contents-heading p{font:500 11px Inter,Arial,sans-serif;color:var(--muted);margin-top:8px}.contents-steps{display:grid;gap:4px}.contents-steps button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;border-radius:7px;background:none;padding:12px 10px;text-align:left;font:400 12px/1.5 Inter,Arial,sans-serif}.contents-steps button:hover{background:#f0f5f0}.contents-steps button[aria-current]{background:#e6f0e9;font-weight:650;color:#21695f}.contents-steps small{font-size:10px;opacity:.65}.contents-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:14px 27px}.contents-footer>span{font:400 11px Inter,Arial,sans-serif;color:var(--muted)}
#image-dialog{width:calc(100% - 36px);max-width:1760px;height:calc(100dvh - 36px);max-height:none}#image-dialog[open]{display:flex;flex-direction:column}.image-viewport{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;padding:22px;overflow:auto;background:#f2f5f1}.image-viewport>img{max-height:100%;max-width:100%;object-fit:contain;flex-shrink:0}.image-viewport.actual{display:block}.image-viewport.actual>img{max-width:none;max-height:none;margin:auto}#image-dialog .joined-screenshot{width:min(100%,calc((100dvh - 200px) * var(--joined-scale)));flex:none}#image-dialog .image-viewport.actual .joined-screenshot{width:3520px;max-width:none}#image-caption{font:400 13px/1.5 Inter,Arial,sans-serif;padding:14px 25px}#source-dialog{width:min(610px,calc(100% - 40px))}#source-content{padding:25px;font-size:16px;line-height:1.7}#source-content p+p{margin-top:15px}
:fullscreen.presentation{height:100dvh;width:100%;max-width:none;margin:0;border:0;border-radius:0}
@media(min-width:761px) and (max-height:780px){.presentation{grid-template-rows:60px minmax(0,1fr) 64px 3px;margin:10px auto;height:calc(100dvh - 20px);width:calc(100% - 20px)}.topbar{padding-inline:24px}.logo img{width:127px}.screen{padding:23px 34px;gap:29px;--visual-height:clamp(130px,calc(100cqh - 101px),650px)}.overview:has(.motion-visual){--visual-height:clamp(150px,calc(100cqh - 130px),620px)}.eyebrow{margin-bottom:13px}.lead{margin-top:18px}.support{margin-top:18px}.apt-facts{margin-top:20px;padding-top:17px}.factline{margin-top:22px}.wide-demo{--visual-height:clamp(130px,calc(100cqh - 185px),640px);gap:15px;padding:23px 34px}.demo-heading h1{font-size:clamp(29px,5.2cqh,40px)}.evidence-screen{margin:12px 20px;height:calc(100% - 24px);width:calc(100% - 40px);padding:22px 40px}.evidence-heading .eyebrow{margin-bottom:8px}.quote-wrap{padding-top:19px}.quote-wrap blockquote{font-size:clamp(23px,5.1cqh,35px)}.quote-credit{margin-top:9px}.metrics{padding-top:15px;margin-top:10px}.metrics p{margin-top:7px;font-size:14px}.survey-note{margin-top:15px}.workflow{gap:16px}.controls{padding-inline:24px}.next-button{padding-block:11px}}
@media(max-width:1100px){.presentation-context{gap:10px;padding-left:18px}.presentation-context>span:first-child{font-size:13px}.topbar{gap:18px}.availability{font-size:10px}.screen{padding-inline:30px;gap:26px}.controls{grid-template-columns:auto 1fr auto;gap:14px}.position{gap:10px}.position>span:last-child{max-width:21ch;font-size:11px}.next-actions{gap:18px}.next-button{min-width:101px}.factline span{font-size:15px}.apt-facts{gap:12px}.apt-facts strong{font-size:21px}.workflow strong{font-size:18px}.workflow p{font-size:15px}.demo-heading{gap:28px}.quote-wrap blockquote{font-size:clamp(24px,5.1cqh,34px)}}
@media(max-width:760px){.presentation{width:100%;height:100dvh;margin:0;border:0;border-radius:0;grid-template-rows:65px minmax(0,1fr) 65px 3px}.topbar{padding:0 17px;gap:13px}.logo img{width:103px}.presentation-context{border:0;padding:0;gap:5px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.presentation-context>span:first-child{font-size:11px;line-height:1.3}.availability{font-size:9px}.contents-toggle{font-size:0;gap:0;padding:8px}.contents-toggle svg{width:21px;height:21px}.topbar>.icon-button{width:32px;height:32px}.screen{height:auto;min-height:100%;overflow:visible;padding:27px 23px 30px;grid-template-columns:1fr;align-content:start;gap:28px;--visual-height:560px}h1,.apt-overview h1{font-size:clamp(36px,7vw,46px);max-width:22ch}.eyebrow{font-size:10px;margin-bottom:14px}.lead{font-size:22px;margin-top:20px}.support{font-size:18px;margin-top:20px}.factline strong{font-size:69px}.factline span{font-size:17px}.apt-facts strong{font-size:24px}.apt-facts span{font-size:11px}.overview:has(.motion-visual){--visual-height:470px}.motion-apt .motion-art{height:350px}.motion-visual{padding:12px 14px 17px}.document-view{padding:18px}.product-figure figcaption{font-size:12px}.wide-demo{display:flex;flex-direction:column;align-items:stretch;--visual-height:570px;gap:22px}.demo-heading{grid-template-columns:1fr;gap:17px}.demo-heading h1{font-size:35px}.demo-heading .lead{font-size:20px}.landscape-view{padding:13px}.landscape-view figcaption{text-align:left}.student-full{--visual-height:570px}.workflow strong{font-size:20px}.workflow p{font-size:17px}.story-points p{font-size:18px}.evidence-screen{display:block;height:auto;min-height:calc(100% - 30px);margin:15px;width:calc(100% - 30px);padding:26px 23px}.evidence-heading h1{font-size:30px}.quote-wrap{padding:42px 0 0}.quote-mark{font-size:76px;top:12px}.quote-wrap blockquote{font-size:27px;min-height:0}.quote-credit{margin-top:18px;font-size:15px}.quote-controls{flex-wrap:wrap;gap:10px;margin-top:15px}.quote-playback{gap:13px}.source-button{font-size:10px}.metrics{gap:16px;margin-top:21px;padding-top:21px}.metrics strong{font-size:48px}.metrics p{font-size:12px}.metrics p br{display:none}.survey-note{font-size:10px;margin-top:20px}.apt-evidence .quote-wrap blockquote{font-size:33px;min-height:0}.evidence-close{gap:12px}.evidence-close span{font-size:13px}.evidence-close span+span:before{margin-right:12px}.controls{padding:0 17px;gap:10px}.text-button{font-size:12px;gap:7px}.position>span:last-child{display:none}.position>span:first-child{font-size:10px}.next-actions{gap:14px}.skip-button{font-size:10px}.next-button{min-width:77px;font-size:12px;padding:11px 12px;gap:12px}.next-button svg{width:17px}#contents-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 30px)}#contents-list{grid-template-columns:1fr;gap:28px;padding:23px}.contents-heading{margin-bottom:12px}.contents-heading h3{font-size:21px}.contents-steps button{font-size:13px;padding:12px}.contents-footer>span{display:none}.contents-footer{justify-content:flex-end;padding:12px 23px}#contents-title{font-size:24px}dialog header{padding:17px 20px}dialog header h2{font-size:17px}dialog header>div{gap:15px}#image-dialog{width:calc(100% - 14px);height:calc(100dvh - 14px)}.image-viewport{padding:12px}#image-caption{padding:13px 18px;font-size:12px}.programs ul{grid-template-columns:1fr 1fr}.joined-screenshot{max-width:100%}}
@media(max-width:390px){.topbar{padding-inline:13px;gap:10px}.logo img{width:88px}.presentation-context>span:first-child{font-size:10px}.controls{padding-inline:12px;gap:7px}.next-actions{gap:10px}.next-button{min-width:69px;padding-inline:9px}.skip-button{font-size:9px}.position>span:first-child{font-size:9px}.screen{padding-inline:20px}h1,.apt-overview h1{font-size:34px}.metrics strong{font-size:41px}.metrics{gap:11px}.metrics p{font-size:11px}#presentation .apt-selected .r-results{gap:11px}#presentation .apt-selected .r-level{font-size:11px;padding:0 6px}#presentation .apt-selected .r-results h4{font-size:12px}#presentation .apt-selected .r-lesson{padding:7px}#presentation .apt-selected .r-lesson strong{font-size:14px}#presentation .apt-selected .r-lesson>span,#presentation .apt-selected .r-lesson small{font-size:10px}.programs ul{grid-template-columns:1fr}}
.screen,.evidence-screen{align-content:safe center}.wide-demo{align-content:stretch}
@media(max-width:760px){.screen{align-content:start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hm-sheet{transform:none!important}.hm-pen{display:none}}

/* A forward-looking filmstrip makes the next step visible before advancing. */
.presentation{grid-template-rows:72px minmax(0,1fr) 146px 3px}
.timeline-controls{grid-template-columns:156px minmax(0,1fr) 122px;gap:23px;padding:13px 25px;background:#f7f9f6}
.timeline-now{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding-right:7px}.timeline-now-top{display:flex;align-items:center;justify-content:space-between;gap:13px;width:100%;font:500 10px Inter,Arial,sans-serif;color:var(--muted)}.timeline-now-top>span:first-child{text-transform:uppercase;letter-spacing:.08em}.timeline-now #position{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-now #position-title{font:550 12px/1.4 Inter,Arial,sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.timeline-now .text-button{font-size:11px;padding:5px 0;margin-top:auto}
.timeline{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;min-width:0;padding:3px 3px 8px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c7d5ca transparent;overscroll-behavior-inline:contain}.timeline-card{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;flex:1 0 225px;max-width:340px;min-height:101px;padding:10px;border:1px solid #dce5dc;border-radius:9px;background:#fff;text-align:left;scroll-snap-align:start}.timeline-card:hover{border-color:#91b4a4;background:#f0f6f1}.timeline-card.is-next{border-color:#74a895;box-shadow:inset 0 0 0 1px #74a895;background:#f0f6f1}.timeline-thumb{width:86px;height:71px;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e8eeea;border:1px solid #dce4dc}.timeline-thumb>img{width:100%;height:100%;object-fit:contain}.timeline-thumb.is-quote{background:var(--ink);border-color:var(--ink)}.timeline-quote{font:400 78px/1 Georgia,serif;color:var(--lime);height:52px}.timeline-joined{display:flex;width:100%;gap:0}.timeline-joined>img{width:50%;max-width:50%;height:auto;flex:none}.timeline-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.timeline-order{display:flex;justify-content:space-between;gap:9px;font:600 9px Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.is-next .timeline-order{color:#226b5a}.timeline-order>span{font-variant-numeric:tabular-nums;opacity:.7}.timeline-copy>strong{font:600 13px/1.25 Inter,Arial,sans-serif}.timeline-feature{font:400 10px/1.35 Inter,Arial,sans-serif;color:var(--muted)}.timeline-boundary{font:600 9px Inter,Arial,sans-serif;color:var(--teal)}.timeline-controls .next-actions{flex-direction:column;gap:5px;align-items:stretch;justify-self:stretch}.timeline-controls .next-button{min-width:0;width:100%;padding:13px 16px}.timeline-controls .skip-button{padding:8px 0;font-size:11px}.timeline-end{display:flex;flex-direction:column;justify-content:center;gap:9px;padding:15px 22px;min-height:101px;border-left:2px solid #94b5a1}.timeline-end strong{font-size:17px}.timeline-end>span{font:400 13px Inter,Arial,sans-serif;color:var(--muted)}
@media(min-width:761px) and (max-height:780px){.presentation{grid-template-rows:60px minmax(0,1fr) 121px 3px}.timeline-controls{padding-block:9px}.timeline-card{min-height:91px;padding:9px;grid-template-columns:72px minmax(0,1fr)}.timeline-thumb{width:72px;height:61px}.timeline-end{min-height:91px}.screen{padding-block:20px}.screen .support{margin-top:16px}}
@media(max-width:1100px){.timeline-controls{grid-template-columns:126px minmax(0,1fr) 106px;gap:16px;padding-inline:20px}.timeline-card{flex-basis:220px}.timeline-now-top{font-size:9px;gap:8px}.timeline-now #position{font-size:9px}.timeline-now #position-title{font-size:11px}.timeline-controls .next-button{padding-inline:13px}}
@media(max-width:760px){.presentation{grid-template-rows:65px minmax(0,1fr) 131px 3px}.timeline-controls{grid-template-columns:minmax(0,1fr) 83px;grid-template-rows:19px minmax(0,1fr);gap:4px 12px;padding:8px 13px}.timeline-now{grid-column:1/3;grid-row:1;flex-direction:row;align-items:center;gap:12px;padding:0}.timeline-now-top{width:auto;gap:11px}.timeline-now #position-title{display:none}.timeline-now .text-button{margin:0 0 0 auto;padding:0;font-size:10px}.timeline{grid-column:1;grid-row:2;gap:9px;padding:3px 2px 5px}.timeline-card{grid-template-columns:55px minmax(0,1fr);gap:9px;flex-basis:100%;max-width:none;min-height:82px;padding:8px}.timeline-thumb{width:55px;height:56px}.timeline-copy{gap:4px}.timeline-copy>strong{font-size:12px}.timeline-order{font-size:8px}.timeline-feature{font-size:9px}.timeline-boundary{font-size:8px}.timeline-controls .next-actions{grid-column:2;grid-row:2;gap:4px}.timeline-controls .next-button{font-size:12px;padding:11px 10px;gap:8px}.timeline-controls .skip-button{font-size:9px}.timeline-end{min-height:82px;padding:10px}.timeline-end strong{font-size:14px}.timeline-end>span{font-size:11px}}

.review-link{font:550 12px Inter,Arial,sans-serif;white-space:nowrap;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:8px 10px}.review-link:hover{background:var(--pale)}@media(max-width:900px){.review-link{font-size:10px;padding:7px}.topbar{gap:10px}.presentation-context{padding-left:0;border:0}}

.quote-stage{display:grid}.quote-stage>blockquote{grid-area:1/1}.quote-stage>.quote-reserve{visibility:hidden;pointer-events:none;user-select:none}

/* layouts.css */
/* Shared presentation geometry: center the whole composition, preserve image proportions. */
:root{--review-height:42px;--header-height:56px;--footer-height:82px;background:#e9eeeb}
.review-bar{height:var(--review-height);padding:0 22px;display:flex;align-items:center;gap:28px;background:#183e37;color:#e9f3ed;font:500 12px Inter,Arial,sans-serif;overflow:auto;white-space:nowrap}
.review-bar a{color:inherit;text-decoration:none}.review-home{opacity:.8;flex:none}.review-home:hover{opacity:1}.review-versions{height:100%;display:flex;gap:3px}.review-versions a{height:100%;display:flex;align-items:center;padding:0 15px;border-bottom:3px solid transparent}.review-versions a:hover{background:#ffffff0d}.review-versions [aria-current]{background:#ffffff14;border-bottom-color:#c9df97;color:white}
.presentation{position:relative;width:min(1900px,calc(100% - 20px));height:calc(100dvh - var(--review-height) - 20px);margin:10px auto;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr) var(--footer-height) 3px;border-radius:12px}
.topbar{grid-row:1;grid-column:1/-1;gap:20px;padding:0 28px}.logo img{width:126px}.presentation-context{padding-left:20px}.presentation-context>span:first-child{font-size:14px}.availability{font-size:12px}.contents-toggle{font-size:13px}.topbar .icon-button{width:34px;height:34px}
#stage{grid-column:1;grid-row:2;min-height:0;min-width:0}.progress-track{grid-column:1/-1;grid-row:4}
.screen{height:100%;padding:28px clamp(26px,3.7vw,64px);gap:clamp(26px,4vw,64px);align-items:center;align-content:safe center;--visual-height:clamp(140px,calc(100cqh - 125px),950px)}
.copy{align-self:center;padding:0}h1{font-size:clamp(34px,min(4cqw,7.5cqh),66px);line-height:1.08;max-width:22ch}.apt-overview h1{font-size:clamp(32px,min(3.65cqw,7.1cqh),60px)}
.eyebrow{font-size:12px;margin-bottom:15px}.lead{font-size:clamp(20px,min(2.05cqw,4.2cqh),29px);line-height:1.45;margin-top:22px;max-width:43ch}.support{font-size:clamp(16px,min(1.45cqw,3.15cqh),21px);line-height:1.5;margin-top:22px;max-width:45ch}
.overview,.practice{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.factline{margin-top:25px}.factline strong{font-size:clamp(58px,11cqh,88px)}.factline span{font-size:18px}.apt-facts{margin-top:24px;padding-top:20px}.apt-facts strong{font-size:clamp(20px,3.8cqh,27px)}.apt-facts span{font-size:12px}
.overview:has(.motion-visual){--visual-height:clamp(140px,calc(100cqh - 136px),880px)}.motion-visual{align-self:center;background:#f1f6f2;padding:12px 18px 16px}.motion-button{font-size:12px}.motion-visual figcaption{font-size:12px}.motion-controls{margin:0 0 6px}.motion-art{min-height:0}
.document-view,.tall-view{padding:18px}.document-view .product-figure{max-width:none}.document-view .image-button>img{max-height:var(--visual-height)}.document-view .product-figure figcaption{max-width:55ch}.product-figure figcaption{font-size:12px;line-height:1.45}.sample-link{font-size:14px}.programs{font-size:14px}
/* Landscape screenshots use the width, with text and image balanced as a single group. */
.wide-demo{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:22px;padding:24px 44px;align-content:safe center;--visual-height:clamp(130px,calc(100cqh - 230px),900px)}
.demo-heading{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}.demo-heading h1{font-size:clamp(30px,5.6cqh,44px);line-height:1.1}.demo-heading .lead{font-size:clamp(18px,3.3cqh,24px);line-height:1.45}.landscape-view{align-self:center;padding:16px 20px;background:#f3f6f3}.landscape-view .product-figure{max-width:1600px;margin:auto}.apt-practice .image-button>img{width:100%;max-height:var(--visual-height)}.wide-demo>.planned-note,.wide-demo>.small-note{font-size:12px;line-height:1.4}.joined-screenshot{width:min(100%,calc(var(--visual-height) * var(--joined-scale)))}
.progress-overview{grid-template-columns:1fr;grid-template-rows:auto auto;gap:26px;--visual-height:clamp(130px,calc(100cqh - 300px),760px)}
.progress-overview .copy{display:grid;grid-template-columns:1.1fr 1fr;gap:0 50px;align-items:center}.progress-overview .eyebrow{grid-column:1;margin-bottom:10px}.progress-overview h1{grid-column:1;font-size:clamp(31px,5.4cqh,47px)}.progress-overview .lead{grid-column:2;grid-row:1/3;margin:0;font-size:clamp(18px,3.3cqh,24px)}.progress-overview .story-points{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;margin-top:20px}.progress-overview .story-points p{font-size:16px}.progress-overview .planned-note{grid-column:1/-1;margin-top:14px;max-width:none}.progress-visual{background:#f4f3eb;padding:17px}
.evidence-screen{margin:18px 24px;width:calc(100% - 48px);height:calc(100% - 36px);padding:28px clamp(30px,4vw,64px);align-content:safe center;gap:0}.evidence-heading h1{font-size:clamp(30px,5.2cqh,44px)}.quote-wrap blockquote{font-size:clamp(25px,min(3.1cqw,5.3cqh),46px)}.apt-evidence .quote-wrap blockquote{font-size:clamp(30px,min(3.8cqw,6.7cqh),58px)}.source-button{font-size:12px}.quote-credit{font-size:16px}.metrics p{font-size:16px}.survey-note{font-size:12px}
/* Common controls keep their position and name the next destination. */
.review-controls{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:auto 145px minmax(180px,1fr) auto;gap:26px;align-items:center;padding:10px 28px;border-top:1px solid var(--line);background:#fafcf9;min-height:0}
.review-controls>.text-button{font-size:13px;gap:10px}.current-step{display:flex;flex-direction:column;gap:5px;min-width:0}.current-step #position{font:550 12px Inter,Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}.current-step #position-title{font:550 13px/1.3 Inter,Arial,sans-serif;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.coming-up{justify-self:end;display:flex;align-items:center;gap:13px;min-width:0;max-width:390px;text-align:left;border:0;border-radius:8px;background:none;padding:5px 10px}.coming-up:hover:not(:disabled){background:#edf3ed}.coming-up:disabled{opacity:1}.coming-up>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.coming-up small{font:550 11px Inter,Arial,sans-serif;color:var(--teal)}.coming-up strong{font:550 14px/1.3 Inter,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coming-up em{font:400 11px Inter,Arial,sans-serif;color:var(--muted)}.next-thumb{display:flex;width:69px;height:46px;flex:none;align-items:center;justify-content:center;background:#eaf0e9;border:1px solid var(--line);border-radius:4px;overflow:hidden}.next-thumb>img{width:100%;height:100%;object-fit:contain}.next-thumb .timeline-quote{font-size:55px;line-height:1;height:34px;color:var(--ink)}
.review-controls .next-actions{gap:20px;flex-direction:row-reverse}.next-button{min-width:102px;padding:13px 17px;font-size:14px}.skip-button{font-size:12px}.review-controls>.timeline,.storyboard,.inspect-toggle{display:none}
.preview-card{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1 0 170px;border:1px solid #d5e1d7;border-radius:8px;background:white;padding:8px;text-align:left}.preview-card:hover{border-color:#7fae98;background:#f5f9f5}.preview-card.is-next{border-color:#6ca28c;box-shadow:inset 0 0 0 1px #6ca28c}.preview-card.is-current{background:#e3eee6;border-color:#b0caba}.preview-art{height:96px;width:100%;display:flex;align-items:center;justify-content:center;background:#edf2ed;border-radius:4px;overflow:hidden}.preview-art>img{width:100%;height:100%;object-fit:contain}.preview-art.is-feedback{background:var(--ink)}.preview-art .timeline-quote{font-size:90px;height:57px;line-height:1}.preview-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.preview-meta small{display:flex;justify-content:space-between;font:550 11px Inter,Arial,sans-serif;color:var(--teal)}.preview-meta b{font-weight:500;opacity:.7}.preview-meta strong{font:550 14px/1.3 Inter,Arial,sans-serif}.preview-meta>span{font:400 12px/1.4 Inter,Arial,sans-serif;color:var(--muted)}
#upcoming-dialog{width:min(1210px,calc(100% - 40px));margin:auto auto 98px;max-height:calc(100dvh - 150px)}#upcoming-list{display:flex;gap:13px;padding:22px;overflow:auto}#upcoming-list>.preview-card{min-width:170px}#upcoming-dialog::backdrop{background:#173d365c}
:fullscreen.presentation{width:100%;height:100dvh;margin:0;max-width:none;border:0;border-radius:0}
/* 2. A persistent storyboard trades a little width for a complete route through the features. */
html[data-layout="2"] .presentation{grid-template-columns:224px minmax(0,1fr);--footer-height:76px}
html[data-layout="2"] #stage{grid-column:2}.storyboard{min-height:0;overflow:auto;overscroll-behavior:contain;background:#f4f7f2;border-right:1px solid var(--line);padding:23px 17px;scrollbar-width:thin}
html[data-layout="2"] .storyboard{display:block;grid-column:1;grid-row:2/4}html[data-layout="2"] .review-controls{grid-column:2;grid-template-columns:auto 95px minmax(120px,1fr) auto;gap:16px;padding-inline:22px}html[data-layout="2"] .screen{padding-inline:30px;gap:28px}html[data-layout="2"] .review-controls .coming-up{max-width:280px}html[data-layout="2"] .next-thumb{display:none}html[data-layout="2"] .review-controls .next-actions{gap:14px}
.rail-heading{font:550 11px Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.rail-feature{padding:0 0 19px;margin-bottom:19px;border-bottom:1px solid var(--line)}.rail-feature-title{display:flex;gap:10px;padding:0;border:0;text-align:left;background:none;width:100%;font:550 14px/1.4 Inter,Arial,sans-serif}.rail-feature-title>span{font-size:11px;line-height:20px;color:var(--teal)}.rail-feature-title:hover strong{color:var(--teal)}.rail-availability{font:400 11px Inter,Arial,sans-serif;color:var(--muted);margin:5px 0 9px 23px}.rail-steps{display:grid;gap:3px}.rail-steps button{display:flex;justify-content:space-between;align-items:center;gap:7px;width:100%;border:0;padding:8px 9px 8px 23px;border-radius:5px;background:none;font:400 12px/1.3 Inter,Arial,sans-serif;text-align:left}.rail-steps button:hover{background:#e9f0e7}.rail-steps [aria-current]{background:#dcebdc;color:#1f6753;font-weight:650}.rail-steps small{font-size:10px;opacity:.65}.rail-upnext .preview-card{width:100%}.rail-upnext .preview-art{height:85px}.rail-upnext .preview-meta>span{display:none}
/* 3. The cinema strip is 150px, preserving a centered stage above it. */
html[data-layout="3"] .presentation{--header-height:48px;--footer-height:156px}html[data-layout="3"] .review-controls{grid-template-columns:95px minmax(0,1fr) 110px;gap:18px;padding:10px 22px}html[data-layout="3"] .review-controls>.current-step,html[data-layout="3"] .coming-up{display:none}html[data-layout="3"] .review-controls>.timeline{display:flex;align-self:stretch;align-items:stretch;gap:10px;padding:2px 3px 5px}html[data-layout="3"] .preview-card{flex:1 0 145px;gap:7px;padding:7px;max-width:none}html[data-layout="3"] .preview-art{height:57px;flex:none}html[data-layout="3"] .preview-meta small{font-size:10px}html[data-layout="3"] .preview-meta strong{font-size:12px}html[data-layout="3"] .preview-meta>span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-layout="3"] .review-controls .next-actions{flex-direction:column;gap:7px}html[data-layout="3"] .skip-button{font-size:11px;padding:8px 0}html[data-layout="3"] .screen{padding-block:21px}
/* 4. A product canvas and an explanatory panel, with same-tab image focus. */
html[data-layout="4"] .presentation{--footer-height:76px;background:#f1f4f1}html[data-layout="4"] .topbar{background:white}html[data-layout="4"] .inspect-toggle{display:block;position:absolute;top:calc(var(--header-height) + 14px);left:24px;z-index:3;background:#fffefb;border:1px solid #becfc2;border-radius:7px;padding:9px 12px;font:500 12px Inter,Arial,sans-serif;box-shadow:0 2px 9px #183f3810}html[data-layout="4"] .inspect-toggle:hover{background:#eaf2e9}
html[data-layout="4"] .screen:not(.evidence-screen){grid-template-columns:minmax(0,1fr) minmax(290px,350px);grid-template-rows:1fr;gap:0;padding:0;align-items:stretch;align-content:stretch;--visual-height:clamp(140px,calc(100cqh - 125px),1100px)}
html[data-layout="4"] .screen>.copy,html[data-layout="4"] .screen>.demo-heading{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:safe center;align-items:stretch;align-self:stretch;gap:0;padding:26px;border-left:1px solid #d9e2d9;background:#fff;overflow:auto}
html[data-layout="4"] h1,html[data-layout="4"] .demo-heading h1,html[data-layout="4"] .apt-overview h1{font-size:clamp(29px,4.65cqh,41px);line-height:1.1;max-width:none}html[data-layout="4"] .eyebrow{font-size:11px;margin-bottom:13px}html[data-layout="4"] .lead,html[data-layout="4"] .demo-heading .lead{font-size:clamp(18px,3.1cqh,22px);line-height:1.45;margin-top:19px}html[data-layout="4"] .support{font-size:16px;line-height:1.5;margin-top:19px}html[data-layout="4"] .factline{gap:12px;margin-top:21px}html[data-layout="4"] .factline strong{font-size:61px}html[data-layout="4"] .factline span{font-size:14px}html[data-layout="4"] .factline br{display:none}html[data-layout="4"] .apt-facts{grid-template-columns:1fr;gap:11px;padding-top:16px;margin-top:20px}html[data-layout="4"] .apt-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}html[data-layout="4"] .apt-facts strong{font-size:18px}html[data-layout="4"] .apt-facts br{display:none}html[data-layout="4"] .apt-facts span{font-size:11px;margin:0;text-align:right}html[data-layout="4"] .story-points{display:grid;gap:13px;margin-top:20px}html[data-layout="4"] .story-points p{font-size:16px}html[data-layout="4"] .planned-note{font-size:12px;margin-top:18px}html[data-layout="4"] .workflow{gap:17px;margin-top:20px}html[data-layout="4"] .workflow strong{font-size:17px}html[data-layout="4"] .workflow p{font-size:15px}html[data-layout="4"] .workflow li{gap:10px}html[data-layout="4"] .sample-link{font-size:13px}html[data-layout="4"] .programs{font-size:13px}html[data-layout="4"] .programs ul{grid-template-columns:1fr}
html[data-layout="4"] .screen>.motion-visual,html[data-layout="4"] .screen>.document-view,html[data-layout="4"] .screen>.visual-panel,html[data-layout="4"] .screen>.tall-view,html[data-layout="4"] .screen>.landscape-view{grid-column:1;grid-row:1;align-self:center;background:transparent;margin:0;padding:50px 30px 20px;min-width:0;border-radius:0}
html[data-layout="4"] .motion-visual{--visual-height:clamp(140px,calc(100cqh - 140px),1000px)}html[data-layout="4"] .motion-visual figcaption{font-size:12px}html[data-layout="4"] .motion-controls{position:absolute;left:170px;top:13px;gap:20px}html[data-layout="4"] .motion-button{font-size:12px}html[data-layout="4"] .document-view .product-figure{max-width:none}html[data-layout="4"] .landscape-view .product-figure{width:100%}html[data-layout="4"] .wide-demo{--visual-height:clamp(140px,calc(100cqh - 145px),1100px)}
html[data-layout="4"] .wide-demo>.planned-note,html[data-layout="4"] .wide-demo>.small-note{grid-column:2;grid-row:1;align-self:end;z-index:1;padding:14px 26px;background:white;margin:0;border-top:1px solid #e4e9e3}html[data-layout="4"] .wide-demo>.demo-heading{padding-bottom:95px}
html[data-layout="4"] .is-inspecting .screen:not(.evidence-screen){grid-template-columns:1fr}html[data-layout="4"] .is-inspecting .screen>.copy,html[data-layout="4"] .is-inspecting .screen>.demo-heading,html[data-layout="4"] .is-inspecting .wide-demo>.small-note,html[data-layout="4"] .is-inspecting .wide-demo>.planned-note{display:none}
html[data-layout="4"] .evidence-screen{grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:auto auto auto;column-gap:50px;background:#193f38;padding:38px;margin:18px;width:calc(100% - 36px);height:calc(100% - 36px)}html[data-layout="4"] .evidence-heading{grid-column:2;grid-row:1}html[data-layout="4"] .evidence-heading h1{font-size:34px}html[data-layout="4"] .quote-wrap{grid-column:1;grid-row:1/4;padding:22px 0 0 44px;align-self:center}html[data-layout="4"] .quote-wrap blockquote{font-size:clamp(26px,4.4cqh,40px);min-height:0}html[data-layout="4"] .quote-controls{flex-wrap:wrap;gap:5px}html[data-layout="4"] .metrics{grid-column:2;grid-row:2;grid-template-columns:1fr;gap:15px;margin-top:20px;padding-top:20px}html[data-layout="4"] .metrics>div{display:flex;gap:15px;align-items:center}html[data-layout="4"] .metrics strong{font-size:47px;min-width:90px}html[data-layout="4"] .metrics p{font-size:13px;margin:0}html[data-layout="4"] .survey-note{grid-column:2;grid-row:3;font-size:11px}html[data-layout="4"] .evidence-close{grid-column:2;grid-row:2;display:grid;gap:13px}html[data-layout="4"] .evidence-close span+span:before{display:none}
/* Smaller windows preserve fixed navigation and allow only the slide content to scroll. */
@media(min-width:901px) and (max-height:790px){
 :root{--header-height:50px;--footer-height:76px}.screen{padding:20px 30px;gap:30px;--visual-height:clamp(130px,calc(100cqh - 103px),720px)}.overview:has(.motion-visual){--visual-height:clamp(130px,calc(100cqh - 127px),690px)}
 h1{font-size:clamp(32px,6.9cqh,48px)}.apt-overview h1{font-size:clamp(30px,6.6cqh,45px)}.lead{font-size:clamp(19px,3.9cqh,24px);margin-top:17px}.support{font-size:16px;margin-top:17px}.eyebrow{margin-bottom:12px}.factline{margin-top:19px}.factline strong{font-size:60px}.apt-facts{margin-top:18px;padding-top:15px}.apt-facts strong{font-size:20px}.wide-demo{gap:16px;--visual-height:clamp(120px,calc(100cqh - 194px),730px)}.demo-heading h1{font-size:32px}.demo-heading .lead{font-size:18px}.progress-overview{gap:20px;--visual-height:clamp(120px,calc(100cqh - 255px),700px)}.progress-overview h1{font-size:32px}.progress-overview .lead{font-size:18px}.progress-overview .story-points{margin-top:15px}.progress-overview .story-points p{font-size:14px}.progress-overview .planned-note{margin-top:10px}.evidence-screen{padding:22px 34px;margin:12px 18px;width:calc(100% - 36px);height:calc(100% - 24px)}.quote-wrap{padding-top:18px}.quote-wrap blockquote{font-size:clamp(23px,4.8cqh,34px)}.quote-credit{margin-top:9px}.metrics{padding-top:14px;margin-top:10px}.metrics p{font-size:14px;margin-top:7px}.survey-note{margin-top:13px}
 html[data-layout="4"] .screen:not(.evidence-screen){grid-template-columns:minmax(0,1fr) 315px}html[data-layout="4"] .screen>.copy,html[data-layout="4"] .screen>.demo-heading{padding-inline:23px}html[data-layout="4"] h1,html[data-layout="4"] .demo-heading h1,html[data-layout="4"] .apt-overview h1{font-size:29px}html[data-layout="4"] .lead,html[data-layout="4"] .demo-heading .lead{font-size:18px}html[data-layout="4"] .evidence-screen{column-gap:28px;grid-template-columns:minmax(0,1fr) 280px;padding:26px}html[data-layout="4"] .evidence-heading h1{font-size:29px}html[data-layout="4"] .metrics strong{font-size:39px;min-width:74px}html[data-layout="4"] .metrics p{font-size:12px}html[data-layout="4"] .quote-wrap blockquote{font-size:26px}
}
@media(min-width:901px) and (max-width:1200px){
 .topbar{gap:15px;padding-inline:21px}.review-controls{gap:16px;padding-inline:21px;grid-template-columns:auto 100px minmax(140px,1fr) auto}.review-controls .next-actions{gap:14px}.coming-up{max-width:300px}.coming-up strong{font-size:13px}.next-thumb{width:55px;height:42px}.screen{padding-inline:28px;gap:28px}.factline span{font-size:16px}
 html[data-layout="2"] .presentation{grid-template-columns:190px minmax(0,1fr)}html[data-layout="2"] .storyboard{padding:20px 12px}html[data-layout="2"] .review-controls{grid-template-columns:auto 65px minmax(100px,1fr) auto;gap:12px;padding-inline:17px}html[data-layout="2"] .current-step #position-title{display:none}html[data-layout="2"] .coming-up em{display:none}html[data-layout="2"] .review-controls>.text-button{font-size:0}html[data-layout="2"] .review-controls>.text-button>span{font-size:18px}html[data-layout="2"] .review-controls .next-actions{gap:10px}html[data-layout="2"] .screen{padding-inline:22px;gap:23px}html[data-layout="2"] .apt-facts{gap:10px}html[data-layout="2"] .apt-facts strong{font-size:18px}html[data-layout="2"] .apt-facts span{font-size:11px}
 html[data-layout="4"] .screen:not(.evidence-screen){grid-template-columns:minmax(0,1fr) 300px}html[data-layout="4"] .screen>.copy,html[data-layout="4"] .screen>.demo-heading{padding-inline:21px}html[data-layout="4"] .evidence-screen{grid-template-columns:minmax(0,1fr) 270px;column-gap:24px;padding:26px}html[data-layout="4"] .quote-wrap{padding-left:30px}html[data-layout="4"] .quote-mark{font-size:66px}
}
@media(max-width:900px){
 :root{--review-height:42px;--header-height:58px;--footer-height:85px}.review-bar{padding-inline:13px;gap:14px;font-size:11px}.review-versions a{padding-inline:12px}.presentation{width:100%;height:calc(100dvh - var(--review-height));margin:0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-height) minmax(0,1fr) var(--footer-height) 3px}.topbar{padding:0 16px;gap:13px}.logo img{width:105px}.presentation-context{border:0;padding:0;gap:4px;flex:1;flex-direction:column;align-items:flex-start}.presentation-context>span:first-child{font-size:12px}.availability{font-size:11px}.contents-toggle{font-size:0}.contents-toggle svg{width:20px;height:20px}.topbar .icon-button{width:31px;height:31px}
 .screen{display:grid;height:auto;min-height:100%;overflow:visible;grid-template-columns:1fr;grid-template-rows:auto;padding:30px;gap:28px;align-content:start;--visual-height:560px}.copy{align-self:start}h1,.apt-overview h1{font-size:clamp(34px,5.8vw,47px)}.lead{font-size:23px;margin-top:20px}.support{font-size:18px;margin-top:20px}.overview:has(.motion-visual){--visual-height:490px}.motion-visual{width:100%;max-width:680px;justify-self:center}.motion-apt .motion-art{height:400px}.factline strong{font-size:72px}.factline span{font-size:17px}.apt-facts strong{font-size:24px}.wide-demo{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;--visual-height:570px;gap:23px}.demo-heading{grid-template-columns:1fr;gap:17px}.demo-heading h1{font-size:36px}.demo-heading .lead{font-size:21px}.landscape-view{padding:14px}.landscape-view .product-figure figcaption{text-align:left}.progress-overview .copy{display:block}.progress-overview h1{font-size:36px}.progress-overview .lead{font-size:22px;margin-top:19px}.progress-overview .story-points{display:grid;gap:12px;margin-top:23px}.progress-overview .story-points p{font-size:17px}.progress-overview .planned-note{margin-top:20px}.progress-overview{--visual-height:570px}.evidence-screen{display:block;width:calc(100% - 30px);height:auto;min-height:calc(100% - 30px);margin:15px;padding:28px}.evidence-heading h1{font-size:33px}.quote-wrap{padding:40px 0 0}.quote-mark{top:7px}.quote-wrap blockquote,.apt-evidence .quote-wrap blockquote{font-size:30px;min-height:0}.quote-controls{flex-wrap:wrap;gap:7px}.metrics{gap:18px;margin-top:22px;padding-top:20px}.metrics strong{font-size:56px}.metrics p{font-size:14px}.metrics p br{display:none}.survey-note{margin-top:20px;font-size:11px}
 .review-controls{grid-template-columns:25px 45px minmax(0,1fr) 95px;gap:12px;padding:9px 16px}.review-controls>.text-button{font-size:0}.review-controls>.text-button>span{font-size:20px}.current-step #position{font-size:11px}.current-step #position-title{display:none}.coming-up{justify-self:stretch;max-width:none;gap:8px;padding:4px}.coming-up small{font-size:10px}.coming-up strong{font-size:12px}.coming-up em{font-size:10px}.next-thumb{width:50px;height:40px}.review-controls .next-actions{flex-direction:column;gap:3px;align-items:stretch}.review-controls .next-button{min-width:0;padding:10px 12px;gap:8px;font-size:13px}.review-controls .skip-button{font-size:10px;padding:5px 0}
 #upcoming-dialog{margin:auto auto 90px;width:calc(100% - 24px)}#upcoming-list{padding:16px;gap:10px}#upcoming-list .preview-card{flex-basis:170px}
 html[data-layout="2"] .presentation{grid-template-columns:1fr;--footer-height:85px}html[data-layout="2"] #stage{grid-column:1}html[data-layout="2"] .storyboard{display:none}html[data-layout="2"] .review-controls{grid-column:1;grid-template-columns:25px 45px minmax(0,1fr) 95px;gap:12px;padding:9px 16px}html[data-layout="2"] .review-controls .next-actions{gap:3px}html[data-layout="2"] .next-thumb{display:flex}html[data-layout="2"] .screen{padding:30px;gap:28px}
 html[data-layout="3"] .presentation{--header-height:58px;--footer-height:146px}html[data-layout="3"] .review-controls{grid-template-columns:22px minmax(0,1fr) 80px;gap:10px;padding:9px 12px}html[data-layout="3"] .review-controls>.text-button{font-size:0}html[data-layout="3"] .preview-card{flex-basis:146px}html[data-layout="3"] .review-controls .next-actions{gap:5px}html[data-layout="3"] .preview-art{height:53px}
 html[data-layout="4"] .presentation{--footer-height:85px}html[data-layout="4"] .screen:not(.evidence-screen){grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:0;--visual-height:530px}html[data-layout="4"] .screen>.copy,html[data-layout="4"] .screen>.demo-heading{grid-column:1;grid-row:1;border:0;overflow:visible;padding:28px 26px;display:block}html[data-layout="4"] .screen>.motion-visual,html[data-layout="4"] .screen>.document-view,html[data-layout="4"] .screen>.visual-panel,html[data-layout="4"] .screen>.tall-view,html[data-layout="4"] .screen>.landscape-view{grid-column:1;grid-row:2;padding:23px 20px 28px}html[data-layout="4"] .inspect-toggle{display:none}html[data-layout="4"] .motion-controls{position:static;justify-content:flex-end;margin-bottom:10px}html[data-layout="4"] .screen>.copy h1,html[data-layout="4"] .demo-heading h1{font-size:36px}html[data-layout="4"] .lead,html[data-layout="4"] .demo-heading .lead{font-size:21px}html[data-layout="4"] .apt-facts{grid-template-columns:repeat(3,1fr)}html[data-layout="4"] .apt-facts>div{display:block}html[data-layout="4"] .apt-facts span{display:block;text-align:left;margin-top:7px}html[data-layout="4"] .wide-demo>.planned-note,html[data-layout="4"] .wide-demo>.small-note{grid-column:1;grid-row:3;position:static;padding:17px 25px}html[data-layout="4"] .evidence-screen{display:block;padding:27px;margin:15px;width:calc(100% - 30px);height:auto;min-height:calc(100% - 30px)}html[data-layout="4"] .quote-wrap{padding:40px 0 0}html[data-layout="4"] .quote-wrap blockquote{font-size:28px}html[data-layout="4"] .metrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}html[data-layout="4"] .metrics>div{display:block}html[data-layout="4"] .metrics strong{font-size:45px;min-width:0}html[data-layout="4"] .metrics p{font-size:12px;margin-top:9px}html[data-layout="4"] .survey-note{margin-top:20px}
}
@media(max-width:480px){.review-home{font-size:10px}.review-bar{gap:8px}.review-versions a{padding-inline:10px}.topbar{gap:10px;padding-inline:13px}.logo img{width:86px}.presentation-context>span:first-child{font-size:11px}.availability{font-size:10px}.screen,html[data-layout="2"] .screen{padding:25px 21px}.review-controls,html[data-layout="2"] .review-controls{grid-template-columns:20px 36px minmax(0,1fr) 78px;gap:8px;padding-inline:12px}.coming-up em,.next-thumb,html[data-layout="2"] .next-thumb{display:none}.coming-up strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.metrics strong{font-size:43px}.metrics p{font-size:12px}.factline span{font-size:15px}.apt-facts strong{font-size:20px}.apt-facts span{font-size:11px}.motion-apt .motion-art{height:320px}.evidence-screen{padding:24px 20px}.quote-wrap blockquote{font-size:26px}.quote-controls{gap:7px}.source-button{font-size:11px}}

/* Keep controls in the stage, and let notes flow with the explanation. */
html[data-layout="4"] .motion-controls{top:calc(var(--header-height) + 13px)}
html[data-layout="4"] .wide-demo>.demo-heading{padding-bottom:26px}
html[data-layout="4"] .demo-heading>.planned-note,html[data-layout="4"] .demo-heading>.small-note{margin-top:24px;font:400 12px/1.5 Inter,Arial,sans-serif}
html[data-layout="4"] .demo-heading>.planned-note{color:var(--amber)}
@media(max-width:900px){html[data-layout="4"] .motion-controls{position:static}html[data-layout="4"] .wide-demo>.demo-heading{padding-bottom:28px}}
@media(max-width:900px){html[data-layout="4"] .is-inspecting .screen>.copy,html[data-layout="4"] .is-inspecting .screen>.demo-heading{display:block}}

/* storyboard.css */
/* The selected storyboard fills the window without the design comparison strip. */
:root.selected-storyboard{--review-height:0px}
.selected-storyboard .topbar .contents-toggle{margin-left:auto}
.selected-storyboard .handouts .copy,.selected-storyboard .apt-overview .copy{max-width:620px}
.selected-storyboard .handouts .lead{max-width:36ch}
.selected-storyboard .handout-practice .lead{max-width:36ch}
.sample-details{max-width:43ch;margin-top:28px;padding-top:17px;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.sample-details summary{color:var(--teal);font-weight:700;padding:5px 0}
.sample-details>div{padding-top:14px}.sample-details p{margin:0 0 12px}.sample-details .sample-link{margin:0 0 20px}.sample-details ul{font-size:13px;gap:7px 14px;margin-bottom:0}
.demo-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--muted);font:400 13px/1.5 Inter,Arial,sans-serif}
.walkthrough-link{display:inline-flex;align-items:center;gap:10px;padding:9px 0;background:none;border:0;font:550 14px Inter,Arial,sans-serif;color:var(--teal)}.walkthrough-link:hover{text-decoration:underline;text-underline-offset:4px}
.rail-walkthrough{display:block;width:100%;position:relative;border:0;border-top:1px solid #dce5d9;text-align:left;background:none;padding:12px 9px 0 23px;margin-top:10px;color:var(--teal);font:550 12px/1.4 Inter,Arial,sans-serif}.rail-walkthrough small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.rail-walkthrough>span{float:right}.rail-walkthrough:hover{color:var(--ink)}
.selected-storyboard .apt-evidence .quote-wrap blockquote{font-size:clamp(27px,min(3.1cqw,5.5cqh),48px);min-height:3em}
.selected-storyboard .apt-metrics strong{font-size:clamp(45px,8cqh,68px)}.selected-storyboard .apt-metrics strong>span{font-size:.4em;font-weight:400;letter-spacing:0}.selected-storyboard .apt-metrics .range-stat{font-size:clamp(29px,5.2cqh,43px);line-height:1.1;letter-spacing:-.03em}.selected-storyboard .apt-metrics p{font-size:15px}
.selected-storyboard .progress-overview .copy{grid-template-columns:1.2fr 1fr;gap:0 38px}.selected-storyboard .progress-overview .story-points{grid-column:2;grid-row:1/3;display:grid;gap:14px;margin:0;padding-left:26px;border-left:1px solid var(--line);justify-content:start}.selected-storyboard .progress-overview .story-points p{font-size:17px}.selected-storyboard .progress-overview .planned-note{grid-column:1/-1;margin-top:20px}.selected-storyboard .progress-overview{--visual-height:clamp(140px,calc(100cqh - 245px),900px)}
#walkthrough-dialog{width:calc(100% - 30px);max-width:1650px;height:calc(100dvh - 30px);max-height:none;overflow:hidden}
#walkthrough-dialog[open]{display:flex;flex-direction:column}
#walkthrough-dialog header{flex:none;padding:19px 25px}
#walkthrough-dialog header>div:first-child{display:block}
#walkthrough-dialog h2{font-size:28px}
#walkthrough-dialog .menu-eyebrow{margin-bottom:8px}
#walkthrough-sections{display:flex;gap:7px;padding:10px 25px;border-bottom:1px solid var(--line);flex:none;overflow:auto}
#walkthrough-sections button{padding:8px 13px;border:1px solid transparent;border-radius:6px;background:none;font:500 13px Inter,Arial,sans-serif;white-space:nowrap}
#walkthrough-sections button:hover{background:#f1f6ee}
#walkthrough-sections button[aria-current]{background:#e5efe4;border-color:#c7dcc5;color:#245f49}
#walkthrough-viewport{display:flex;justify-content:center;align-items:center;flex:1;min-height:0;overflow:auto;padding:20px;background:#f0f4ee}
#walkthrough-image{display:block;max-width:100%;max-height:100%;object-fit:contain;flex:none;box-shadow:0 4px 18px #203f3712}
#walkthrough-viewport.actual{display:block}
#walkthrough-viewport.actual #walkthrough-image{max-width:none;max-height:none;margin:auto}
#walkthrough-caption{font:400 13px/1.4 Inter,Arial,sans-serif;color:var(--muted);padding:12px 25px;flex:none}
#walkthrough-dialog footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:12px 25px}
#walkthrough-position{font:500 12px Inter,Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}
#walkthrough-next{min-width:180px;justify-content:space-between}
@media(min-width:901px) and (max-height:790px){.selected-storyboard .progress-overview .story-points p{font-size:15px}.selected-storyboard .progress-overview .story-points{gap:12px}.selected-storyboard .apt-evidence .quote-wrap blockquote{font-size:clamp(25px,5.2cqh,37px)}.selected-storyboard .apt-metrics strong{font-size:47px}.selected-storyboard .apt-metrics .range-stat{font-size:30px}}
@media(max-width:900px){.selected-storyboard .progress-overview .copy{display:block}.selected-storyboard .progress-overview .story-points{margin-top:24px;padding:0;border:0;gap:13px}.selected-storyboard .progress-overview{--visual-height:570px}.demo-actions{flex-wrap:wrap;gap:6px}.demo-actions>span{font-size:12px}.sample-details{max-width:none}.selected-storyboard .apt-evidence .quote-wrap blockquote{font-size:30px;min-height:0}.selected-storyboard .apt-metrics strong{font-size:45px}.selected-storyboard .apt-metrics .range-stat{font-size:28px}.selected-storyboard .apt-metrics p{font-size:13px}#walkthrough-dialog{width:calc(100% - 14px);height:calc(100dvh - 14px)}#walkthrough-dialog header{padding:16px 18px}#walkthrough-dialog .menu-eyebrow{font-size:9px}#walkthrough-dialog h2{font-size:23px}#walkthrough-dialog header>div{gap:13px}#walkthrough-sections{padding:8px 15px;gap:3px}#walkthrough-sections button{font-size:12px;padding:8px 11px}#walkthrough-viewport{padding:12px}#walkthrough-caption{padding:11px 18px;font-size:12px}#walkthrough-dialog footer{padding:10px 18px;gap:10px}#walkthrough-next{min-width:148px;font-size:12px;padding:11px 13px}#walkthrough-previous{font-size:12px}#walkthrough-position{font-size:11px}}
@media(max-width:480px){.selected-storyboard .apt-metrics{grid-template-columns:1fr;gap:14px}.selected-storyboard .apt-metrics>div{display:flex;align-items:center;gap:18px}.selected-storyboard .apt-metrics strong{font-size:41px;min-width:147px}.selected-storyboard .apt-metrics .range-stat{font-size:29px}.selected-storyboard .apt-metrics .range-stat br{display:none}.selected-storyboard .apt-metrics .range-stat{min-width:0}.selected-storyboard .apt-metrics p{margin:0;font-size:13px}#walkthrough-dialog header .text-button{font-size:11px}#walkthrough-dialog header{gap:10px}#walkthrough-position{display:none}#walkthrough-sections button{font-size:11px}#walkthrough-caption{font-size:11px}}
/* One image at a time, using the roadmap's centered canvas and quiet view controls. */
.selected-storyboard[data-layout="2"] .apt-practice{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:26px 30px;gap:22px;align-content:stretch;align-items:stretch}
.apt-practice-heading .eyebrow{margin:0 0 10px}
.apt-practice-heading h1{max-width:none;font-size:clamp(31px,5.5cqh,46px);line-height:1.1;letter-spacing:-.03em}
.apt-showcase{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:14px;min-width:0;min-height:0;padding:24px 28px 21px;background:#f0f5ec;border:1px solid #dce6d8;border-radius:12px}
.apt-image-stage{min-width:0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center}
.apt-image-stage .product-figure{width:100%;height:100%;margin:0}
.apt-image-stage .image-button{width:100%;height:100%;border-radius:12px}
.apt-image-stage .product-figure>figcaption{display:none}
.product-shot{--shot-padding:16px;display:block;position:relative;box-sizing:border-box;width:100%;padding:var(--shot-padding);border-radius:12px;background:white;box-shadow:0 4px 16px #1c2d2514;overflow:hidden;flex:none}
.product-shot:after{content:'';position:absolute;inset:0;border:1px solid #dce4df;border-radius:inherit;pointer-events:none}
.product-shot-canvas{position:relative;display:block;width:100%;aspect-ratio:var(--shot-ratio);overflow:hidden;background:#fff}
.product-shot-canvas>img{position:absolute;display:block;width:var(--shot-width);height:var(--shot-height);left:var(--shot-left);top:var(--shot-top);max-width:none;max-height:none;object-fit:fill;clip-path:var(--shot-mask);border-radius:0}
.apt-image-stage .product-shot{--shot-fit:min(100cqw,1100px,calc((100cqh - var(--shot-padding)*2 - 8px)*var(--shot-ratio) + var(--shot-padding)*2));width:var(--shot-fit)}
.apt-showcase[data-view-key="results"] .product-shot{--shot-fit:min(100cqw,780px,calc((100cqh - var(--shot-padding)*2 - 8px)*var(--shot-ratio) + var(--shot-padding)*2))}
.apt-image-stage .zoom-label{display:none}
.apt-enlarge{display:inline-flex;align-items:center;gap:7px;font:500 12px/1.3 Inter,Arial,sans-serif;color:var(--teal);border:0;border-left:1px solid #cbdcc9;background:none;padding:7px 0 7px 18px}.apt-enlarge:hover{text-decoration:underline;text-underline-offset:3px}.apt-enlarge svg{width:16px;height:16px}
.apt-view-navigation{display:flex;justify-content:center;align-items:center;gap:18px;min-width:0}
.apt-view-choices{display:flex;gap:7px}
.apt-view-choices button{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #cbdcc9;border-radius:6px;background:transparent;color:var(--ink);font:500 13px/1.35 Inter,Arial,sans-serif}
.apt-view-choices button>span{font-size:10px;color:#74897c;font-variant-numeric:tabular-nums}
.apt-view-choices button[aria-pressed="true"]{background:white;border-color:#71a38c;box-shadow:0 2px 5px #234d3b08}
.apt-view-choices button:hover{background:#fff}
.apt-view-count{font:400 12px/1.3 Inter,Arial,sans-serif;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.apt-view-caption{font:400 13px/1.5 Inter,Arial,sans-serif;text-align:center;color:var(--muted);margin:0;min-height:1.5em}
.preview-art>.product-shot,.next-thumb>.product-shot,.timeline-thumb>.product-shot{--shot-padding:3px;border-radius:3px;box-shadow:none;width:100%;max-height:100%}
.image-viewport:has(#enlarged-shot:not([hidden])){container-type:size}
#enlarged-shot{display:contents}
#enlarged-shot[hidden]{display:none}
#enlarged-shot .product-shot{--shot-padding:20px;width:min(calc(100cqw - 44px),calc((100cqh - 44px - var(--shot-padding)*2)*var(--shot-ratio) + var(--shot-padding)*2));margin:auto}
.image-viewport.actual #enlarged-shot .product-shot{width:calc(var(--shot-native) + var(--shot-padding)*2);max-width:none;margin:0 auto}
@media(min-width:901px) and (max-height:790px){.selected-storyboard[data-layout="2"] .apt-practice{padding:20px 26px;gap:17px}.apt-practice-heading .eyebrow{margin-bottom:8px}.apt-showcase{padding:17px 22px 16px;gap:11px}.apt-view-choices button{padding:8px 12px}.apt-view-caption{font-size:12px}}
@media(max-width:900px){.selected-storyboard[data-layout="2"] .apt-practice{grid-template-rows:auto auto;padding:26px;gap:22px;align-content:center}.apt-practice-heading h1{font-size:clamp(30px,5vw,41px)}.apt-showcase{padding:18px 16px;gap:14px}.apt-image-stage{container-type:inline-size;height:clamp(240px,53vw,480px)}.apt-image-stage .product-shot{width:min(100cqw,780px)}.apt-showcase[data-view-key="results"] .product-shot{width:min(100cqw,calc(clamp(240px,53vw,480px)*1.5036 - 20px))}.apt-view-choices button{font-size:12px;padding:9px 11px}.apt-view-caption{font-size:12px}.apt-view-navigation{gap:12px}.product-shot{--shot-padding:12px}}
@media(max-width:480px){.selected-storyboard[data-layout="2"] .apt-practice{padding:22px 16px}.apt-showcase{padding:14px 11px}.apt-image-stage{height:245px}.apt-view-navigation{flex-wrap:wrap;gap:10px 14px}.apt-enlarge{padding:5px 0 5px 14px}.apt-view-choices{gap:6px;width:100%}.apt-view-choices button{flex:1;justify-content:center;gap:6px;font-size:11px;padding:9px 8px}.apt-view-caption{min-height:3em;font-size:11px}.product-shot{--shot-padding:8px}}

/* The complete feature story shares one media treatment and a compact contents rail. */
.rail-feature{padding-bottom:11px;margin-bottom:11px;border-bottom:0}
.rail-feature:not(.is-active) .rail-steps,.rail-feature:not(.is-active) .rail-walkthrough,.rail-feature:not(.is-active) .rail-availability{display:none}
.rail-feature-title{font-size:13px;line-height:1.4;gap:9px;padding:4px 0}
.rail-feature.is-active{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.rail-feature:not(.is-active) .rail-feature-title strong{font-weight:500;color:#4b655b}
.rail-feature:not(.is-active) .rail-feature-title:hover strong{color:var(--teal)}
.planned-rail-heading{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:10px}
.rail-upnext{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.contents-walkthrough{background:#f0f5ec;border:1px solid var(--line);border-radius:6px;color:var(--teal);font:500 13px/1.4 Inter,Arial,sans-serif;padding:10px 13px;margin-top:14px}
#contents-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
#contents-dialog>header,#contents-dialog>footer{flex:none}
#contents-list{overflow:auto;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
#contents-list .contents-heading h3{font-size:19px}
.selected-storyboard .coming-up strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px}
.selected-storyboard .review-controls .coming-up{max-width:340px}
.product-figure .zoom-label{display:none}
.product-figure>figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:none;flex:none}
.image-enlarge{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;flex:none;font:500 12px/1.35 Inter,Arial,sans-serif;color:var(--teal);background:white;border:1px solid #cbdcc9;border-radius:6px;padding:8px 11px}
.image-enlarge:hover{background:#e4eee3;border-color:#8bb69d}.image-enlarge svg{width:16px;height:16px;flex:none}
.visual-panel.progress-visual,.roadmap-demo .landscape-view,.tall-view{background:#f0f5ec}
.selected-storyboard[data-layout="2"] .expanded-overview{grid-template-columns:minmax(0,.95fr) minmax(0,1.12fr);gap:36px;align-items:center;padding:28px 30px}
.expanded-overview h1{font-size:clamp(33px,min(3.8cqw,6.8cqh),58px);line-height:1.1;letter-spacing:-.035em;max-width:20ch}
.expanded-overview .lead{font-size:clamp(20px,min(2cqw,3.7cqh),27px);line-height:1.45;max-width:38ch}
.feature-points{list-style:none;margin:25px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;gap:12px;color:var(--muted);font:400 16px/1.5 Inter,Arial,sans-serif}
.feature-points li{padding-left:17px;position:relative}.feature-points li:before{content:'';position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:#7caa90}
.feature-facts{display:flex;gap:42px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.feature-facts>div{display:flex;align-items:baseline;gap:10px}.feature-facts strong{font:700 46px/1 Lato,Arial,sans-serif;letter-spacing:-.04em}.feature-facts span{font:400 15px Inter,Arial,sans-serif;color:var(--muted)}
.feature-media{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:15px;min-width:0;min-height:0;width:100%;height:min(100%,750px);align-self:stretch;background:#f0f5ec;border:1px solid #dce6d8;border-radius:12px;padding:20px}
.feature-media-canvas{container-type:size;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}
.feature-media-canvas .product-figure{height:100%;width:100%;min-height:0;justify-content:center}
.feature-media-canvas .image-button{height:100%;width:100%;min-height:0}
.feature-media-canvas .image-button>img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:7px;background:white;box-shadow:0 4px 16px #1c2d2510}
.feature-media-canvas .product-figure>figcaption{display:none}
.feature-media-footer{display:flex;justify-content:space-between;align-items:center;gap:13px;font:400 12px/1.45 Inter,Arial,sans-serif;color:var(--muted)}
.selected-storyboard[data-layout="2"] .expanded-gallery{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:21px;align-items:stretch;align-content:stretch;padding:25px 30px}
.gallery-heading h1{font-size:clamp(30px,5.2cqh,44px);max-width:none;line-height:1.1;letter-spacing:-.03em}.gallery-heading .eyebrow{margin-bottom:9px}.gallery-lead{font:400 clamp(17px,2.8cqh,22px)/1.4 Inter,Arial,sans-serif;color:var(--muted);margin:12px 0 0;max-width:80ch}
.gallery-showcase{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;min-width:0;min-height:0;padding:20px 24px;background:#f0f5ec;border:1px solid #dce6d8;border-radius:12px}
.gallery-showcase:has(>.planned-note){grid-template-rows:minmax(0,1fr) auto auto auto}
.gallery-controls{display:flex;justify-content:center;align-items:center;gap:17px;min-width:0}.gallery-choices{display:flex;gap:7px}.gallery-choices button{border:1px solid #cbdcc9;border-radius:6px;background:none;font:500 13px/1.4 Inter,Arial,sans-serif;padding:9px 13px}.gallery-choices button[aria-pressed="true"]{background:white;border-color:#71a38c}.gallery-choices button:hover{background:white}.gallery-count{font:400 12px Inter,Arial,sans-serif;color:var(--muted)}
.gallery-caption{margin:0;text-align:center;font:400 12px/1.4 Inter,Arial,sans-serif;color:var(--muted)}.gallery-showcase>.planned-note{margin:0;text-align:center;font-size:12px;max-width:none}
.two-metrics{grid-template-columns:1fr 1fr}.evidence-resource{display:flex;align-items:center;gap:10px;margin-top:25px;font:500 13px Inter,Arial,sans-serif;color:#d8e9da;text-decoration:none;width:max-content}.evidence-resource:hover{text-decoration:underline}
.evidence-principles{display:flex;justify-content:space-between;gap:25px;margin-top:30px;padding-top:26px;border-top:1px solid #466c5e;font:500 20px/1.4 Inter,Arial,sans-serif;color:#d0e49d}
.writing-evidence .quote-wrap blockquote{min-height:3.2em}
.selected-storyboard[data-layout="2"] .cte-concept{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;padding:35px 48px}.cte-concept h1{font-size:clamp(36px,min(4.1cqw,7cqh),61px)}.cte-concept .lead{max-width:33ch}.career-examples{padding:34px 40px;border-radius:12px;background:#183f36;color:white}.career-examples>.eyebrow{color:#c9dc9e;margin:0 0 20px}.career-examples>div{display:grid;grid-template-columns:34px 1fr;gap:8px 10px;padding:25px 0;border-top:1px solid #527366}.career-examples>div>span{grid-row:1/3;color:#bed58e;font:400 13px/1.5 Inter,Arial,sans-serif;padding-top:6px}.career-examples h2{font:700 34px/1.15 Lato,Arial,sans-serif;margin:0}.career-examples p{font:400 17px/1.5 Inter,Arial,sans-serif;margin:0;color:#c7d9cd}
@media(min-width:901px) and (max-height:790px){.selected-storyboard[data-layout="2"] .expanded-overview{padding:22px 26px;gap:29px}.expanded-overview h1{font-size:clamp(31px,5.9cqh,42px)}.expanded-overview .lead{font-size:21px;margin-top:18px}.feature-points{font-size:14px;margin-top:19px;padding-top:17px;gap:9px}.feature-media{padding:16px;gap:12px}.feature-facts{margin-top:18px;padding-top:16px;gap:30px}.feature-facts strong{font-size:38px}.feature-facts span{font-size:13px}.selected-storyboard[data-layout="2"] .expanded-gallery{padding:20px 26px;gap:17px}.gallery-heading h1{font-size:32px}.gallery-lead{font-size:17px;margin-top:10px}.gallery-showcase{padding:17px 21px;gap:10px}.career-examples{padding:25px 28px}.career-examples>div{padding:21px 0}.career-examples h2{font-size:29px}.career-examples p{font-size:15px}.evidence-principles{font-size:17px;margin-top:22px;padding-top:20px}.evidence-resource{margin-top:17px}}
@media(max-width:1100px) and (min-width:901px){.selected-storyboard[data-layout="2"] .expanded-overview{gap:25px}.expanded-overview h1{font-size:33px}.expanded-overview .lead{font-size:20px}.feature-points{font-size:14px;gap:10px}.feature-media{padding:13px}.feature-media-footer{flex-wrap:wrap;gap:8px}.feature-media-footer>span{font-size:11px}.selected-storyboard[data-layout="2"] .cte-concept{padding:28px;gap:30px}.career-examples{padding:25px}.career-examples h2{font-size:27px}}
@media(max-width:900px){.selected-storyboard[data-layout="2"] .expanded-overview,.selected-storyboard[data-layout="2"] .cte-concept{grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;min-height:100%;padding:30px;gap:28px;align-content:start}.expanded-overview h1,.cte-concept h1{font-size:clamp(33px,5.6vw,46px);max-width:24ch}.expanded-overview .lead{font-size:22px;max-width:44ch}.feature-points{font-size:16px;gap:11px;margin-top:23px;padding-top:20px}.feature-media{height:510px;align-self:auto}.feature-media-footer{font-size:12px;flex-wrap:nowrap}.selected-storyboard[data-layout="2"] .expanded-gallery{grid-template-rows:auto auto;height:auto;min-height:100%;padding:27px;gap:23px;align-content:start}.gallery-heading h1{font-size:35px}.gallery-lead{font-size:19px;max-width:48ch}.gallery-showcase>.feature-media-canvas{height:470px}.gallery-showcase{padding:19px;gap:14px}.gallery-controls{flex-wrap:wrap;gap:12px}.gallery-caption{font-size:12px}.career-examples{padding:28px 33px}.career-examples h2{font-size:33px}.evidence-principles{font-size:18px;flex-direction:column;gap:14px}.two-metrics{grid-template-columns:1fr 1fr}#contents-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.selected-storyboard[data-layout="2"] .expanded-overview,.selected-storyboard[data-layout="2"] .cte-concept{padding:26px 21px;gap:25px}.expanded-overview h1,.cte-concept h1{font-size:34px}.expanded-overview .lead{font-size:21px}.feature-points{font-size:15px;gap:9px}.feature-media{height:360px;padding:13px;gap:11px}.feature-media-footer>span{font-size:11px}.feature-media-footer{gap:10px}.image-enlarge{font-size:11px;padding:8px 9px}.feature-facts{gap:30px}.feature-facts strong{font-size:40px}.feature-facts span{font-size:13px}.selected-storyboard[data-layout="2"] .expanded-gallery{padding:25px 20px}.gallery-heading h1{font-size:31px}.gallery-lead{font-size:18px}.gallery-showcase{padding:14px 12px}.gallery-showcase>.feature-media-canvas{height:310px}.gallery-choices button{font-size:12px;padding:8px 10px}.career-examples{padding:24px}.career-examples h2{font-size:29px}.career-examples p{font-size:16px}.two-metrics{gap:23px}.two-metrics p{font-size:13px}.product-figure>figcaption{gap:10px;align-items:flex-start}.product-figure>figcaption>span{font-size:11px}#contents-list{grid-template-columns:1fr}.rail-heading{font-size:11px}}

/* Refined after viewing the complete desktop and laptop story. */
.selected-storyboard .coming-up em{display:none}
@media(min-width:901px){
 .selected-storyboard .overview:has(.motion-visual){--visual-height:clamp(140px,calc(100cqh - 170px),880px)}
 .selected-storyboard .handout-practice{--visual-height:clamp(140px,calc(100cqh - 170px),850px)}
 .feature-media{height:clamp(360px,calc(100cqh - 120px),660px);align-self:center}
}

@media(min-width:901px) and (max-height:740px){.selected-storyboard .evidence-screen{padding-block:17px}}
@media(max-width:900px){.feature-media{height:min(570px,calc((100vw - 100px)/var(--media-ratio,1.5) + 75px))}.gallery-showcase>.feature-media-canvas{height:min(470px,calc((100vw - 95px)/var(--media-ratio,1.5)))}}
@media(max-width:480px){.feature-media{height:min(490px,calc((100vw - 70px)/var(--media-ratio,1.5) + 72px))}.gallery-showcase>.feature-media-canvas{height:calc((100vw - 66px)/var(--media-ratio,1.5))}}
.guide-evidence .quote-wrap blockquote{min-height:0}

/* Separate stories, with one generous image and an intact original to inspect. */
.product-shot-canvas{border-radius:var(--canvas-radius,0)}
.feature-media-canvas .product-shot{width:min(100cqw,calc((100cqh - var(--shot-padding)*2 - 4px)*var(--shot-ratio) + var(--shot-padding)*2));margin:auto}
.feature-media-canvas .image-button{display:flex;align-items:center;justify-content:center}
.apt-recommendations .product-shot{max-width:780px}
.apt-practice .product-shot{max-width:1120px}
.guides-practice .product-shot,.guides-assessments .product-shot{--shot-padding:12px}
@media(min-width:901px){
 .selected-storyboard[data-layout="2"] .expanded-overview.guides{grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr);gap:32px}
 .expanded-overview.guides h1{font-size:clamp(34px,5.8cqh,48px)}
 .expanded-overview.guides .lead{font-size:clamp(21px,3.1cqh,26px)}
 .expanded-overview.guides .feature-media{padding:14px;height:clamp(380px,calc(100cqh - 85px),720px)}
 .guides-practice .gallery-showcase,.guides-assessments .gallery-showcase{padding:18px}
 .tools-vocabulary .gallery-showcase[data-view-key="toolVocabulary"] .product-shot{max-width:900px}
}
@media(max-width:900px){
 .feature-media-canvas .product-shot{width:min(100cqw,calc((100cqh - var(--shot-padding)*2 - 4px)*var(--shot-ratio) + var(--shot-padding)*2))}
 .gallery-choices{flex-wrap:wrap;justify-content:center}
}

@media(min-width:1200px){.selected-storyboard[data-layout="2"] .review-controls{grid-template-columns:auto 180px minmax(120px,1fr) auto}.selected-storyboard .current-step #position-title{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}}

/* The integrated presentation returns to the intact updates page. */
.return-to-updates{display:inline-flex;align-items:center;gap:9px;flex:none;border:0;border-right:1px solid var(--line);padding:9px 19px 9px 0;background:none;font:500 13px Inter,Arial,sans-serif;color:var(--teal)}
.return-to-updates>span:first-child{font-size:21px;line-height:1}
.return-to-updates:hover{color:var(--ink)}
.embedded-preview .presentation{width:100%;height:100dvh;margin:0;border:0;border-radius:0}
@media(max-width:1100px){.embedded-preview .topbar{gap:17px}.embedded-preview .topbar>.logo{display:none}.embedded-preview .presentation-context{border-left:0;padding-left:0}}
@media(max-width:600px){.return-to-updates{padding-right:12px}.return-to-updates>span:last-child{display:none}.embedded-preview .topbar{gap:12px}.embedded-preview .presentation-context>span:first-child{font-size:12px}}

/* Keep the story together on wide displays; empty space belongs outside the composition. */
@media (min-width:901px) {
  .selected-storyboard[data-layout="2"] .screen {
    max-width:1440px;
    margin-inline:auto;
  }
  .selected-storyboard[data-layout="2"] :is(.overview:not(.progress-overview),.practice:not(.wide-demo),.cte-concept) {
    max-width:1380px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    column-gap:44px;
    padding-inline:30px;
  }
  .selected-storyboard[data-layout="2"] :is(.overview,.practice,.cte-concept)>.copy {
    width:100%;
    max-width:none;
  }
  .selected-storyboard[data-layout="2"] .expanded-overview.guides {
    max-width:1440px;
    grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);
    column-gap:36px;
  }
  .selected-storyboard[data-layout="2"] :is(.handouts,.handout-practice,.apt-overview) h1 {
    font-size:clamp(34px,min(4.1cqw,6.4cqh),58px);
  }
  .selected-storyboard[data-layout="2"] .apt-overview h1 {
    font-size:clamp(34px,min(4cqw,6.1cqh),55px);
  }
  .selected-storyboard[data-layout="2"] .screen.apt-overview {
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  }
  .selected-storyboard[data-layout="2"] .motion-apt .motion-art {
    height:clamp(350px,calc(100cqh - 240px),490px);
  }
  .selected-storyboard[data-layout="2"] .expanded-overview .feature-media {
    height:auto;
    min-height:0;
    aspect-ratio:calc(var(--media-ratio,1.5) * .83);
    max-height:min(720px,calc(100cqh - 96px));
    align-self:center;
  }
  .selected-storyboard[data-layout="2"] .expanded-overview.guides .feature-media {
    aspect-ratio:calc(var(--media-ratio,1.5) * .88);
    max-height:min(740px,calc(100cqh - 86px));
  }
  .selected-storyboard[data-layout="2"] .expanded-gallery {
    grid-template-rows:auto minmax(0,1fr);
    max-width:1440px;
    padding-inline:30px;
  }
  .selected-storyboard[data-layout="2"] .cte-concept {
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  }
  .selected-storyboard[data-layout="2"] .career-examples { padding-inline:32px; }
}

/* Let the wording and available width determine the lines, without authored breaks. */
.selected-storyboard[data-layout="2"] .screen h1 {
  max-width:none;
  text-wrap:balance;
}
@media (min-width:901px) {
  .selected-storyboard[data-layout="2"] .group-demo {
    --visual-height:clamp(140px,calc(100cqh - 135px),760px);
  }
  .selected-storyboard[data-layout="2"] .student-full {
    --visual-height:clamp(140px,calc(100cqh - 290px),730px);
  }
  .selected-storyboard[data-layout="2"] .expanded-gallery {
    --gallery-image-height:calc(100cqh - 315px);
    grid-template-rows:auto auto;
    align-content:safe center;
    align-items:start;
  }
  .selected-storyboard[data-layout="2"] .expanded-gallery:has(.resource-links) {
    --gallery-image-height:calc(100cqh - 380px);
  }
  .selected-storyboard[data-layout="2"] .apt-recommendations {
    max-width:940px;
  }
  .selected-storyboard[data-layout="2"] :is(.expanded-gallery[class*="everyday-"],.tools-vocabulary) {
    max-width:1100px;
  }
  .selected-storyboard .gallery-showcase {
    display:flex;
    flex-direction:column;
  }
  .selected-storyboard .gallery-showcase>.feature-media-canvas {
    container-type:normal;
    height:auto;
  }
  .selected-storyboard .gallery-showcase :is(.product-figure,.image-button) {
    height:auto;
  }
  .selected-storyboard .gallery-showcase .image-button>img {
    max-height:var(--gallery-image-height);
  }
  .selected-storyboard .gallery-showcase .product-shot {
    width:min(100%,calc((var(--gallery-image-height) - var(--shot-padding)*2 - 4px)*var(--shot-ratio) + var(--shot-padding)*2));
  }
}
@media (min-width:901px) and (max-height:790px) {
  .selected-storyboard[data-layout="2"] .expanded-gallery:has(.resource-links) {
    --gallery-image-height:calc(100cqh - 315px);
  }
}
@media (max-width:900px) {
  .selected-storyboard .gallery-showcase {
    display:flex;
    flex-direction:column;
  }
  .selected-storyboard .gallery-showcase>.feature-media-canvas {
    flex:none;
  }
}