/* The original style.css is copied unchanged. These rules only add paging and
   fit the original compositions into a presentation viewport. */
html{scroll-snap-type:y mandatory;scroll-padding-top:0}
body{padding-top:0}
.presentation-page{height:100svh;position:relative;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:#08090a}
.presentation-canvas{width:1280px;height:900px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--presentation-scale,1));transform-origin:center}
.presentation-content{position:absolute;inset:90px 0 60px;display:flex;flex-direction:column;justify-content:center}
.presentation-content>.chapter{padding-top:0}
.presentation-content>.wrap{width:1024px;flex:none}
.presentation-content .chapter-heading{margin-bottom:22px}
.presentation-content .chapter-heading h2{font-size:34px;line-height:1.08;margin-bottom:14px}
.presentation-content .chapter-heading p{font-size:15px;line-height:1.45}
.presentation-content .chapter-heading .case-kicker{font-size:10px;margin-bottom:12px}
.presentation-content .features{padding-bottom:26px}
.original-motion .presentation-content{justify-content:flex-start;top:90px}
.presentation-motion{height:560px;position:relative}
.presentation-motion>.cinematic{width:1024px;height:656px;position:absolute;left:50%;top:0;transform:translateX(-50%) scale(.85);transform-origin:top center;margin:0}
.original-pair .feature-copy{max-width:350px}
.original-pair.with-heading .presentation-content{inset:83px 0 60px}
.original-pair.with-heading .chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;max-width:none;text-align:left;margin:0 20px 25px;align-items:end}
.original-pair.with-heading .chapter-heading .case-kicker{grid-column:1/-1;margin-bottom:13px}
.original-pair.with-heading .chapter-heading h2{font-size:30px;margin:0}
.original-pair.with-heading .chapter-heading>p:last-child{max-width:370px;margin:0;color:#8a8f98;font-size:14px;line-height:1.5}
.original-pair.with-heading .feature-copy{min-height:112px}
.original-pair.with-heading .square{height:470px}
.original-cover .presentation-content{inset:65px 0 35px}
.original-cover .hero{height:800px;flex:none}
.original-cover .hero-visual{inset:0 0 130px}
.original-cover .hero-copy{bottom:52px}
.original-brief #challenge{padding:0}
.original-brief .presentation-content{inset:130px 0 100px}
.original-brief .brief-layout{zoom:1.12;margin-inline:-55px}
.original-tagging #tagging{padding-top:0}
.original-tagging .tagging-content{padding:22px 0 16px}
.original-tagging .tagging-content .chapter-heading{margin-bottom:18px}
.original-tagging .tagging-content .chapter-heading h2{font-size:28px}
.original-tagging .comparison{height:420px}
.original-tagging .taxonomy{height:400px}
.original-tagging .tagging-details>summary{padding:20px 4px}
.original-tagging .compare-footer{font-size:10px}
.original-close .presentation-content{inset:85px 0 55px;justify-content:flex-start}
.original-close .closing{padding:80px 0 55px}
.original-close .film-credits{min-height:0;height:280px;padding-top:30px;margin:0}
.original-close .credit-intro{position:relative;top:auto;height:auto;min-height:0;padding:0;margin-top:45px;}
.original-close .credit-content{padding:20px 0 0;max-width:650px;margin:auto}
.original-close .credit-roll{display:block;margin-top:26px}.original-close .credit-roll>div{margin-bottom:15px}
.original-close .credit-screen-fade{display:none}
.original-close .credit-end{margin:20px 0 10px}
.original-close .credit-lockup{transform:none;opacity:1}
.added-page .case-kicker{font:11px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#9da9a2;margin-bottom:21px}
.added-heading{margin-bottom:34px}
.added-heading h2{font-size:40px;line-height:1.12;font-weight:510;margin:0;letter-spacing:-1px}
.added-page p{font-size:17px;color:#8a8f98;line-height:1.55}
.added-page h3{font-size:22px;line-height:1.3;font-weight:510;color:#f7f8f8;margin-bottom:12px}
.added-intro{max-width:920px;margin-bottom:38px}
.added-page .added-footnote{font-size:13px;line-height:1.55;color:#8a968e;border-top:1px solid #ffffff16;padding-top:20px;margin:28px 0 0}
.time-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid #ffffff16;padding-top:30px}
.time-breakdown strong{font-size:29px;line-height:1.3;display:block;font-weight:500;margin-bottom:18px;color:#c8e2d0}
.time-breakdown h3{font-size:19px}.time-breakdown p{font-size:15px;margin:0}
.research-rows{display:grid;gap:24px}
.research-rows article{display:grid;grid-template-columns:35px 1fr;gap:22px;border-top:1px solid #ffffff16;padding-top:20px}
.research-rows article>span{font:13px/1.6 ui-monospace,monospace;color:#82968a;padding-top:4px}
.research-rows h3{font-size:21px;margin-bottom:8px}
.research-rows p{font-size:16px;margin:0;max-width:860px}
.research-rows a{font-size:12px;color:#a7b7ad;display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:4px}
.reasoning-columns{display:grid;grid-template-columns:1fr 1fr;gap:66px}
.reasoning-columns>div+div{border-left:1px solid #ffffff16;padding-left:50px}
.reasoning-columns .mono{display:block;margin-bottom:20px;color:#94a69a}
.reasoning-columns p{font-size:17px;margin-bottom:17px}
.reasoning-chain{margin-top:32px;display:flex;justify-content:space-between;align-items:center;border-block:1px solid #ffffff16;padding:22px 0;font-size:17px;color:#bdc6c0}
.reasoning-chain b{color:#6f8a79;font-weight:400}
.decision-rows{display:grid;gap:26px}
.decision-rows article{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #ffffff16;padding-top:24px}
.decision-rows small{font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#86988c;display:block;margin-bottom:14px}
.decision-rows h3{font-size:21px;margin-bottom:9px}
.decision-rows p{font-size:16px;margin:0}
.presentation-controls{position:fixed;z-index:120;bottom:14px;right:20px;display:flex;gap:5px;align-items:center;padding:6px;background:#15191aeb;border:1px solid #ffffff25;border-radius:10px;color:#c6cac8;font-size:12px}
.presentation-controls button,.presentation-controls select{font:inherit;color:inherit;background:transparent;border:0;border-radius:5px;padding:8px;cursor:pointer}
.presentation-controls button:hover{background:#ffffff10}.presentation-controls select{max-width:270px}.presentation-controls option{background:#15191a}.presentation-controls .page-count{font:11px ui-monospace,monospace;min-width:48px;text-align:center;color:#8f9c94}
.presentation-notes{position:fixed;z-index:150;right:20px;bottom:72px;width:min(490px,calc(100vw - 40px));max-height:65vh;overflow:auto;padding:26px;background:#161b19f7;border:1px solid #ffffff30;border-radius:13px;box-shadow:0 20px 70px #000b;font:15px/1.65 Mona,Arial,sans-serif;color:#c9d1cc}
.presentation-notes[hidden]{display:none}.presentation-notes h3{font-size:18px;color:#fff}.presentation-notes p:last-child{margin-bottom:0}.presentation-notes button{float:right;border:0;background:none;color:#a6b4ac;font-size:22px;cursor:pointer}
.presenter-text{display:none}
/* Keep content high in the viewport; the case-study visuals stay intact. */
.presentation-content{justify-content:flex-start;inset:112px 0 62px}
.original-brief .presentation-content{inset:145px 0 80px}
.original-pair .presentation-content{inset:110px 0 62px}
.original-pair.with-heading .presentation-content{inset:96px 0 62px}
.added-heading{margin-bottom:30px}
.added-heading h2{font-size:39px;line-height:1.13}
.added-page .case-kicker{margin-bottom:17px}
.evidence-image{display:block;max-width:100%;object-fit:contain}
.quiet-line{font-size:13px!important;color:#859389!important;margin:24px 0 0!important;line-height:1.5!important}
.time-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}
.time-visuals article{min-width:0}
.time-visuals img{width:100%;height:250px;object-fit:cover;object-position:top;border:1px solid #ffffff17;border-radius:9px;background:#101417;margin-bottom:26px}
.time-visuals h3{font-size:21px;margin-bottom:12px}
.time-visuals strong{font-size:31px;font-weight:500;color:#c9e1d1}
.brief-goal{border-left:2px solid #39ce7c;padding:6px 0 8px 28px;margin:38px 0}
.brief-goal>span{font:11px ui-monospace,monospace;color:#8c9f92;letter-spacing:.08em}
.brief-goal h3{font-size:32px;line-height:1.25;margin:14px 0 0}
.logic-path{display:flex;align-items:center;justify-content:space-between;border-block:1px solid #ffffff19;padding:35px 0;margin:38px 0}
.logic-path>div{min-width:210px}.logic-path b{font-size:29px;font-weight:500;display:block;margin-bottom:15px}.logic-path small{font-size:16px;color:#909b95}.logic-path>span{color:#718b7a;font-size:25px}.muted-step b{color:#b2a29e}.accent-step h3,.accent-step b{color:#c3e1cf}
.scope-line{display:flex;gap:40px;font-size:17px;color:#8e9892}.scope-line strong{color:#d4ddd7;font-weight:500}
.context-layout{display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:start}.context-layout figure{margin:0}.context-layout img{height:505px;width:100%;object-fit:cover;object-position:top;border:1px solid #ffffff17;border-radius:10px}
.context-map>div{display:grid;grid-template-columns:35px 1fr;align-items:center;padding:12px 0}.context-map span{font:12px ui-monospace,monospace;color:#8ea597}.context-map h3{margin:0;font-size:23px}.context-map i{display:block;margin:8px 0 8px 45px;font-style:normal;font-size:23px;color:#5a7162}.context-map p{grid-column:2;margin:8px 0 0;font-size:15px}.context-opportunity h3{color:#b7dec5}.context-opportunity{border-block:1px solid #2a4032}
figcaption{font-size:12px;line-height:1.5;color:#7f8a83;margin-top:11px}
.research-visuals{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:20px}.research-visuals figure{margin:0}.research-visuals img{width:100%;height:160px;object-fit:cover;object-position:top;border:1px solid #ffffff15;border-radius:7px}
.reason-table{border-collapse:collapse;width:100%;font-size:18px;line-height:1.4;color:#c7d0ca}
.reason-table th,.reason-table td{padding:18px 0;text-align:left;vertical-align:top;border-bottom:1px solid #ffffff18}
.reason-table th{font-weight:450;color:#8c9a91}.reason-table th:not(:first-child),.reason-table td:not(:first-child){padding-left:25px}
.reason-table thead th{font:11px/1.5 ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}
.reason-table tbody td:first-child{color:#e1e8e3}.research-visuals+.reason-table{font-size:17px}.research-visuals+.reason-table td{padding:14px 0}.research-visuals+.reason-table td+td{padding-left:25px}
.patterns{margin-top:35px}.patterns tbody td{padding-block:29px}.patterns td:first-child{width:190px;color:#d5e8dc}.patterns td:nth-child(2){width:390px}
.fundamentals{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:20px;margin:35px 0 42px;align-items:center}.fundamentals small{font:10px ui-monospace,monospace;color:#95a79b}.fundamentals h3{font-size:23px;margin:17px 0 10px}.fundamentals p{font-size:15px;margin:0}.fundamentals>span{color:#718b7a;font-size:25px}
.mood-layout{display:grid;grid-template-columns:1fr 500px;gap:50px;align-items:center;margin-top:40px}.mood-layout figure{margin:0}.mood-layout figure img{width:500px;border-radius:11px;border:1px solid #41434a}.mood-lead{font-size:29px!important;line-height:1.4!important;color:#e2e7e4!important;margin:0 0 25px}.mood-stage{display:flex;gap:20px;font-size:13px;color:#b5acd2;border-block:1px solid #ffffff18;padding:16px 0}.mood-examples{display:flex;justify-content:space-between;margin:30px 0}.mood-examples div{text-align:center}.mood-examples img{height:48px;width:48px;margin:0 auto 12px}.mood-examples b{font-size:13px;font-weight:450;color:#c5cec8}.mood-layout>div>p:last-child{font-size:15px}
.tradeoff-table{margin-top:34px}.tradeoff-table th{width:180px;font-size:16px}.tradeoff-table td{font-size:23px;padding-block:21px}.thinking-slot{margin-top:32px;padding-top:22px;border-top:1px solid #ffffff20}.thinking-slot small{font:11px ui-monospace,monospace;color:#8ba195}.thinking-slot p{font-size:18px;line-height:1.55;margin:14px 0 0;outline:none}.thinking-slot p:focus{outline:1px solid #8ba195;outline-offset:10px}.thinking-slot p:hover{color:#d0dad4}
.build-visual{display:grid;grid-template-columns:330px 1fr;gap:65px;align-items:center;margin-top:35px}.build-visual>img{width:330px;height:460px;object-fit:cover;object-position:top;border-radius:10px;border:1px solid #ffffff18}.build-visual th{width:160px}.build-visual td{padding-block:30px}
.validation-table{margin-top:40px}.validation-table td{padding-block:28px}.compact{margin-top:48px}.compact h3{font-size:28px}
.source-note{font-size:12px!important}.presentation-notes a{color:#b9d9c6;text-decoration:underline}
@media(max-width:700px){.presentation-controls{left:8px;right:8px;bottom:8px;justify-content:center}.presentation-controls select{max-width:130px}.presentation-controls button{padding:7px}.nav{width:calc(100% - 24px)!important}.presentation-content .features{grid-template-columns:1fr 1fr}.presentation-content .feature:nth-child(odd):after{display:block}.presentation-content .brief-layout{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.presentation-canvas .wrap{width:1024px}}
/* Opening: activity stacks, a scenario, existing barriers, and product direction. */
.scope-columns{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px;margin-top:32px}
.scope-column{min-width:0}.scope-column header{height:98px;border-bottom:1px solid #ffffff1c;margin-bottom:22px}
.scope-column header h3{font-size:20px;margin:0 0 12px}.scope-column header strong{font-size:28px;font-weight:500;color:#c9e1d1}
.activity-stack{display:grid;gap:12px}.activity-card{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;padding:17px 16px;background:#111517;border:1px solid #ffffff16;border-radius:9px;min-height:88px}
.activity-card.with-thumb{grid-template-columns:72px 1fr;min-height:116px;padding:12px;align-items:center}.activity-card.with-thumb img{width:72px;height:84px;object-fit:cover;object-position:top;border-radius:5px}
.activity-card h4{font-size:16px;font-weight:510;color:#e2e7e4;margin:0 0 6px;line-height:1.3}.activity-card p{font-size:13px;line-height:1.5;margin:0;color:#98a39d}.activity-number{font:11px/1.6 ui-monospace,monospace;color:#829d8e;padding-top:2px}
.scope-product{height:360px;width:100%;object-fit:cover;object-position:top;border:1px solid #ffffff20;border-radius:9px}
.scope-case{height:230px;width:100%;object-fit:cover;object-position:68% center;border:1px solid #ffffff20;border-radius:9px}
.scope-caption{font-size:15px!important;line-height:1.7!important;color:#c8d1cb!important;margin:16px 0 0}.scope-caption span{color:#8a968f;font-size:13px}
.trader-story{display:grid;grid-template-columns:440px 1fr;gap:42px;margin-top:18px;align-items:center}.story-persona{margin:0}.story-persona img{height:300px;width:440px;object-fit:contain}.story-persona figcaption{margin:0;text-align:center;font-size:11px}
.story-context h3{font-size:28px;line-height:1.25;margin:0 0 22px}.session-sequence{display:flex;gap:10px;font-size:14px}.session-sequence span{padding:8px 11px;background:#271a1b;border:1px solid #5d343638;border-radius:6px;color:#d9a29d}.session-sequence .session-win{background:#12251c;color:#9fceb1;border-color:#345d4338}
.story-context>p{font-size:16px;margin:13px 0}.story-need{padding:18px 0 0;margin-top:22px;border-top:1px solid #ffffff1c}.story-need small{font:10px ui-monospace,monospace;color:#8ba495;letter-spacing:.07em}.story-need p{font-size:19px;color:#d0d9d3;line-height:1.45;margin:10px 0 0}.story-context .ordinary-day{font-size:13px;color:#8f9a94;margin:18px 0 0}
.trader-workflow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:14px;align-items:center;border-block:1px solid #ffffff20;margin-top:48px;padding:24px 0}.trader-workflow small{font:11px ui-monospace,monospace;color:#80968a;display:block;margin-bottom:12px}.trader-workflow b{font-size:18px;font-weight:450}.trader-workflow>span{color:#6a8073;font-size:20px}.workflow-entry b{color:#b6dfc5}.workflow-gap b{color:#b49d99}
.existing-journal{display:flex;align-items:center;gap:34px;border-block:1px solid #ffffff1c;padding:20px 0;margin:32px 0 34px}.existing-journal small{font:10px ui-monospace,monospace;letter-spacing:.06em;color:#84998c}.existing-journal>div{display:flex;gap:33px;color:#ced8d1;font-size:18px}
.barrier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.barrier-grid article+article{border-left:1px solid #ffffff1c;padding-left:26px}.barrier-index{display:block;font:12px ui-monospace,monospace;color:#859e90;margin-bottom:21px}.barrier-grid h3{font-size:22px;min-height:58px;margin:0 0 10px}.barrier-grid article>p{font-size:17px;min-height:80px;margin:0}.barrier-grid article>div{margin-top:22px;border-top:1px solid #ffffff1c;padding-top:20px}.barrier-grid small{font:10px ui-monospace,monospace;color:#89a594;letter-spacing:.06em}.barrier-grid article>div p{font-size:20px;line-height:1.45;color:#d1dcd5;margin:13px 0 0}
.opportunity-strip{margin-top:34px;padding:20px 24px;border-left:2px solid #5da67c;background:#101a14}.opportunity-strip small{font:10px ui-monospace,monospace;color:#8aab98;letter-spacing:.06em}.opportunity-strip p{font-size:21px;margin:10px 0 0;color:#d7e4dc}
.direction-layout{display:grid;grid-template-columns:390px 55px 1fr;gap:25px;margin-top:38px;align-items:stretch}.direction-layout>section{border:1px solid #ffffff20;border-radius:12px;padding:26px}.direction-layout>section>small{font:11px ui-monospace,monospace;letter-spacing:.06em;color:#8da095}.direction-layout>section>div{display:flex;gap:17px;align-items:flex-start;min-height:112px;padding-top:29px}.direction-layout>section>div>span{font:11px/1.7 ui-monospace,monospace;color:#718b7d;padding-top:3px}.direction-today p{font-size:20px;line-height:1.4;margin:0;color:#9ba69f}.direction-arrow{align-self:center;text-align:center;color:#9ebcaa;font-size:37px}.direction-layout .direction-proposed{background:#101a14;border-color:#345140}.direction-proposed h3{font-size:24px;margin:0 0 10px}.direction-proposed p{font-size:15px;line-height:1.5;margin:0;color:#9cac9f}.direction-outcome{margin-top:34px;display:flex;align-items:center;gap:28px;border-top:1px solid #ffffff1c;padding-top:25px}.direction-outcome small{font:11px ui-monospace,monospace;color:#87a18f}.direction-outcome p{font-size:21px;margin:0;color:#cbd9d0}
/* One visible card per column, with manual research builds. */
.one-card-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:32px}
.one-card-columns header{height:95px}.one-card-columns h3{font-size:20px;margin:0 0 12px}.one-card-columns strong{font-size:28px;font-weight:500;color:#c9e1d1}
.scope-face{height:440px;background:#101416;border:1px solid #ffffff24;border-radius:13px;overflow:hidden;padding:15px;position:relative;animation:card-appear .25s ease-out}.scope-face[hidden]{display:none}
.scope-art{height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:#0b0e10}.scope-art>img{width:100%;height:100%;object-fit:contain}.phone-art>img{object-fit:contain}.case-art>img{object-fit:contain}
.scope-face h4{font-size:18px;line-height:1.25;font-weight:510;margin:20px 0 9px;color:#e4e9e6}.scope-face p{font-size:13px;line-height:1.45;color:#8f9e95;margin:0}
.research-deck{position:relative;isolation:isolate}.deck-back{position:absolute;inset:0;border:1px solid #ffffff25;border-radius:13px;background:#17201a;z-index:-1}.back-one{transform:translateY(-7px) scale(.965)}.back-two{transform:translateY(-14px) scale(.93)}
.deck-controls{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.deck-controls button{background:#151b18;color:#c3d6ca;border:1px solid #34473b;border-radius:7px;padding:9px 14px;font:13px Mona,Arial;cursor:pointer}.deck-controls button:disabled{opacity:.3;cursor:default}.deck-status{font:12px ui-monospace,monospace;color:#95a99e}.deck-controls button:hover:not(:disabled){background:#233229}
.competitor-visual{width:100%;padding:15px}.competitor-visual>div{border:1px solid #3a4b40;border-radius:10px;padding:22px 18px;margin:13px 0;background:#151f19}.competitor-visual b{font-size:21px;font-weight:500;display:block}.competitor-visual span{display:block;font-size:13px;color:#95af9f;margin-top:10px}
@keyframes card-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.trader-map{display:grid;grid-template-columns:290px 1fr 290px;align-items:center;margin-top:25px;gap:14px}.trader-map figure{margin:0;position:relative}.trader-map figure img{width:100%;height:245px;object-fit:contain}.trader-map figcaption{text-align:center;margin-top:3px}.trader-map figcaption b{font-size:20px;color:#e0e8e2;font-weight:500;display:block}.trader-map figcaption span{font-size:10px;display:block;margin-top:7px}
.trader-context{display:grid;gap:34px}.trader-context article{display:flex;align-items:center;gap:14px;border:1px solid #ffffff20;background:#111614;border-radius:10px;padding:20px 15px;position:relative}.trader-context article h3{font-size:17px;margin:0 0 8px}.trader-context article p{font-size:13px;margin:0}.map-symbol{font-size:24px;color:#9bbba8;width:28px;text-align:center}.left-context article:after,.right-context article:before{content:'';position:absolute;top:50%;width:35px;border-top:1px dashed #567061}.left-context article:after{left:100%}.right-context article:before{right:100%}
.scenario-visual{display:flex;align-items:center;gap:15px;margin-top:35px;padding:20px 0;border-block:1px solid #ffffff1b}.scenario-label{font:11px ui-monospace,monospace;color:#91a297;width:130px}.trade-token{display:flex;flex-direction:column;gap:8px;border-radius:8px;padding:11px 19px;min-width:90px;background:#221a1a;border:1px solid #66423e;color:#dbada6}.trade-token b{font-size:16px;font-weight:500}.trade-token span{font-size:12px}.trade-token.win{color:#a5d6b7;border-color:#325240;background:#122319}.trade-token.chase{min-width:170px}.scenario-arrow{font-size:24px;color:#8c9f92;margin:0 8px}.scenario-visual>p{font-size:21px;color:#c0c9c3;margin:0}
.visual-workflow{display:flex;gap:26px;align-items:center;justify-content:center;margin-top:28px;font-size:18px;color:#a1afa6}.visual-workflow i{font-style:normal;color:#587663}.existing-habit{border-bottom:2px solid #91bea2;padding-bottom:7px;color:#c3e2ce}.missed-step{color:#b6938d}.trader-map~.quiet-line{text-align:center}
.existing-capabilities{display:flex;align-items:center;gap:33px;margin-top:27px;padding-bottom:23px;border-bottom:1px solid #ffffff1c}.existing-capabilities>span{color:#8b9c91;font-size:13px}.existing-capabilities b{font-size:17px;font-weight:450;color:#c2cdc6}
.breakpoint-visual{height:235px;margin-top:15px}.breakpoint-visual img{width:100%;height:100%;object-fit:contain}
.visual-barriers{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:12px}.visual-barriers article{padding:0 12px;text-align:center}.visual-barriers small{font:11px ui-monospace,monospace;color:#89a592}.visual-barriers h3{font-size:20px;margin:18px 0 15px}.visual-barriers p{font-size:17px;line-height:1.5;color:#c4d5ca;max-width:275px;margin:0 auto}
.bridge-statement{margin-top:35px;border-top:1px solid #ffffff1c;padding-top:22px;display:flex;align-items:center;gap:25px}.bridge-statement span{font-size:13px;color:#8fa496}.bridge-statement p{font-size:21px;margin:0;color:#c6d9ce}
.direction-tabs{display:flex;gap:12px;margin-top:28px;border-bottom:1px solid #ffffff20;padding-bottom:16px}.direction-tabs button{flex:1;text-align:left;display:flex;gap:15px;align-items:center;background:#101512;border:1px solid #ffffff20;border-radius:8px;padding:17px 19px;font:17px Mona,Arial;color:#8d9d93;cursor:pointer}.direction-tabs button[aria-selected="true"]{background:#1d3024;border-color:#63886f;color:#e3ede7}.direction-tabs small{font:11px ui-monospace,monospace;color:#83a58e}
.decision-panel{display:grid;grid-template-columns:1fr 410px;gap:65px;align-items:center;margin-top:24px;animation:card-appear .25s ease-out}.decision-panel[hidden]{display:none}.decision-panel figure{margin:0}.decision-panel figure img{height:435px;width:100%;object-fit:contain;border-radius:12px}.decision-panel figcaption{text-align:center;font-size:12px;color:#a0b1a6;margin-top:13px}.decision-reason small{font:10px ui-monospace,monospace;color:#8aa291;letter-spacing:.07em}.decision-reason h3{font-size:25px;line-height:1.35;margin:11px 0 0}.decision-reason p{font-size:19px;line-height:1.4;margin:12px 0 0;color:#b2c1b7}.reason-arrow{display:block;font-size:24px;color:#557861;margin:15px 0}.chosen-direction{border-left:2px solid #7ca78a;padding-left:20px}.chosen-direction h3{color:#c8e5d3}.chosen-direction p{font-size:17px}
@media(prefers-reduced-motion:reduce){.scope-face,.decision-panel{animation:none}}
.research-deck .back-one{transform:translateY(-8px) scaleX(.96)}.research-deck .back-two{transform:translateY(-16px) scaleX(.92)}
/* Match the original case-study typography and neutral surfaces. */
.added-page{--slide-ink:#f1f1f3;--slide-muted:#8a8f98;--slide-line:#ffffff18}
.added-heading h2{font-family:Mona,Arial,sans-serif;font-size:34px;line-height:1.1;font-weight:510;letter-spacing:-1px;color:var(--slide-ink)}
.added-page .case-kicker{color:#a3a5a9;font-size:10px;letter-spacing:.1em}
.added-page h3,.added-page h4{color:var(--slide-ink)}.added-page p,.added-page figcaption{color:var(--slide-muted)}
.one-card-columns strong,.scope-column header strong{color:#f1f1f3}.scope-face,.deck-back{background:#101113;border-color:#303236}.scope-art{background:#0c0d0f}.scope-face p{color:#8a8f98}
.deck-controls button{background:#141518;border-color:#35373b;color:#d1d3d8}.deck-controls button:hover:not(:disabled){background:#24262b}.deck-status{color:#8a8f98}
.competitor-visual>div{background:transparent;border-color:#37393e}.competitor-visual span{color:#8a8f98}
.conversation-visual{width:100%;padding:25px}.conversation-visual>span{display:block;font:11px ui-monospace,monospace;color:#8a8f98;margin-bottom:25px}.conversation-visual b{display:block;font-size:25px;font-weight:500;border-bottom:1px solid #ffffff20;padding:18px 0}
.trader-context article{background:none;border:0;border-bottom:1px solid #ffffff1b;border-radius:0}.map-symbol{color:#989ca4}.left-context article:after,.right-context article:before{border-color:#4c4f55}.trader-map figcaption b{color:#f1f1f3}.trader-map figcaption span{color:#8a8f98}
.trade-token,.trade-token.win,.trade-token.loss,.trade-token.chase{background:none;border:0;border-left:1px solid #52555c;border-radius:0;color:#e1e2e5;padding:8px 18px}.trade-token span{color:#8a8f98}.scenario-label,.scenario-arrow,.scenario-visual>p{color:#8a8f98}.visual-workflow,.visual-workflow i,.missed-step{color:#8a8f98}.existing-habit{color:#f1f1f3;border-color:#b0b3b9}
.quiet-line{color:#8a8f98!important}.direction-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#8a8f98;padding:15px 10px}.direction-tabs button[aria-selected="true"]{background:none;color:#f1f1f3;border-bottom-color:#d6d8dd}.direction-tabs button:focus-visible,.deck-controls button:focus-visible{outline:1px solid #e0e1e4;outline-offset:4px}.direction-tabs small,.decision-reason small,.reason-arrow{color:#8a8f98}.decision-reason p{color:#8a8f98}.chosen-direction{border-left-color:#9ca0a7}.chosen-direction h3{color:#f1f1f3}.decision-panel figcaption{color:#8a8f98}
.thinking-slot small,.reason-table th,.added-page .added-footnote,.validation-table td,.scope-line,.fundamentals small{color:#8a8f98}.reason-table{color:#d4d6db}.brief-goal{border-left-color:#9ca0a7}.brief-goal>span{color:#8a8f98}.mood-stage{color:#b7b9c1}.mood-examples b{color:#c9cbd1}
.brief-evidence-layout{display:grid;grid-template-columns:435px 1fr;gap:55px;align-items:center;margin-top:38px}.brief-evidence-layout figure{margin:0}.brief-evidence-layout figure>img{width:100%;height:270px;object-fit:contain;background:#0d0e10;border:1px solid #ffffff18;border-radius:7px}.brief-evidence-layout figcaption{font-size:11px;margin-top:14px}.baseline-features{display:flex;gap:19px;margin-top:23px;font-size:13px;color:#b9bcc3}
.brief-evidence-list article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #ffffff1b}.brief-evidence-list article>span{font:11px/1.6 ui-monospace,monospace;color:#8a8f98;padding-top:4px}.brief-evidence-list h3{font-size:23px;line-height:1.25;margin:0 0 12px}.brief-evidence-list p{font-size:17px;line-height:1.5;margin:0}.brief-given{margin-top:40px;border-top:1px solid #ffffff1b;padding-top:24px}.brief-given small{font:10px ui-monospace,monospace;color:#8a8f98;letter-spacing:.07em}.brief-given p{font-size:21px;margin:13px 0 0;color:#c5c8ce}
.moment-layout{display:grid;grid-template-columns:580px 1fr;gap:50px;align-items:center;margin-top:30px}.trade-timeline{width:100%;height:230px;display:block;overflow:visible}.trade-timeline text{font:17px Mona,Arial;fill:#dddfe3}.trade-timeline .timeline-result{font-size:14px;fill:#8a8f98}.trade-timeline .timeline-opportunity{font-size:14px;fill:#bfc2c9}
.moment-question{border-left:1px solid #8a8f98;padding-left:23px}.moment-question small{font:10px ui-monospace,monospace;color:#8a8f98;letter-spacing:.07em}.moment-question h3{font-size:28px;line-height:1.3;margin:14px 0 0}.moment-condition{font-size:14px!important;line-height:1.6!important;margin:22px 0 0;max-width:440px}.moment-layout figure{margin:0}.moment-layout figure img{width:100%;border-radius:10px;border:1px solid #3a3c42}.moment-layout figcaption{font-size:13px;line-height:1.6;margin-top:18px}.moment-boundary{margin-top:38px;padding-top:22px;border-top:1px solid #ffffff1b}.moment-boundary p{font-size:20px;color:#d6d8dd;margin:0 0 12px}.moment-boundary span{font-size:12px;color:#8a8f98}
/* Annotated source brief: original wording paired with a research-informed hypothesis. */
#page-brief .added-heading{margin-bottom:18px}
#page-brief .direction-tabs{margin-top:20px;padding-bottom:10px}
.debrief-layout{display:grid;grid-template-columns:440px 540px;gap:44px;margin-top:24px;align-items:start}
.debrief-analysis{padding:8px 0 0}
.analysis-body>div{margin-bottom:23px}
.analysis-body small{font:10px/1.4 ui-monospace,monospace;letter-spacing:.07em;color:#8a8f98}
.analysis-body h3{font-size:25px;font-weight:510;line-height:1.25;letter-spacing:-.5px;margin:10px 0 12px}
.analysis-body p{font-size:17px;line-height:1.5;margin:9px 0 0;color:#b4b7be}
.analysis-question p{color:#8a8f98}
.analysis-research{border-top:1px solid #ffffff1b;padding-top:18px}
.analysis-research p{font-size:15px;color:#d6d8dd}
.analysis-research span{display:block;font-size:14px;line-height:1.5;color:#8a8f98;margin-top:7px}
.analysis-choice{padding:0 0 0 19px;border-left:2px solid #a4a7af}
.analysis-choice h3{font-size:23px}.analysis-choice p{font-size:16px}
.brief-paper{background:#eeede8;color:#242527;padding:22px 26px 16px;box-shadow:0 12px 45px #0005;font-family:Arial,sans-serif;border-radius:2px}
.brief-paper header{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #28282830;padding-bottom:12px;margin-bottom:15px}
.brief-paper header span{font-size:15px;font-weight:700}
.brief-paper .open-full-brief{font:11px Arial,sans-serif;background:none;border:0;border-bottom:1px solid #555;color:#555;cursor:pointer;padding:3px 0}
.brief-paper h3{font:700 19px/1.2 Arial,sans-serif;color:#202124;margin:0 0 9px}
.brief-paper p.original-problem,.brief-paper p.original-metric{font:14px/1.4 Arial,sans-serif;color:#363739;margin:0 0 11px}
.brief-paper h4{font:700 15px/1.4 Arial,sans-serif;color:#202124;margin:13px 0 7px}
.brief-paper ul{margin:0;padding:0 0 0 16px;list-style:disc}
.brief-paper li{padding:0 0 7px 1px;font-size:14px;line-height:1.4;color:#737374}
.brief-highlight{font:14px/1.4 Arial,sans-serif;display:inline;text-align:left;color:#45464a;background:none;border:0;padding:1px 3px;margin-left:-3px;cursor:pointer;border-radius:1px;transition:background-color .15s,color .15s,box-shadow .15s}
.brief-highlight.related-evidence{box-shadow:inset 0 -1px #8b8068;color:#242527}
.brief-highlight[aria-pressed="true"]{background:#dcd1b2;color:#171819;box-shadow:inset 0 -1px #99865c}
.brief-highlight:focus-visible{outline:2px solid #555;outline-offset:2px}
.brief-paper footer{font:10px/1.4 Arial,sans-serif;color:#68696b;border-top:1px solid #28282820;margin-top:6px;padding-top:11px}
.full-brief-dialog{position:fixed;inset:0;width:min(800px,90vw);max-height:84vh;overflow:auto;margin:auto;padding:44px 55px;background:#f7f6f2;color:#222;border:1px solid #b9b9b9;border-radius:4px;font-family:Arial,sans-serif;scrollbar-color:#aaa #eee}
.full-brief-dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}
.full-brief-dialog h2{font:700 27px/1.2 Arial,sans-serif;color:#202124;margin:0 30px 12px 0;letter-spacing:0}
.full-brief-dialog .brief-transcription{font:13px/1.4 Arial,sans-serif;color:#666;margin-bottom:24px}
.full-brief-text{white-space:pre-wrap;font:16px/1.65 Arial,sans-serif;color:#292a2c}
.close-full-brief{position:sticky;top:0;float:right;font:25px/1 Arial,sans-serif;border:0;background:#f7f6f2;color:#333;padding:3px 7px;cursor:pointer}
@media(prefers-reduced-motion:reduce){.brief-highlight{transition:none}}
.brief-paper footer{padding:11px 0 0;text-align:left}
.analysis-body>div{margin-bottom:18px}
.analysis-body h3{font-size:24px;margin:9px 0 10px}
.analysis-body p{font-size:16px;line-height:1.45}
.analysis-research{padding-top:15px}.analysis-research p{font-size:15px}
.analysis-choice h3{font-size:23px}
.full-brief-text{white-space:normal}
.full-brief-text h3{font:700 22px/1.3 Arial,sans-serif;color:#222;margin:30px 0 12px}
.full-brief-text p{font:16px/1.6 Arial,sans-serif;color:#292a2c;margin:12px 0}
.full-brief-text ul,.full-brief-text ol{padding-left:24px;margin:16px 0;list-style:revert}
.full-brief-text li{margin:7px 0}
.full-brief-text table{width:100%;border-collapse:collapse;margin:22px 0;font:13px/1.6 Arial,sans-serif}
.full-brief-text td,.full-brief-text th{text-align:left;padding:7px 5px;border-bottom:1px solid #ccc;white-space:nowrap}
/* Stable, grouped highlighter marks; sentence hover no longer changes the slide. */
.grouped-debrief .brief-highlight{display:inline;font:inherit;cursor:text;padding:2px 4px;margin-left:0;border:0;border-radius:6px;background:transparent;color:#969694;box-shadow:none;text-decoration:none;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .18s,color .18s}
.grouped-debrief .brief-highlight.primary-evidence{background:#f6e653;color:#22221e;box-shadow:none}
.grouped-debrief .brief-highlight.support-evidence{background:#f6efb6;color:#292921;box-shadow:none}
.grouped-debrief .brief-paper .original-problem,.grouped-debrief .brief-paper .original-metric{color:#969694;line-height:1.55}
.grouped-debrief .brief-paper li{line-height:1.5;padding-bottom:8px;color:#aaa9a5}
.grouped-debrief .brief-paper footer{display:flex;align-items:center;gap:12px;font-size:9px;padding-top:12px}
.marker-key{border-radius:5px;padding:3px 6px;color:#303027}.primary-key{background:#f6e653}.support-key{background:#f6efb6}
.grouped-debrief .analysis-body>div{margin-bottom:24px}
.grouped-debrief .analysis-question h3{margin-bottom:14px}
.grouped-debrief .analysis-question p{font-size:17px;line-height:1.5}
.grouped-debrief .analysis-choice{margin-top:26px}
.grouped-debrief .analysis-validation{border-top:1px solid #ffffff1b;padding-top:17px}
.grouped-debrief .analysis-validation p{font-size:16px;line-height:1.5;color:#b4b7be}
.context-debrief-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:35px}
.source-excerpt{height:320px;background:#eeede8;border-radius:3px;padding:25px 27px;color:#252625;font-family:Arial,sans-serif}
.source-excerpt small{font:10px/1.4 ui-monospace,monospace;color:#74736c;letter-spacing:.05em}
.source-excerpt p{font:16px/1.6 Arial,sans-serif;color:#33342f;margin:17px 0 12px}
.source-excerpt ul{font:14px/1.6 Arial,sans-serif;color:#55564f;margin:10px 0;padding-left:17px;list-style:disc}.source-excerpt li{margin:5px 0}
.source-excerpt mark{padding:2px 4px;border-radius:6px;background:#f6e653;color:#22221e;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.source-excerpt mark.soft-marker{background:#f6efb6}
.source-excerpt .scenario-source-fact{font-size:14px;margin-top:24px;color:#686960}
.source-interpretation{margin-top:28px;padding-left:18px;border-left:1px solid #787c84}
.source-interpretation small{font:10px/1.4 ui-monospace,monospace;color:#8a8f98;letter-spacing:.05em}
.source-interpretation h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;margin:12px 0}
.source-interpretation p{font-size:17px;line-height:1.5;margin:0;color:#a7abb3}
.context-reasoning-foot{font-size:15px!important;line-height:1.5;margin:30px 0 0!important;border-top:1px solid #ffffff18;padding-top:20px;color:#8a8f98}
@media(prefers-reduced-motion:reduce){.grouped-debrief .brief-highlight{transition:none}}
.grouped-debrief .analysis-body>div{margin-bottom:18px}
.grouped-debrief .analysis-question p{font-size:16px;line-height:1.45}
.grouped-debrief .analysis-choice{margin-top:20px}
.grouped-debrief .analysis-validation{padding-top:14px}
.grouped-debrief .analysis-validation p{font-size:15px;line-height:1.45}
.grouped-debrief .brief-highlight{cursor:pointer}
.grouped-debrief .brief-highlight:focus-visible{outline:2px solid #8c8245;outline-offset:3px}
.reference-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:11px}
.analysis-research .reference-links a{display:inline-flex;align-items:center;gap:6px;font:14px/1.5 Mona,Arial,sans-serif;color:#c8cbd1;text-decoration:underline;text-decoration-color:#62656d;text-underline-offset:4px}
.analysis-research .reference-links a>span{display:inline;margin:0;font:inherit;color:#8a8f98}
.analysis-research .reference-links a:hover{color:#fff;text-decoration-color:#e1e3e7}
.analysis-research .reference-links a:focus-visible{outline:1px solid #ddd;outline-offset:5px;border-radius:2px}
/* Source-based audits: neutral typography and original product imagery. */
#page-brief .analysis-question h3{font-size:30px;line-height:1.25;margin-top:16px}
#page-brief .analysis-choice{margin-top:44px;margin-bottom:34px}
#page-brief .analysis-choice h3{font-size:24px;line-height:1.35}
.audit-layout{display:grid;grid-template-columns:485px 1fr;gap:48px;margin-top:32px}
.audit-sources{display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:start}
.audit-sources figure{margin:0}.audit-mobile img{height:485px;width:auto;max-width:100%;object-fit:contain;object-position:top}
.audit-sources figcaption{font-size:10px;line-height:1.4;margin-top:14px}.audit-sources a,.mobile-comparison a{color:#b6bac1;text-decoration:underline;text-underline-offset:4px}
.audit-desktop img{width:100%;height:175px;object-fit:contain;background:#101113;border:1px solid #ffffff18;margin-top:70px}
.audit-desktop p{font-size:18px;line-height:1.8;margin-top:32px}.audit-desktop small{font:10px ui-monospace,monospace;color:#8a8f98}
.audit-labels{display:flex;justify-content:space-between;gap:16px;font:9px ui-monospace,monospace;color:#8a8f98;border-bottom:1px solid #ffffff25;padding:12px 0 20px}
.audit-findings article{padding:27px 0;border-bottom:1px solid #ffffff18}.audit-findings h3{font-size:23px;line-height:1.25;margin:0 0 13px}.audit-findings p{font-size:17px;line-height:1.45;margin:0}.audit-findings .audit-boundary{font-size:12px;line-height:1.6;margin-top:24px}
.mobile-comparison{display:grid;grid-template-columns:265px 265px 1fr;gap:42px;margin-top:32px;align-items:start}.mobile-comparison figure{margin:0}.mobile-comparison figure>small{display:block;font:9px/1.5 ui-monospace,monospace;color:#8a8f98;margin-bottom:18px}.mobile-comparison figcaption{font-size:11px;margin-top:15px}.calendar-original-crop{height:490px;overflow:hidden;position:relative;border:1px solid #ffffff18;background:#0a0f13}.calendar-original-crop img{width:265px;max-width:none;position:absolute;left:0;top:-392px}.mobile-after{height:490px;width:265px;object-fit:contain;object-position:top;border:1px solid #ffffff18;background:#0a0f13}
.mobile-detail-list{padding-top:15px}.mobile-detail-list article{padding:14px 0 25px;margin-bottom:10px;border-bottom:1px solid #ffffff18}.mobile-detail-list span{font:11px ui-monospace,monospace;color:#8a8f98}.mobile-detail-list h3{font-size:24px;margin:12px 0}.mobile-detail-list p{font-size:17px;line-height:1.45;margin:0}
.scenario-reading{display:grid;grid-template-columns:580px 1fr;gap:55px;margin-top:28px}.scenario-quote{margin:0;padding:0 0 0 20px;border-left:1px solid #8a8f98;font-size:23px;line-height:1.4;color:#e1e3e7}.scenario-quote small{display:block;font:9px ui-monospace,monospace;color:#8a8f98;margin-top:14px}.scenario-reading .trade-timeline{height:200px;margin-top:12px}.scenario-reading .moment-question h3{font-size:25px;line-height:1.3;max-width:515px}.scenario-interpretations>small{font:10px ui-monospace,monospace;color:#8a8f98}.scenario-interpretations article{padding:24px 0;border-bottom:1px solid #ffffff18}.scenario-interpretations h3{font-size:23px;margin:0 0 12px}.scenario-interpretations p{font-size:17px;line-height:1.45;margin:0}.scenario-hypothesis{margin-top:28px;padding-top:22px;border-top:1px solid #ffffff20}.scenario-hypothesis small{font:10px ui-monospace,monospace;color:#8a8f98}.scenario-hypothesis p{font-size:23px!important;color:#e1e3e7;margin:13px 0}.scenario-hypothesis span{font-size:13px;color:#8a8f98}
/* Reading notes before design synthesis. */
#page-brief .direction-tabs{margin-top:17px;padding-bottom:0}#page-brief .debrief-layout{margin-top:24px}#page-brief .analysis-choice{margin-top:32px;margin-bottom:30px}#page-brief .analysis-choice p{font-size:21px;line-height:1.45;margin-top:13px}#page-brief .analysis-question h3{font-size:28px}#page-brief .brief-paper li{font-size:13px;padding-bottom:7px}#page-brief .brief-paper footer{font-size:8px}#page-brief .brief-paper{padding-top:19px}
.notebook-layout{display:grid;grid-template-columns:520px 1fr;gap:48px;margin-top:28px;align-items:start}.notebook-paper{padding:24px 27px;min-height:520px}.notebook-paper p{font:17px/1.65 Arial,sans-serif;color:#85857e;margin:17px 0}.notebook-paper ul{font-family:Arial,sans-serif}.notebook-paper li{font-size:16px;line-height:1.65;padding-bottom:10px}.notebook-paper footer{display:flex;align-items:center;gap:12px;font-size:9px;margin-top:25px}.notebook-full{margin-left:auto;font:10px Arial;background:none;border:0;color:#555;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.note-mark{color:#6e6f68;background:#f6efb655;border-radius:6px;padding:2px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;cursor:pointer;transition:background .15s}.note-mark.active-note{color:#24241e;background:#f6e653}.note-mark:focus-visible{outline:2px solid #83773c;outline-offset:3px}
.notebook-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:23px;border-top:1px solid #ffffff1c}.notebook-tabs button{font:15px Mona,Arial;text-align:left;background:none;color:#8a8f98;border:0;border-bottom:2px solid transparent;padding:15px 8px;cursor:pointer}.notebook-tabs button[aria-selected=true]{color:#eee;border-bottom-color:#ddd}.notebook-tabs button:focus-visible{outline:1px solid #ddd;outline-offset:2px}
.context-images{display:grid;grid-template-columns:1fr 76px;gap:20px;align-items:center;height:190px}.context-images figure{margin:0}.context-images img{width:100%;height:155px;object-fit:contain}.context-images a{display:block;font-size:0}.context-images .context-mobile img{height:170px}.context-images figcaption{font-size:10px;margin-top:8px}.notebook-comment{margin-top:25px}.notebook-comment small{font:10px/1.5 ui-monospace,monospace;color:#8a8f98}.notebook-comment h3{font-size:26px;line-height:1.25;margin:13px 0}.notebook-comment p{font-size:18px;line-height:1.5;margin:12px 0}.retain-explore{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #ffffff22;margin-top:24px;padding-top:20px}.retain-explore p{font-size:16px;line-height:1.45}.scenario-margin .notebook-comment{margin-top:6px}.scenario-margin .notebook-comment h3{font-size:28px}.margin-question{margin-top:27px;padding-left:20px;border-left:1px solid #999}.scenario-margin .margin-question h3{font-size:26px}.margin-opportunity{border-top:1px solid #ffffff20;margin-top:25px;padding-top:20px}.notebook-comment .margin-condition{font-size:13px;line-height:1.5;margin-top:25px;color:#8a8f98}
.scenario-notebook .notebook-paper{padding-bottom:18px}.scenario-notebook .notebook-paper p{font-size:16px;line-height:1.6}.notebook-paper .sample-account{font-size:13px;line-height:1.7;margin:13px 0}.scenario-source-table{width:100%;font:13px/1.4 Arial;color:#74746e;border-collapse:collapse;margin:20px 0 8px}.scenario-source-table td,.scenario-source-table th{padding:8px 7px;text-align:left;border-bottom:1px solid #0002}.scenario-source-table .marked-row{background:#f6efb6;color:#292921}.table-source{font:9px Arial;color:#797971}.scenario-notebook .notebook-paper footer{margin-top:17px}
.synthesis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:32px}.synthesis-grid>article>small{font:11px ui-monospace,monospace;color:#999}.synthesis-evidence{margin-top:24px}.synthesis-evidence p{font-size:17px;line-height:1.4;margin:0 0 22px}.synthesis-evidence span{font:9px ui-monospace,monospace;color:#777f88;display:block;margin-bottom:8px}.synthesis-result{border-top:1px solid #ffffff25;padding-top:20px}.synthesis-result>span{color:#aaa}.synthesis-result h3{font-size:26px;line-height:1.25;margin:20px 0}.synthesis-result p{font-size:18px;line-height:1.45;margin:14px 0 24px}.synthesis-result small{font:9px ui-monospace,monospace;color:#8a8f98}.synthesis-foot{font-size:13px!important;border-top:1px solid #ffffff20;padding-top:23px;margin-top:26px}
.source-hover-preview{position:fixed;z-index:5000;background:#141619;border:1px solid #53565c;border-radius:12px;padding:16px;box-shadow:0 18px 70px #000b;color:#f1f1f3;max-height:calc(100vh - 32px);overflow:auto}.source-hover-preview[hidden]{display:none}.source-hover-preview header{display:flex;align-items:center;justify-content:space-between;font:15px Mona,Arial;margin-bottom:12px}.source-hover-preview header button{font:22px Arial;color:#ddd;background:none;border:0;cursor:pointer;padding:0 7px}.source-hover-preview>img{display:block;width:100%;height:min(340px,40vh);object-fit:contain;object-position:top;background:#090a0b;border-radius:5px}.source-hover-preview>p{font:16px/1.45 Mona,Arial;color:#e2e3e6;margin:13px 0 9px}.source-hover-preview>small{font:11px/1.4 Mona,Arial;color:#999fa8}.source-hover-preview>div{display:flex;gap:24px;margin-top:13px}.source-hover-preview a{font:13px Mona,Arial;color:#ddd;text-decoration:underline;text-underline-offset:3px}.source-hover-preview a:focus-visible{outline:1px solid white;outline-offset:3px}
.scenario-notebook .notebook-paper p{font-size:15px;line-height:1.55;margin:13px 0}.scenario-notebook .notebook-paper .sample-account{font-size:12px;line-height:1.6;margin:13px 0}.scenario-notebook .scenario-source-table{margin-top:14px}.scenario-notebook .scenario-source-table td,.scenario-notebook .scenario-source-table th{padding:7px}.scenario-notebook .notebook-paper footer{margin-top:12px;padding-top:10px}
.synthesis-grid{margin-top:26px}.synthesis-evidence p{margin-bottom:18px}.synthesis-result h3{font-size:24px;min-height:60px;margin:14px 0}.synthesis-result p{margin:10px 0 18px}.synthesis-foot{margin-top:20px;padding-top:18px}
/* Screen-by-screen source audit, with mobile reuse and adaptation alongside. */
.audit-context-line{display:flex;justify-content:space-between;align-items:center;margin:18px 0 20px;padding-bottom:18px;border-bottom:1px solid #ffffff20;font-size:14px;color:#9b9fa6}.audit-context-line button,.audit-source-heading button{background:none;border:0;border-bottom:1px solid #6e737c;color:#babec6;padding:0 0 3px;font:12px Mona,Arial;cursor:pointer}
.audit-screen-layout{display:grid;grid-template-columns:610px 1fr;gap:40px;align-items:start}.audit-source-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.audit-source-heading small{font:10px/1.4 ui-monospace,monospace;color:#8a8f98}.audit-screen-pair{display:grid;grid-template-columns:450px 140px;gap:20px;height:350px;background:#0a0d10}.audit-screen-pair figure{margin:0;min-width:0;display:flex;flex-direction:column}.audit-screen-pair figure>span{display:block;font:9px ui-monospace,monospace;color:#8a8f98;margin-bottom:12px}.audit-screen-pair svg{display:block;width:100%;height:325px}.audit-screen-pair img{width:100%;height:325px;object-fit:contain}.audit-screen-pair.desktop-only{display:block}.trade-source-pair{grid-template-columns:1fr 1fr}.audit-image-caption{font-size:14px!important;line-height:1.4;margin:20px 0 10px!important}.audit-source-note,.audit-video-source{font-size:11px!important;color:#8a8f98}.audit-video-source{text-decoration:underline;text-underline-offset:4px}
.audit-screen-notes article{padding:0 0 22px;border-bottom:1px solid #ffffff20;margin-bottom:20px}.audit-screen-notes small{font:10px ui-monospace,monospace;color:#8a8f98}.audit-screen-notes h3{font-size:25px;line-height:1.3;margin:13px 0 0}.audit-screen-notes article p{font-size:20px;line-height:1.45;margin:13px 0 0}.audit-screen-notes .audit-scope-note{font-size:13px;line-height:1.5;margin:0;color:#8a8f98}
.audit-screen-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;margin-top:24px;border-top:1px solid #ffffff20}.audit-screen-tabs button{display:flex;gap:12px;align-items:center;background:none;border:0;border-bottom:2px solid transparent;color:#838a94;font:10px ui-monospace,monospace;padding:18px 4px;cursor:pointer}.audit-screen-tabs button span{font:16px Mona,Arial}.audit-screen-tabs button[aria-selected=true]{color:#eee;border-bottom-color:#ddd}.audit-screen-tabs button:focus-visible{outline:1px solid #ccc;outline-offset:3px}
.audit-source-dialog{position:fixed;inset:0;margin:auto;width:min(1300px,94vw);height:90vh;max-height:90vh;padding:20px;background:#101215;color:#eee;border:1px solid #555;border-radius:8px;overflow:auto}.audit-source-dialog::backdrop{background:#000d}.audit-source-dialog header{position:sticky;top:-20px;background:#101215;display:flex;justify-content:space-between;align-items:center;padding:15px 0;z-index:1;font:16px Mona,Arial}.audit-source-dialog button{background:none;border:0;color:#eee;font:28px Arial;cursor:pointer}.audit-source-dialog img{display:block;width:100%;height:auto;margin-top:10px}
.scenario-alex{display:flex;gap:17px;align-items:center;padding-bottom:16px;border-bottom:1px solid #ffffff20;margin-bottom:20px}.scenario-alex img{width:155px;height:133px;object-fit:cover}.scenario-alex h3{font-size:23px;margin:0 0 8px}.scenario-alex p{font-size:10px;line-height:1.4;margin:0 0 14px}.scenario-alex span{display:block;font-size:12px;line-height:1.45;color:#a2a7af;margin-top:8px}.combined-scenario .scenario-margin .notebook-comment{margin-top:0}.combined-scenario .scenario-margin .notebook-comment h3{font-size:22px;line-height:1.25;margin:10px 0}.combined-scenario .notebook-comment p{font-size:16px;line-height:1.4;margin:10px 0}.combined-scenario .margin-question{margin-top:18px;padding-left:17px}.combined-scenario .margin-opportunity{margin-top:18px;padding-top:15px}.combined-scenario .notebook-comment .margin-condition{font-size:12px;line-height:1.5;margin-top:16px}
/* A concise hypothesis page and an illustrated scenario workflow. */
.three-hypotheses{margin-top:65px}.three-hypotheses>div{display:flex;align-items:baseline;gap:32px;padding:30px 0;border-bottom:1px solid #ffffff25}.three-hypotheses span{font:13px ui-monospace,monospace;color:#8a8f98}.three-hypotheses h3{font:510 43px/1.2 Mona,Arial,sans-serif;letter-spacing:-1.2px;margin:0}
.story-source{display:flex;align-items:start;gap:30px;margin:28px 0 25px;padding-bottom:22px;border-bottom:1px solid #ffffff20}.story-source p{font:17px/1.6 Mona,Arial;margin:0;max-width:880px}.story-full{white-space:nowrap;background:none;border:0;border-bottom:1px solid #7a7e84;color:#b7bac1;font:12px Mona,Arial;padding:4px 0;cursor:pointer}.story-highlight{display:inline;font:inherit;color:#b8bbc1;background:none;border:0;border-radius:5px;padding:1px 4px;cursor:pointer;text-align:left}.story-highlight.is-current{background:#f6e653;color:#24241e}.story-highlight:focus-visible,.story-opportunity:focus-visible{outline:2px solid #ddd;outline-offset:5px}
.alex-workflow{display:grid;grid-template-columns:1fr 22px 1fr 76px 1fr 22px 1fr;align-items:start;gap:6px;margin-top:20px}.alex-workflow figure{margin:0;min-width:0}.alex-workflow figure>img,.alex-frame{display:block;width:100%;height:158px;object-fit:contain}.alex-frame{background-image:url('assets/persona-session-frames.webp');background-size:200% 200%;background-repeat:no-repeat;height:auto;aspect-ratio:1.5}.alex-winning{background-position:left top}.alex-leaving{background-position:right bottom}.alex-workflow figcaption{padding:14px 0 0}.alex-workflow small{font:10px ui-monospace,monospace;color:#8a8f98;display:block;margin-bottom:10px}.alex-workflow strong{display:block;font:500 17px/1.3 Mona,Arial;color:#ededf0}.alex-workflow figcaption>span{display:block;font:13px Mona,Arial;color:#8a8f98;margin-top:7px}.flow-arrow{padding-top:75px;font-size:21px;color:#7d8189}.story-opportunity{margin-top:60px;padding:0;background:none;border:0;cursor:pointer;color:#aaa}.story-opportunity>span{display:flex;width:36px;height:36px;border:1px dashed #96999f;border-radius:50%;align-items:center;justify-content:center;font:24px Mona,Arial;margin:auto}.story-opportunity small{font:10px Mona,Arial;margin:9px 0 0}.story-opportunity.is-current>span{color:#f6e653;border-color:#f6e653}
.story-insight{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:32px;border-block:1px solid #ffffff25;padding:24px 0;min-height:132px}.story-insight small{font:10px ui-monospace,monospace;color:#8a8f98}.story-insight h3{font:500 25px/1.3 Mona,Arial;margin:13px 0 0}.story-insight p{font:19px/1.4 Mona,Arial;margin:0 0 14px;color:#d0d2d7}.story-insight span{font:12px/1.5 Mona,Arial;color:#8a8f98;display:block}.story-footer{display:flex;justify-content:space-between;gap:24px;margin-top:18px;font:10px/1.5 Mona,Arial;color:#81858d}
/* Keep the three hypotheses at the same scale as other slide content. */
.three-hypotheses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:48px}.three-hypotheses>div{display:block;border:0;border-top:1px solid #ffffff25;padding:24px 0}.three-hypotheses span{display:block;font-size:11px;margin-bottom:20px}.three-hypotheses h3{font-size:27px;line-height:1.3;letter-spacing:-.5px;max-width:310px}
.four-opportunities{grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:10px}.four-opportunities figure>img,.four-opportunities .alex-frame{height:auto;aspect-ratio:1.5;object-fit:contain}.four-opportunities figcaption{border-bottom:1px solid #ffffff18;padding-bottom:17px;min-height:105px}.four-opportunities figure.is-current figcaption{border-bottom-color:#d0d1d4}.four-opportunities .flow-arrow{padding-top:68px}.story-insight{min-height:156px}.story-insight h3{font-size:23px;line-height:1.35;margin-top:13px}.story-insight span{margin-top:12px}
/* Each existing solution page carries its hypothesis; demos stay in place. */
.solution-group-label{font:10px/1.5 ui-monospace,monospace;color:#a3a5a9;letter-spacing:.08em;margin:0 0 22px;padding:0 20px}
[data-solution-group] .case-kicker{color:#a3a5a9}

/* Source → question → research notes → opportunity. */
#page-brief .debrief-layout{grid-template-columns:540px 440px;gap:44px}
#page-brief .debrief-analysis{padding-top:0}
#page-brief .analysis-question h3{font-size:25px;line-height:1.3;margin:9px 0 0}
#page-brief .analysis-body>div{margin-bottom:19px}
#page-brief .research-sticky-row{display:flex;gap:25px;padding:14px 4px 8px}
#page-brief .research-sticky{width:177px;height:177px;flex:none;padding:16px 15px 12px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;box-shadow:3px 7px 12px #0003;color:#292932}
#page-brief .research-sticky p{font-family:'Bradley Hand','Chalkboard','Comic Sans MS',cursive;font-size:21px;line-height:1.22;letter-spacing:0;margin:0;color:#292932}
#page-brief .research-sticky footer{font:9px/1.4 Mona,Arial,sans-serif;color:#51505a;border-top:1px solid #29293225;padding-top:7px}
#page-brief .sticky-0{transform:rotate(-3deg)}
#page-brief .sticky-1{transform:rotate(2deg);margin-top:4px}
#page-brief .sticky-yellow{background:#f3e8af}
#page-brief .sticky-blue{background:#cbdde8}
#page-brief .sticky-peach{background:#efd4bd}
#page-brief .sticky-pink{background:#e8cfdc}
#page-brief .analysis-research{border:0;padding-top:0}
#page-brief .reference-links{gap:5px 16px;margin-top:7px}
#page-brief .reference-links a{font-size:12px}
#page-brief .research-opportunity{border-top:1px solid #ffffff26;padding-top:17px;margin-bottom:0}
#page-brief .research-opportunity h3{font-size:23px;margin:8px 0 6px}
#page-brief .research-opportunity p{font-size:17px;line-height:1.4;margin:0;max-width:415px}
#page-brief .direction-tabs{margin-top:24px}

#page-brief .analysis-body>div{margin-bottom:14px}
#page-brief .research-sticky-row{padding-top:12px;padding-bottom:5px}
#page-brief .research-sticky{width:166px;height:166px;padding:14px}
#page-brief .research-sticky p{font-size:19px;line-height:1.2}
#page-brief .research-sticky footer{padding:7px 0 0;margin:0;flex:none;text-align:left;width:auto}
#page-brief .research-opportunity{padding-top:12px;margin-bottom:0}
#page-brief .research-opportunity h3{font-size:22px}
#page-brief .research-opportunity p{font-size:16px}

/* External observation and design interpretation, with the source on the note. */
#page-brief .research-sticky-row{gap:22px;padding-top:16px;padding-bottom:13px}
#page-brief .research-sticky{width:194px;height:194px;padding:14px 15px 12px}
#page-brief .research-sticky .sticky-observation p{font:13px/1.35 Mona,Arial,sans-serif;margin:4px 0 0;color:#41414b}
#page-brief .research-sticky .sticky-insight p{font:19px/1.15 'Bradley Hand','Chalkboard','Comic Sans MS',cursive;margin:4px 0 0;color:#24242d}
#page-brief .research-sticky span{display:block;font:8px/1.2 ui-monospace,monospace;letter-spacing:.04em;color:#62616a}
#page-brief .research-sticky footer{border-top:1px solid #29293230;padding:7px 0 0}
#page-brief .research-sticky footer a{font:10px/1.4 Mona,Arial,sans-serif;color:#34343e;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#34343e70}
#page-brief .research-sticky footer a:hover{color:#111;text-decoration-color:#111}
#page-brief .research-sticky footer a:focus-visible{outline:2px solid #34343e;outline-offset:4px}
#page-brief .research-opportunity{margin-top:8px}

/* Three small, taped research notes per direction. */
#page-brief .debrief-layout{grid-template-columns:460px 520px}
#page-brief .research-sticky-row{gap:12px;padding:24px 2px 18px}
#page-brief .research-sticky{position:relative;width:164px;height:164px;padding:15px 11px 10px;box-shadow:2px 6px 10px #0004}
#page-brief .research-sticky .sticky-observation p{font-size:11px;line-height:1.35}
#page-brief .research-sticky .sticky-insight p{font-size:17px;line-height:1.15}
#page-brief .research-sticky span{font-size:7px}
#page-brief .research-sticky footer a{font-size:9px}
#page-brief .research-sticky::before{content:'';position:absolute;z-index:1;pointer-events:none;width:63px;height:21px;left:calc(50% - 31px);top:-10px;transform:rotate(-6deg);background:repeating-linear-gradient(98deg,#fff0 0 4px,#fff2 5px 6px),#e4dbc38f;box-shadow:0 1px 2px #0002;clip-path:polygon(2% 0,98% 3%,96% 20%,100% 35%,97% 55%,100% 75%,98% 100%,1% 96%,3% 78%,0 62%,3% 43%,0 22%)}
#page-brief .sticky-1{transform:rotate(1deg);margin-top:5px}
#page-brief .sticky-1::before{transform:rotate(7deg);width:55px;left:calc(50% - 27px)}
#page-brief .sticky-2{transform:rotate(3deg);margin-top:1px;background:linear-gradient(135deg,var(--paper) calc(100% - 14px),transparent 0);filter:drop-shadow(2px 4px 3px #0004);box-shadow:none}
#page-brief .sticky-2::after{content:'';position:absolute;pointer-events:none;right:0;bottom:0;width:20px;height:20px;background:linear-gradient(135deg,#0002,#fff7);clip-path:polygon(0 0,100% 0,0 100%);box-shadow:-1px -1px 2px #0002}
#page-brief .sticky-yellow{--paper:#f3e8af}#page-brief .sticky-blue{--paper:#cbdde8}#page-brief .sticky-pink{--paper:#e8cfdc}#page-brief .sticky-peach{--paper:#efd4bd}
#page-brief .research-opportunity{margin-top:15px;padding-top:20px}
#page-brief .research-opportunity h3{font-size:25px;margin-top:10px}

/* Handwritten questions live in the source paper, replacing the tab strip. */
#page-brief .brief-paper .original-problem{margin-bottom:0}
#page-brief .pen-note-space{display:block;position:relative;height:28px;margin:2px 0 5px;list-style:none}
#page-brief .brief-pen-note{position:absolute;display:inline-flex;align-items:center;gap:4px;width:auto;background:none;border:0;padding:0;color:#ac453d;font:19px/1.2 'Bradley Hand','Chalkboard','Comic Sans MS',cursive;cursor:pointer;white-space:nowrap;isolation:isolate}
#page-brief .brief-pen-note svg{width:32px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex:none;pointer-events:none}
#page-brief .pen-note-2{right:3px;top:-2px;transform:rotate(-3deg)}
#page-brief .pen-note-0{left:30px;top:0;transform:rotate(-4deg)}
#page-brief .pen-note-1{right:15px;top:0;transform:rotate(2deg)}
#page-brief .brief-pen-note[aria-pressed=true]{color:#992c28}
#page-brief .brief-pen-note[aria-pressed=true]::after{content:'';position:absolute;left:35px;right:0;bottom:-3px;height:3px;border-bottom:1.5px solid currentColor;border-radius:50%;transform:rotate(-1deg);opacity:.65;pointer-events:none}
#page-brief .brief-pen-note:focus-visible{outline:1px dashed #ad453d;outline-offset:5px;border-radius:4px}
#page-brief .pen-circled{position:relative;white-space:nowrap}
#page-brief .pen-circled::after{content:'';position:absolute;inset:-4px -6px -3px;border:1.4px solid #ac453dbb;border-radius:48% 52% 46% 54%;transform:rotate(-5deg);pointer-events:none}
#page-brief .brief-paper .pen-paper-footer{display:block;text-align:right;font-size:8px;padding:9px 0 0;margin-top:4px;color:#85817a}

/* Margin reflections describe my reading, rather than adding more questions. */
#page-brief .pen-note-space{height:39px;margin:3px 0 5px}
#page-brief .brief-pen-note{width:315px;white-space:normal;text-align:left;font-size:17px;line-height:1.12;gap:6px;align-items:flex-start}
#page-brief .brief-pen-note svg{width:26px;height:22px;margin-top:1px}
#page-brief .pen-note-0{left:12px;transform:rotate(-2deg)}
#page-brief .pen-note-1{right:0;transform:rotate(1deg)}
#page-brief .pen-note-2{right:0;transform:rotate(-2deg)}
#page-brief .brief-paper li{font-size:13px;line-height:1.4;padding-bottom:6px}
#page-brief .brief-pen-note[aria-pressed=true]::after{left:32px;right:18px;bottom:-2px}

/* Reveal only the current reading; reserve the gaps so the paper stays still. */
#page-brief .brief-pen-note[aria-pressed=false]{visibility:hidden;pointer-events:none}
#page-brief .brief-pen-note[aria-pressed=true]::after{content:none}
#page-brief .pen-note-1 svg,#page-brief .pen-note-2 svg{display:none}
#page-brief .pen-circled::after{visibility:hidden}
#page-brief .brief-paper[data-active-direction="2"] .pen-circled::after{visibility:visible}
/* Notes are a spoken script; presenter notes stay separate from the shared view. */
.presentation-notes{background:#17181cf7;color:#d0d1d6;width:min(570px,calc(100vw - 40px));font-size:18px;line-height:1.65}
.presentation-notes .notes-toolbar{display:flex;gap:8px;align-items:center}
.presentation-notes .notes-toolbar button{float:none;font:12px Mona,Arial;padding:7px 12px;border:1px solid #ffffff25;border-radius:5px;color:#ddd}
.presentation-notes .notes-toolbar [data-close]{margin-left:auto;order:3;font-size:19px}
.presentation-notes [data-mode][aria-pressed=true]{background:#e5e5ea;color:#222}
.presenting .presentation-controls,.presenting .presentation-notes,.presenter-preview .presentation-controls,.presenter-preview .presentation-notes{display:none!important}

.presenter-launch{color:inherit;text-decoration:none;cursor:pointer;font:inherit;padding:8px 10px}.presenter-status{position:fixed;z-index:10000;bottom:80px;right:20px;max-width:420px;background:#202126;border:1px solid #686971;border-radius:12px;color:#eee;padding:20px;font:15px/1.5 Arial}.presenter-status[hidden]{display:none}.presenter-status a{display:block;color:#fff;margin:12px 0}.presenter-status button,.audience-return{background:#24252a;color:#ddd;border:1px solid #555;border-radius:7px;padding:8px 12px;cursor:pointer}.audience-return{display:none;position:fixed;bottom:12px;right:12px;z-index:10001;opacity:0}.presenting .audience-return{display:block}.audience-return:hover,.audience-return:focus-visible{opacity:1}.presenter-preview .audience-return{display:none!important}.time-accountability{font-size:17px;color:#a8abb2;line-height:1.5;max-width:900px;margin:16px 0 24px}.time-accountability b{color:#eee;font-weight:500}