.ditto-case{--cue-surface:#e3e8dd;--cue-card:#f8f9f4;--cue-line:#c7d0c4;--cue-muted:#53635c;--cue-ink:#243c32;--cue-accent:#456343;--cue-button-text:#fff;--cue-soft:#d6dfcf;color:var(--cue-ink);padding:0 clamp(20px,5vw,80px) 64px}:root[data-theme=dark] .ditto-case{--cue-surface:#20352c;--cue-card:#1a2b24;--cue-line:#3f5749;--cue-muted:#becdc1;--cue-ink:#edf3e9;--cue-accent:#b6cea5;--cue-button-text:#142719;--cue-soft:#2b4535}.ditto-case .case-header{border-bottom:1px solid var(--cue-line);max-width:1200px;min-height:80px}.ditto-story{max-width:1200px;margin:auto}.ditto-case h1,.ditto-case h2,.ditto-case h3,.ditto-case p,.ditto-case figure,.ditto-case dl{margin:0}.ditto-case p,.ditto-case li{color:var(--cue-muted);font-size:16px;line-height:1.8}.ditto-case strong{color:var(--cue-ink);font-weight:600}.ditto-case h2{letter-spacing:-.055em;text-wrap:balance;max-width:24ch;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2}.ditto-case h3{letter-spacing:-.035em;font-size:20px;font-weight:600;line-height:1.4}.ditto-case a:focus-visible,.ditto-case video:focus-visible{outline:3px solid var(--cue-accent);outline-offset:5px}.ditto-skip{background:var(--cue-card);z-index:100;padding:12px;position:fixed;top:10px;left:20px;transform:translateY(-150%)}.ditto-skip:focus{transform:none}.ditto-hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:48px;padding:64px 0 48px;display:grid}.ditto-hero-copy{min-width:0}.ditto-case .ditto-kicker{color:var(--cue-accent);margin-bottom:20px;font-size:13px}.ditto-case h1{letter-spacing:-.065em;font-size:clamp(48px,5.5vw,76px);font-weight:600;line-height:1.08}.ditto-case .ditto-deck{letter-spacing:-.035em;color:var(--cue-muted);margin-top:22px;font-size:clamp(20px,2vw,26px);line-height:1.55}.ditto-end-links{flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px;font-size:13px;font-weight:600;display:flex}.ditto-cta{background:var(--cue-accent);color:var(--cue-button-text);white-space:nowrap;border-radius:8px;padding:14px 19px;transition:transform .16s,filter .16s;display:inline-flex}.ditto-cta:hover{filter:brightness(1.1);transform:translateY(-2px)}.ditto-cta:active{transform:scale(.98)}.ditto-end-links>a:not(.ditto-cta),.ditto-example-link a{text-underline-offset:5px;text-decoration:underline}.ditto-trailer{min-width:0;scroll-margin-top:24px}.ditto-trailer video{aspect-ratio:16/9;object-fit:cover;background:var(--cue-surface);border-radius:16px;width:100%;display:block}.ditto-case figcaption{color:var(--cue-muted);margin-top:12px;font-size:11px;line-height:1.6}.ditto-brief{border-block:1px solid var(--cue-line);padding:28px 0 32px}.ditto-brief>p{max-width:770px;color:var(--cue-ink);font-size:18px;line-height:1.7}.ditto-snapshot{grid-template-columns:1fr 1fr 1.4fr 1fr;gap:32px;display:grid;margin-top:26px!important}.ditto-snapshot dt{color:var(--cue-muted);margin-bottom:9px;font-size:12px}.ditto-snapshot dd{margin:0;font-size:12px;line-height:1.8}.ditto-reading-layout{grid-template-columns:170px minmax(0,1fr);align-items:start;gap:56px;padding-top:64px;display:grid}.ditto-index{flex-direction:column;gap:4px;display:flex;position:sticky;top:36px}.ditto-index p{color:var(--cue-muted);margin:0 0 16px;font-size:11px}.ditto-index a{color:var(--cue-muted);border-radius:8px;padding:9px 12px;font-size:12px;transition:background .16s,color .16s}.ditto-index a:hover{background:var(--cue-surface);color:var(--cue-ink)}.ditto-index a[aria-current]{background:var(--cue-soft);color:var(--cue-ink);font-weight:600}.ditto-chapters{min-width:0}.ditto-section{padding:0 0 72px;scroll-margin-top:36px}.ditto-section+.ditto-section{border-top:1px solid var(--cue-line);padding-top:56px}.ditto-section-head{margin-bottom:26px}.ditto-section-label{display:none}#task-library .ditto-section-label{color:var(--cue-accent);margin-bottom:16px;font-size:12px;display:block}.ditto-section>p{max-width:66ch;margin-top:16px}.ditto-section>h3{margin-top:32px}.ditto-problem-summary{border-left:3px solid var(--cue-accent);max-width:66ch;margin-top:32px;padding:6px 0 6px 26px}.ditto-problem-summary h3{margin-bottom:12px;font-size:17px}.ditto-problem-summary p+p{margin-top:12px}.ditto-concept-grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:32px;display:grid}.ditto-concept-grid p+p{margin-top:18px}.ditto-concept-art img{aspect-ratio:1.25;object-fit:cover;border-radius:16px;width:100%;height:auto}.ditto-note{background:var(--cue-surface);border-radius:16px;margin:28px 0 0;padding:22px 26px}.ditto-note p{font-size:14px}.ditto-flow{justify-content:space-between;gap:0;margin:28px 0 0;padding:0;list-style:none;display:flex}.ditto-flow li{align-items:center;gap:24px;font-size:13px;display:flex}.ditto-flow li:not(:last-child):after{content:"→";color:var(--cue-accent);font-size:20px}.ditto-decision-cards{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.ditto-decision-cards article{border:1px solid var(--cue-line);background:var(--cue-card);border-radius:16px;flex-direction:column;padding:26px;display:flex}.ditto-decision-cards h3{margin-bottom:12px}.ditto-decision-cards p{font-size:14px;line-height:1.75}.ditto-decision-cards .ditto-tradeoff{border-top:1px solid var(--cue-line);margin-top:22px;padding-top:18px}.ditto-tradeoff strong{margin-bottom:5px;font-size:11px;display:block}.ditto-library-layout{grid-template-columns:1.05fr .95fr;align-items:start;gap:30px;display:grid}.ditto-library-story p{font-size:15px}.ditto-library-story>p+p{margin-top:18px}.ditto-library-shift{gap:20px;margin-top:24px;display:grid}.ditto-library-shift h3{margin-bottom:6px;font-size:14px}.ditto-library-shift p{font-size:14px}.ditto-task-example{background:var(--cue-surface);border-radius:16px;padding:30px}.ditto-task-example .ditto-task-label{margin-bottom:18px;font-size:11px}.ditto-task-example h3{margin-bottom:18px;font-size:27px;line-height:1.2}.ditto-task-example>p{font-size:15px}.ditto-task-example dl{margin-top:24px}.ditto-task-example dl>div{border-top:1px solid var(--cue-line);padding:14px 0}.ditto-task-example dt{color:var(--cue-muted);margin-bottom:5px;font-size:11px}.ditto-task-example dd{margin:0;font-size:13px;line-height:1.65}.ditto-example-pair{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;display:grid}.ditto-example-pair article{flex-direction:column;min-width:0;display:flex}.ditto-example-pair article>p{margin-top:12px;margin-bottom:24px;font-size:14px;line-height:1.75}.ditto-phone-shot{background:var(--cue-surface);border-radius:16px;padding:26px 22px 18px;margin-top:auto!important}.ditto-phone-shot a{border-radius:16px;max-width:280px;margin:auto;transition:transform .18s;display:block;overflow:hidden}.ditto-phone-shot a:hover{transform:translateY(-3px)}.ditto-phone-shot img{width:100%;height:auto;display:block}.ditto-phone-shot figcaption{max-width:280px;min-height:36px;margin:16px auto 0}.ditto-example-link{margin-top:26px!important;font-size:13px!important}.ditto-before-after{background:var(--cue-surface);border-radius:16px;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0;padding:28px;display:grid}.ditto-before-after>div+div{border-left:1px solid var(--cue-line);padding-left:32px}.ditto-before-after span{color:var(--cue-muted);font-size:11px}.ditto-before-after h3{margin:12px 0;font-size:18px}.ditto-before-after p,.ditto-before-after li{font-size:14px}.ditto-before-after ol{margin:0;padding-left:18px}.ditto-validation{background:var(--cue-card);border:1px solid var(--cue-line);border-radius:16px;margin-top:28px;padding:28px}.ditto-validation h3{margin-bottom:14px}.ditto-validation p{max-width:66ch;font-size:15px}.ditto-validation p+p{margin-top:12px}.ditto-measures{gap:18px;max-width:66ch;margin:20px 0 24px;padding:0;list-style:none;display:grid}.ditto-measures li{border-left:2px solid var(--cue-line);padding-left:22px;font-size:15px}.ditto-measures strong{margin-bottom:3px;display:block}.ditto-reflection{padding-bottom:0}@media (min-width:1440px){.ditto-reading-layout{grid-template-columns:180px minmax(0,1fr);gap:72px}}@media (max-width:1023px){.ditto-reading-layout{grid-template-columns:135px minmax(0,1fr);gap:28px}.ditto-hero{gap:28px}.ditto-end-links{gap:16px}.ditto-snapshot{grid-template-columns:1fr 1fr;gap:20px}.ditto-concept-grid,.ditto-library-layout{grid-template-columns:1fr}.ditto-concept-art img{aspect-ratio:1.8}.ditto-library-shift{grid-template-columns:1fr 1fr}.ditto-flow{flex-wrap:wrap;gap:16px}.ditto-flow li{gap:12px}.ditto-decision-cards article{padding:20px}.ditto-phone-shot{padding:18px 12px}}@media (max-width:767px){.ditto-case{padding:0 20px 48px}.ditto-case .case-header{gap:14px;min-height:76px;font-size:11px}.ditto-hero{grid-template-columns:1fr;gap:32px;padding:38px 0 32px}.ditto-case h1{font-size:56px}.ditto-case .ditto-deck{font-size:23px}.ditto-case .ditto-kicker{margin-bottom:16px}.ditto-trailer figcaption{font-size:10px}.ditto-brief>p{font-size:16px}.ditto-reading-layout{padding-top:0;display:block}.ditto-index{z-index:10;background:var(--paper);border-bottom:1px solid var(--cue-line);flex-flow:wrap;gap:3px;margin-bottom:34px;padding:12px 0;top:0}.ditto-index p{display:none}.ditto-index a{padding:7px 9px;font-size:10px}.ditto-section{padding-bottom:44px;scroll-margin-top:114px}.ditto-section+.ditto-section{padding-top:36px}.ditto-case h2{font-size:30px}.ditto-section-head{margin-bottom:22px}.ditto-case p{font-size:15px}.ditto-decision-cards{gap:12px}.ditto-decision-cards h3{font-size:17px}.ditto-decision-cards p{font-size:13px}.ditto-decision-cards article{padding:18px}.ditto-library-shift{gap:18px}.ditto-example-pair{grid-template-columns:1fr;gap:32px}.ditto-phone-shot{padding:26px}.ditto-before-after{grid-template-columns:1fr;gap:24px;padding:24px}.ditto-before-after>div+div{border-left:0;border-top:1px solid var(--cue-line);padding:22px 0 0}.ditto-task-example{padding:26px}.ditto-concept-grid{gap:24px}.ditto-flow{flex-direction:column;gap:14px}.ditto-flow li:not(:last-child):after{content:none}.ditto-flow li{border-left:2px solid var(--cue-line);padding-left:14px}.ditto-snapshot dd{font-size:11px}}@media (max-width:399px){.ditto-decision-cards{grid-template-columns:1fr}.ditto-case .case-header{gap:8px}.ditto-end-links{font-size:12px}.ditto-snapshot{gap:22px 16px}}@media (prefers-reduced-motion:reduce){.ditto-case *{scroll-behavior:auto!important;transition:none!important}.ditto-cta:hover,.ditto-phone-shot a:hover{transform:none}}.case-shell.ditto-case{transition:none}@media (min-width:1024px){.ditto-snapshot.ditto-snapshot-three{grid-template-columns:1fr 1.4fr 1fr}}
.onexp-case{--cue-surface:#e1e8e9;--cue-card:#f6f8f7;--cue-line:#c3cfd0;--cue-muted:#536366;--cue-ink:#24393d;--cue-accent:#246774;--cue-soft:#d4e3e5}:root[data-theme=dark] .onexp-case{--cue-surface:#23373c;--cue-card:#1a2b30;--cue-line:#40585e;--cue-muted:#bacbd0;--cue-ink:#edf4f4;--cue-accent:#9dd1db;--cue-soft:#2b474f;--cue-button-text:#142c32}.onexp-hero{grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;padding:52px 0 40px;display:grid}.onexp-hero img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:100%;height:auto;display:block}.onexp-hero .ditto-deck{max-width:22ch;font-size:26px}.onexp-hero .onexp-intro{max-width:36ch;margin-top:24px;font-size:15px}.onexp-origin blockquote{letter-spacing:-.045em;border-left:3px solid var(--cue-accent);max-width:23ch;color:var(--cue-ink);margin:30px 0;padding-left:26px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.4}.onexp-missions{grid-template-columns:1fr 1fr;gap:16px;margin:32px 0;display:grid}.onexp-missions article{border:1px solid var(--cue-line);background:var(--cue-card);border-radius:16px;padding:26px}.onexp-missions span,.onexp-scope article>span{color:var(--cue-accent);font-size:12px}.onexp-missions h3{max-width:15ch;margin:18px 0 12px;font-size:25px}.onexp-missions p{font-size:14px}.onexp-missions .onexp-boss{background:var(--cue-surface)}.onexp-loop{border-block:1px solid var(--cue-line);margin:30px 0;padding:24px 0}.onexp-loop h3{margin-bottom:20px;font-size:14px}.onexp-loop ol{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.onexp-loop li{align-items:center;gap:12px;font-size:12px;display:flex}.onexp-loop li:not(:last-child):after{content:"→";color:var(--cue-accent)}.onexp-city{background:var(--cue-surface);border-radius:16px;margin-top:32px;padding:30px}.onexp-city h3{margin-bottom:16px;font-size:26px}.onexp-city p{max-width:65ch;font-size:15px}.onexp-city p+p{margin-top:14px}.onexp-scope{grid-template-columns:1fr 1fr;gap:24px;margin:30px 0;display:grid}.onexp-scope article{border:1px solid var(--cue-line);border-radius:16px;padding:28px}.onexp-scope article+article{background:var(--cue-surface)}.onexp-scope h3{margin:12px 0 20px;font-size:25px}.onexp-scope ul{margin:0;padding-left:18px}.onexp-scope li{margin-top:10px;font-size:14px}.onexp-mvp-loop{flex-wrap:wrap;gap:14px;margin:26px 0;font-size:13px;line-height:1.8;display:flex}.onexp-mvp-loop span:not(:last-child):after{content:"→";color:var(--cue-accent);margin-left:14px}.onexp-results{border-block:1px solid var(--cue-line);grid-template-columns:1fr 1fr;gap:32px;margin:32px 0;padding:30px 0;display:grid}.onexp-results strong{letter-spacing:-.055em;color:var(--cue-accent);font-size:clamp(30px,3.5vw,46px);font-weight:600;display:block}.onexp-results span{color:var(--cue-muted);margin-top:12px;font-size:12px;display:block}.onexp-closing{background:var(--cue-surface);border-radius:16px;margin-top:32px;padding:30px}.onexp-closing p{font-size:14px}.onexp-closing h3{max-width:28ch;margin-top:12px;font-size:26px}@media (max-width:767px){.onexp-hero{grid-template-columns:1fr;gap:30px;padding:34px 0}.onexp-hero .ditto-deck{font-size:24px}.onexp-missions article{padding:20px}.onexp-missions h3{font-size:21px}.onexp-scope{gap:14px}.onexp-scope article{padding:20px}.onexp-scope h3{font-size:21px}.onexp-city{padding:24px}.onexp-results{gap:20px}.onexp-results strong{font-size:32px}.onexp-mvp-loop{flex-direction:column;gap:8px}.onexp-mvp-loop span:not(:last-child):after{content:"↓"}}@media (max-width:399px){.onexp-scope,.onexp-missions{grid-template-columns:1fr}}
.clear-case .ditto-reading-layout{padding-top:0;display:block}.clear-case .ditto-chapters{max-width:900px;margin:0 auto}.clear-case h1{font-size:clamp(44px,4.5vw,64px)}.clear-case h2{letter-spacing:-.035em;text-wrap:pretty;max-width:none;font-size:clamp(26px,2.5vw,34px);line-height:1.3}.clear-case h3{letter-spacing:-.02em}.clear-case .ditto-hero,.clear-case .onexp-hero{gap:48px;padding:32px 0}.clear-case .ditto-deck{max-width:33ch;font-size:21px}.clear-case .ditto-section{padding-bottom:52px;scroll-margin-top:108px}.clear-case .ditto-section+.ditto-section{padding-top:44px}.clear-case .ditto-section-head{margin-bottom:20px}.clear-case .ditto-section>p{max-width:68ch;font-size:16px;line-height:1.85}.case-at-glance{background:var(--cue-surface);border-radius:16px;max-width:900px;margin:40px auto;padding:28px 32px}.clear-case .case-at-glance h2{margin-bottom:24px;font-size:20px}.case-at-glance dl{gap:18px;display:grid}.case-at-glance dl>div{grid-template-columns:135px 1fr;gap:24px;display:grid}.case-at-glance dt{font-size:13px;font-weight:600;line-height:1.8}.case-at-glance dd{color:var(--cue-muted);margin:0;font-size:14px;line-height:1.8}.case-chapter-nav{z-index:10;background:var(--paper);border-block:1px solid var(--cue-line);flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 40px;padding:15px 0;display:flex;position:sticky;top:0}.case-chapter-nav a{color:var(--cue-muted);border-radius:8px;padding:9px 15px;font-size:12px;transition:background .14s}.case-chapter-nav a:hover,.case-chapter-nav a[aria-current]{background:var(--cue-soft);color:var(--cue-ink)}.case-chapter-nav a[aria-current]{font-weight:600}.case-pain-points{grid-template-columns:1fr 1fr;gap:20px;margin:26px 0;display:grid}.case-pain-points article{border:1px solid var(--cue-line);background:var(--cue-card);border-radius:16px;padding:24px}.case-pain-points h3{margin-bottom:12px;font-size:19px}.case-pain-points p{font-size:15px}.clear-case .case-evidence-note{max-width:76ch;font-size:13px}.clear-case .ditto-concept-grid{grid-template-columns:1.3fr .7fr}.clear-case .ditto-concept-art img{aspect-ratio:1.25}.clear-case .ditto-decision-cards article{padding:22px}.clear-case .ditto-library-layout{display:block}.clear-case .ditto-library-story{max-width:68ch}.clear-case .ditto-library-story p{font-size:16px}.clear-case .ditto-library-shift{background:var(--cue-surface);border-radius:16px;grid-template-columns:1fr 1fr;padding:24px}.clear-case .ditto-task-example{border-left:3px solid var(--cue-accent);background:0 0;border-radius:0;max-width:68ch;margin-top:28px;padding:4px 0 4px 24px}.clear-case .ditto-task-example h3{margin-bottom:12px;font-size:20px}.clear-case .ditto-task-example dl{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.clear-case .ditto-task-example dl>div{border:0;padding:0}.clear-case .ditto-phone-shot a,.clear-case .ditto-phone-shot figcaption{max-width:245px}.clear-case .onexp-origin blockquote{letter-spacing:-.02em;max-width:36ch;font-size:25px}.clear-case .onexp-missions h3{margin:12px 0;font-size:22px}.clear-case .onexp-closing h3{font-size:23px}@media (max-width:767px){.clear-case .ditto-hero,.clear-case .onexp-hero{grid-template-columns:1fr;gap:28px}.clear-case .ditto-deck{font-size:20px}.case-at-glance{margin:28px auto;padding:24px}.case-at-glance dl>div{grid-template-columns:1fr;gap:4px}.case-at-glance dl{gap:20px}.case-chapter-nav{justify-content:flex-start;gap:3px;margin-bottom:30px;padding:10px 0}.case-chapter-nav a{padding:8px 10px;font-size:11px}.clear-case .ditto-section{padding-bottom:36px;scroll-margin-top:116px}.clear-case .ditto-section+.ditto-section{padding-top:32px}.clear-case h2{font-size:27px}.case-pain-points,.clear-case .ditto-concept-grid,.clear-case .ditto-decision-cards,.clear-case .ditto-library-shift,.clear-case .onexp-scope{grid-template-columns:1fr}.clear-case .ditto-concept-art img{aspect-ratio:1.6}.clear-case .ditto-task-example dl{grid-template-columns:1fr;gap:16px}.clear-case .ditto-task-example{padding-left:20px}.clear-case .onexp-origin blockquote{margin:24px 0;padding-left:20px;font-size:23px}}
.spark-case{--cue-surface:#eee3d9;--cue-card:#faf7f2;--cue-line:#d6c9bf;--cue-muted:#645b53;--cue-ink:#342d27;--cue-accent:#ab431e;--cue-soft:#efdbca;--cue-button-text:#fff}:root[data-theme=dark] .spark-case{--cue-surface:#352c26;--cue-card:#28231f;--cue-line:#59483b;--cue-muted:#d1c2b6;--cue-ink:#f5eee8;--cue-accent:#ffac80;--cue-soft:#493326;--cue-button-text:#352014}.spark-hero{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:40px 0;display:grid}.spark-case h1{font-size:clamp(46px,5vw,72px);line-height:1.08}.spark-hero-visual{background:var(--cue-surface);border-radius:16px;padding:26px}.spark-shot a{border-radius:16px;max-width:260px;margin:auto;transition:transform .16s;display:block;overflow:hidden}.spark-shot a:hover{transform:translateY(-3px)}.spark-shot img{width:100%;height:auto;display:block}.spark-shot figcaption{text-align:center;max-width:300px;margin:14px auto 0}.spark-hero .spark-shot a{max-width:224px}.spark-hero .ditto-deck{max-width:29ch;font-size:22px}.spark-hesitation{background:var(--cue-surface);border-radius:16px;max-width:680px;margin:28px 0;padding:30px}.spark-hesitation blockquote{letter-spacing:-.045em;color:var(--cue-ink);margin:20px 0;font-size:clamp(23px,3vw,32px);font-weight:600;line-height:1.3}.spark-hesitation strong{margin-top:18px;display:block}.spark-routines{color:var(--cue-accent);flex-wrap:wrap;gap:12px;margin:28px 0;font-size:14px;display:flex}.spark-routines span{border-bottom:2px solid var(--cue-line);padding:6px 8px}.spark-insights{grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;display:grid}.spark-insights article{border-left:3px solid var(--cue-accent);padding-left:22px}.spark-insights h3{margin-bottom:12px}.spark-insights p{font-size:15px}.spark-research-detail{border:1px solid var(--cue-line);border-radius:16px;margin:28px 0;padding:20px 24px}.spark-research-detail summary{cursor:pointer;padding:5px 0;font-size:14px;font-weight:600}.spark-research-detail p{max-width:65ch;margin-top:18px;font-size:14px}.spark-research-detail[open][data-input=pointer] .research-disclosure-content{animation:.16s ease-out research-answer-in}@keyframes research-answer-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.spark-research-detail[open][data-input=pointer] .research-disclosure-content{animation:.1s ease-out research-answer-in!important}}.spark-mechanic,.spark-failure{grid-template-columns:1.2fr .8fr;align-items:start;gap:40px;margin-top:30px;display:grid}.spark-mechanic h3{margin:24px 0 12px}.spark-mechanic h3:first-child{margin-top:0}.spark-mechanic .spark-shot,.spark-failure .spark-shot{background:var(--cue-surface);border-radius:16px;padding:22px}.spark-rules{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}.spark-rules article{border:1px solid var(--cue-line);background:var(--cue-card);border-radius:16px;padding:24px}.spark-rules h3{margin-bottom:12px;font-size:18px}.spark-rules p{font-size:14px}.spark-process-links{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 18px;display:grid}.spark-process-links a{background:var(--cue-surface);border-radius:16px;flex-direction:column;gap:10px;padding:24px;transition:transform .16s;display:flex}.spark-process-links a:hover{transform:translateY(-2px)}.spark-process-links span{color:var(--cue-muted);font-size:12px}.spark-case .spark-process-note{max-width:70ch;font-size:12px}.spark-screen-pair{grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;display:grid}.spark-screen-pair>div{background:var(--cue-surface);border-radius:16px;padding:26px}.spark-screen-pair h3{margin-bottom:24px;font-size:18px}.spark-failure p+p{margin-top:20px}.spark-failure h3{margin:30px 0 14px}.spark-logic{border:1px solid var(--cue-line);border-radius:16px;margin-top:32px;padding:28px}.spark-logic>p{font-size:12px}.spark-logic>strong{color:var(--cue-accent);margin:20px 0 12px;display:block}.spark-logic ol{flex-wrap:wrap;gap:14px;margin:20px 0;padding:0;list-style:none;display:flex}.spark-logic li{align-items:center;gap:14px;font-size:12px;display:flex}.spark-logic li:not(:last-child):after{content:"→";color:var(--cue-accent)}.spark-loop{background:var(--cue-surface);border-radius:16px;flex-wrap:wrap;gap:16px;margin:28px 0;padding:24px;font-size:13px;line-height:1.7;display:flex}.spark-loop span:not(:last-child):after{content:"→";color:var(--cue-accent);margin-left:16px}.spark-experiments{grid-template-columns:1fr 1fr;gap:30px;margin:28px 0;display:grid}.spark-experiments article{border-top:1px solid var(--cue-line);padding-top:20px}.spark-experiments h3{margin-bottom:12px;font-size:17px}.spark-experiments p{font-size:14px}@media (max-width:1023px){.spark-hero{gap:32px}.spark-mechanic,.spark-failure{grid-template-columns:1fr 1fr;gap:24px}.spark-mechanic .spark-shot,.spark-failure .spark-shot{padding:12px}.spark-screen-pair>div{padding:18px}}@media (max-width:767px){.spark-hero{grid-template-columns:1fr;gap:30px;padding:32px 0}.spark-case h1{font-size:54px}.spark-hero .ditto-deck{font-size:21px}.spark-hero-visual{padding:24px}.spark-hero .spark-shot a{max-width:230px}.spark-mechanic,.spark-failure{grid-template-columns:1fr}.spark-insights{grid-template-columns:1fr;gap:24px}.spark-screen-pair,.spark-process-links{grid-template-columns:1fr}.spark-experiments{grid-template-columns:1fr;gap:24px}.spark-rules{gap:12px}.spark-rules article{padding:18px}.spark-rules h3{font-size:16px}.spark-hesitation,.spark-mechanic .spark-shot,.spark-failure .spark-shot{padding:24px}.spark-loop{flex-direction:column;gap:8px}.spark-loop span:not(:last-child):after{content:"↓"}.spark-case .ditto-index a{padding:7px 8px;font-size:10px}}@media (prefers-reduced-motion:reduce){.spark-shot a:hover,.spark-process-links a:hover{transform:none}}.spark-case .ditto-reading-layout{padding-top:0;display:block}.spark-case .ditto-chapters{max-width:900px;margin:0 auto}.spark-case .ditto-section{padding-bottom:52px;scroll-margin-top:108px}.spark-case .ditto-section+.ditto-section{padding-top:44px}.spark-case .ditto-section-head{margin-bottom:20px}.spark-case h2{letter-spacing:-.035em;max-width:none;font-size:clamp(26px,2.5vw,34px);line-height:1.3}.spark-case .ditto-section>p{max-width:68ch;font-size:16px;line-height:1.85}.spark-case h3{letter-spacing:-.02em}.spark-case .spark-hero{gap:48px;padding:32px 0}.spark-case .spark-hero .spark-shot a{max-width:185px}.spark-case .spark-hero-visual{padding:20px}.spark-case h1{font-size:clamp(44px,4.5vw,64px)}.spark-case .spark-hero .ditto-deck{max-width:33ch;font-size:21px}.spark-overview{background:var(--cue-surface);border-radius:16px;max-width:900px;margin:40px auto;padding:28px 32px}.spark-overview h2{margin-bottom:24px;font-size:20px}.spark-overview dl{gap:18px;display:grid}.spark-overview dl>div{grid-template-columns:135px 1fr;gap:24px;display:grid}.spark-overview dt{font-size:13px;font-weight:600;line-height:1.8}.spark-overview dd{color:var(--cue-muted);margin:0;font-size:14px;line-height:1.8}.spark-chapter-nav{z-index:10;background:var(--paper);border-block:1px solid var(--cue-line);flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 40px;padding:15px 0;display:flex;position:sticky;top:0}.spark-chapter-nav a{color:var(--cue-muted);border-radius:8px;padding:9px 15px;font-size:12px;transition:background .14s}.spark-chapter-nav a:hover,.spark-chapter-nav a[aria-current]{background:var(--cue-soft);color:var(--cue-ink)}.spark-chapter-nav a[aria-current]{font-weight:600}.spark-case .spark-takeaway{color:var(--cue-ink);margin:24px 0;font-weight:600}.spark-case .spark-insights{gap:20px;margin:26px 0}.spark-case .spark-insights article{border:1px solid var(--cue-line);background:var(--cue-card);border-radius:16px;padding:24px}.spark-case .spark-insights h3{font-size:19px}.spark-evidence{border-left:3px solid var(--cue-accent);max-width:68ch;margin:26px 0;padding:4px 0 4px 24px}.spark-evidence h3{margin-bottom:12px;font-size:17px}.spark-evidence p{font-size:15px}.spark-evidence .spark-evidence-note{margin-top:12px;font-size:11px}.spark-walkthrough{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0;display:grid}.spark-walkthrough article{flex-direction:column;min-width:0;display:flex}.spark-walkthrough h3{font-size:18px}.spark-walkthrough article>p{min-height:72px;margin:12px 0 22px;font-size:13px;line-height:1.8}.spark-walkthrough .spark-shot{margin-top:auto}@media (min-width:768px){.spark-walkthrough{grid-template-rows:auto auto auto;row-gap:0}.spark-walkthrough article{grid-row:span 3;grid-template-rows:subgrid;display:grid}.spark-walkthrough .spark-shot{margin-top:0}}.spark-walkthrough .spark-shot a{border:1px solid var(--cue-line);max-width:100%}.spark-walkthrough figcaption{text-align:left;font-size:11px}.spark-case .spark-rules article{padding:22px}.spark-case .spark-failure{grid-template-columns:1.3fr .7fr;gap:32px}.spark-case .spark-failure .spark-shot a{max-width:190px}.spark-case .spark-failure p{font-size:15px}.spark-case .spark-failure .spark-shot{padding:18px}.spark-case .spark-process-links a{padding:20px}@media (max-width:767px){.spark-case .spark-hero{grid-template-columns:1fr;gap:28px}.spark-case .spark-hero .spark-shot a{max-width:185px}.spark-overview{margin:28px auto;padding:24px}.spark-overview dl>div{grid-template-columns:1fr;gap:4px}.spark-overview dl{gap:20px}.spark-chapter-nav{justify-content:flex-start;gap:3px;margin-bottom:30px;padding:10px 0}.spark-chapter-nav a{padding:8px 10px;font-size:11px}.spark-case .ditto-section{padding-bottom:36px;scroll-margin-top:116px}.spark-case .ditto-section+.ditto-section{padding-top:32px}.spark-case h2{font-size:27px}.spark-case .spark-insights{grid-template-columns:1fr}.spark-walkthrough{grid-template-columns:1fr;gap:36px}.spark-walkthrough article>p{min-height:0;margin-bottom:18px;font-size:15px}.spark-walkthrough .spark-shot a{max-width:270px}.spark-walkthrough figcaption{max-width:270px;margin:12px auto 0}.spark-case .spark-failure{grid-template-columns:1fr}.spark-case .spark-failure .spark-shot a{max-width:250px}.spark-case .spark-rules{grid-template-columns:1fr}.spark-case .spark-hero .ditto-deck{font-size:20px}}.spark-survey-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0 36px;display:grid}.spark-survey-results article{border:1px solid var(--cue-line);background:var(--cue-card);border-radius:16px;padding:22px}.spark-survey-results article>strong{letter-spacing:-.04em;color:var(--cue-accent);font-size:38px;line-height:1.2;display:block}.spark-survey-results article>span{color:var(--cue-muted);margin:6px 0 20px;font-size:13px;display:block}.spark-survey-results h3{margin-bottom:12px;font-size:18px;line-height:1.4}.spark-survey-bars{margin:22px 0;padding:0;list-style:none}.spark-survey-bars li{margin:0 0 20px}.spark-survey-bars li>div{justify-content:space-between;gap:20px;margin-bottom:8px;font-size:15px;line-height:1.6;display:flex}.spark-survey-bars strong{white-space:nowrap;font-weight:500}.spark-survey-bars meter{background:var(--cue-surface);border:0;border-radius:5px;width:100%;height:10px;display:block}.spark-survey-bars meter::-webkit-meter-bar{background:var(--cue-surface);border:0;border-radius:5px}.spark-survey-bars meter::-webkit-meter-optimum-value{background:var(--cue-accent);border-radius:5px}.spark-survey-bars meter::-moz-meter-bar{background:var(--cue-accent);border-radius:5px}@media (max-width:900px){.spark-survey-results{grid-template-columns:1fr}.spark-survey-bars li>div{gap:12px;font-size:14px}}.spark-case .spark-shot a{clip-path:inset(0 round 9.2%/4.6%);border:0;border-radius:0}
.ditto-case.voice-case .ditto-section>p,.ditto-case.voice-case .ditto-concept-grid p,.ditto-case.voice-case .ditto-library-story>p,.ditto-case.voice-case .spark-failure p{max-width:65ch;font-size:18px;line-height:1.8}.ditto-case.voice-case .ditto-section article p,.ditto-case.voice-case .ditto-section aside p,.ditto-case.voice-case .ditto-before-after p,.ditto-case.voice-case .ditto-before-after li,.ditto-case.voice-case .ditto-measures li,.ditto-case.voice-case .ditto-library-shift p,.ditto-case.voice-case .spark-research-detail p{font-size:16px;line-height:1.8}.ditto-case.voice-case .case-at-glance dd,.ditto-case.voice-case .spark-overview dd{font-size:16px;line-height:1.75}.ditto-case.voice-case .ditto-snapshot dd,.ditto-case.voice-case .ditto-snapshot dt,.ditto-case.voice-case .case-at-glance dt,.ditto-case.voice-case .spark-overview dt,.ditto-case.voice-case figcaption,.ditto-case.voice-case .ditto-section .case-evidence-note,.ditto-case.voice-case .ditto-section .spark-process-note{font-size:14px;line-height:1.7}.ditto-case.voice-case .case-chapter-nav a,.ditto-case.voice-case .spark-chapter-nav a{padding:9px 12px;font-size:13px}.ditto-case.voice-case .spark-research-detail summary{font-size:16px}.ditto-case.voice-case .spark-walkthrough article>p{min-height:0}.ditto-case.voice-case .spark-walkthrough{gap:28px}.ditto-case.voice-case .ditto-before-after span,.ditto-case.voice-case .ditto-tradeoff strong{font-size:13px}@media (max-width:767px){.ditto-case.voice-case .ditto-section>p,.ditto-case.voice-case .ditto-concept-grid p,.ditto-case.voice-case .ditto-library-story>p,.ditto-case.voice-case .spark-failure p{font-size:17px}.ditto-case.voice-case .case-chapter-nav a,.ditto-case.voice-case .spark-chapter-nav a{padding:8px 9px;font-size:12px}.ditto-case.voice-case .ditto-section{scroll-margin-top:132px}.ditto-case.voice-case .ditto-snapshot{grid-template-columns:1fr;gap:18px}.ditto-case.voice-case .ditto-snapshot dt{margin-bottom:4px}}#ditto-story #task-library .ditto-library-story{max-width:none}@media (min-width:768px){#ditto-story #decisions .ditto-decision-cards article{grid-template-rows:subgrid;grid-row:span 3;row-gap:0;display:grid}}
.handoff-case{--cue-surface:#f1efd2;--cue-card:#faf8ee;--cue-line:#d5cfb8;--cue-muted:#6b6050;--cue-ink:#514739;--cue-accent:#5d5145;--cue-button-text:#fffd86;--cue-soft:#f6f397}:root[data-theme=dark] .handoff-case{--cue-surface:#342f25;--cue-card:#29261f;--cue-line:#5a5140;--cue-muted:#c9c1b1;--cue-ink:#f4efdf;--cue-accent:#fffd86;--cue-button-text:#514739;--cue-soft:#4c472a}.handoff-case .ditto-hero{grid-template-columns:.9fr 1.1fr}.handoff-case h1 span{letter-spacing:-.05em;font-size:.78em}.handoff-shot img{border:1px solid var(--cue-line);border-radius:16px;width:100%;height:auto;display:block}.handoff-shot a{display:block}.handoff-case .handoff-shot{margin:28px 0}.handoff-case .ditto-hero .handoff-shot{margin:0}.handoff-journey{counter-reset:handoff;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;padding:0;list-style:none;display:grid}.handoff-journey li{border-top:2px solid var(--cue-line);color:var(--cue-ink);padding:16px 0;font-size:14px;font-weight:500}.handoff-family-examples{background:var(--cue-surface);border-radius:16px;grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin:32px 0;padding:24px;display:grid}.handoff-case .handoff-shot-mobile{width:100%;max-width:300px;margin:0 auto}.handoff-shot-mobile figcaption{font-size:12px}.handoff-case .case-pain-points ul{margin:0;padding-left:18px}.handoff-case .case-pain-points li{margin-top:8px;font-size:15px}.handoff-case .handoff-subheading{margin:32px 0 16px}@media (max-width:767px){.handoff-case .ditto-hero{grid-template-columns:1fr}.handoff-journey{grid-template-columns:1fr 1fr}.handoff-family-examples{grid-template-columns:1fr;gap:28px;padding:20px}}.handoff-perspective{flex-wrap:wrap;align-items:center;gap:14px 24px;margin-bottom:28px;display:flex}.handoff-case .handoff-perspective p{letter-spacing:-.03em;margin:0;font-size:24px;line-height:1.5}.handoff-case .handoff-perspective p:nth-child(2){color:var(--cue-muted);letter-spacing:0;font-size:14px}.handoff-perspective span{color:var(--cue-muted);padding:0 8px}.handoff-case .ditto-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:767px){.handoff-perspective{flex-direction:column;align-items:flex-start;gap:10px}.handoff-case .ditto-snapshot{grid-template-columns:1fr}}
