.ux-case{max-width:1180px}.ux-hero{padding:60px 0 40px}.ux-hero h1{font-size:clamp(34px,4vw,50px);font-weight:550;letter-spacing:-.8px;line-height:1.5;max-width:960px;margin:12px 0 25px}.ux-project-name{font-size:14px;color:#697b94;margin:24px 0 8px}.ux-lead{font-size:16px;line-height:1.95;max-width:700px;color:#62738a}.ux-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;border-top:1px solid #e0e7f0;margin:35px 0 0;padding:25px 0 0}.ux-meta dt{font-size:11px;color:#6f8199;margin-bottom:8px}.ux-meta dd{font-size:13px;color:#445b79;margin:0;line-height:1.85}.ux-layout{display:grid;grid-template-columns:170px minmax(0,1fr);gap:65px;border-top:1px solid #e0e7f0;padding-top:45px}.ux-directory{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:17px;padding-top:12px;max-height:90vh;overflow:auto}.ux-directory>span{font-size:10px;letter-spacing:1.4px;color:#7386a0;margin-bottom:10px}.ux-directory a{display:flex;gap:12px;font-size:12px;line-height:1.85;color:#5e7391}.ux-directory a b{font-size:10px;font-weight:450;color:#8097b5;min-width:15px}.ux-directory a:hover{color:#284c83}.ux-chapters{min-width:0}.ux-chapter{padding:0 0 65px;margin:0 0 60px;border-bottom:1px solid #e2e8f0;scroll-margin-top:35px}.ux-chapter:last-child{border:0}.ux-chapter-heading{display:flex;align-items:baseline;gap:18px;max-width:none;height:auto;padding:0;margin:0 0 30px;border:0}.ux-chapter-heading>span{font-size:11px;color:#7991b1;flex:none;letter-spacing:.5px}.ux-chapter-heading h2{font-size:29px;font-weight:500;line-height:1.65;letter-spacing:-.5px;margin:0}.ux-prose{min-width:0}.ux-prose>p{font-size:15px;line-height:2;max-width:76ch;margin:0 0 22px;color:#566a85}.ux-prose>h3{font-size:21px;font-weight:500;line-height:1.75;color:#3c577b;letter-spacing:-.2px;margin:36px 0 18px}.ux-prose>h3:first-child{margin-top:0}.ux-prose>ul,.ux-prose>ol{font-size:15px;line-height:2;color:#566a85;padding-left:23px;max-width:76ch}.ux-prose>ul li,.ux-prose>ol li{padding-left:5px;margin-bottom:10px}.ux-prose blockquote{font-size:16px;line-height:2;background:#eef3fa;border-left:2px solid #a4bad8;border-radius:0 8px 8px 0;margin:28px 0;padding:20px 25px;color:#45668e}.ux-prose blockquote p{font-size:15px;line-height:2;color:#45668e;margin:0 0 10px}.ux-prose blockquote p:last-child{margin-bottom:0}.ux-table{max-width:100%;overflow:auto;border:1px solid #dce5f0;border-radius:7px;margin:27px 0 30px}.ux-table table{border-collapse:collapse;width:100%;min-width:640px;font-size:13px;text-align:left;line-height:1.95}.ux-table th,.ux-table td{vertical-align:top;padding:18px 20px;border-bottom:1px solid #e0e8f2}.ux-table thead th{background:#eaf1fa;color:#446285;font-weight:500}.ux-table tbody th{background:#f4f7fb;color:#4f6b8d;font-weight:450;min-width:100px}.ux-table td{color:#5a708e}.ux-table tr:last-child>*{border-bottom:0}.ux-prose img{max-width:100%;height:auto;display:block}.ux-prose>p>img{max-height:880px;width:auto;margin:25px auto;object-fit:contain;border:1px solid #e2e8f1;border-radius:8px}.ux-retained{margin-top:45px;min-width:0}.ux-retained>section{padding:38px 0;margin:0;border-color:#e2e8f0}.ux-retained>section:first-child{padding-top:20px}.ux-retained section>h2{font-size:24px;font-weight:500;line-height:1.7}.ux-retained .chapter{padding:30px 0;margin:0}.ux-retained .chapter h2{font-size:24px}.ux-retained .chapter-intro>p{max-width:74ch}.ux-retained .scope{gap:40px}.ux-retained .artifact{padding:30px}.ux-retained .flow{gap:16px;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.ux-retained .flow strong{font-size:16px}.ux-retained .decision-grid{gap:25px;grid-template-columns:repeat(3,minmax(0,1fr))}.ux-retained .decision{display:block;padding:23px 0}.ux-retained .decision h3{font-size:19px}.ux-retained .decision .decision-action{font-size:14px}.ux-retained .outcomes{gap:18px}.ux-hero-split{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px}.ux-hero-split .ux-meta{grid-column:1/-1;margin-top:0}.ux-hero-split h1{font-size:39px}.ux-hero-media{min-width:0}.ux-hero-media .emocare-hero-scene{min-height:350px;margin:0}.ux-hero-media .scene{height:360px;min-height:0;margin:0;border-radius:25px 25px 9px 9px}.ux-hero-media .scene img{height:360px;min-height:0}.ux-retained .prototype-preview-pair{grid-template-columns:1fr 1fr}.ux-retained .prototype-preview-pair iframe{height:550px}html[data-view="emocare"] .ux-retained #scope{padding:28px 0;gap:40px}html[data-view="emocare"] .ux-retained #artifact{display:block;padding:30px 0}html[data-view="emocare"] .ux-retained #artifact>.artifact{margin-top:25px}html[data-view="emocare"] .ux-retained .evidence-section:nth-child(2){padding:35px 25px;margin:30px -10px}html[data-view="emocare"] .ux-retained .evidence-section:nth-child(3){display:block;padding-top:45px}html[data-view="emocare"] .ux-retained .evidence-section:nth-child(3)>.evidence-table{margin-top:25px}html[data-view="emocare"] .ux-retained .space-pair figure,html[data-view="emocare"] .ux-retained .space-pair figure+figure{gap:28px}html[data-view="emocare"] .ux-retained .space-pair img,html[data-view="emocare"] .ux-retained .space-pair figure:nth-child(2) img{height:270px}html[data-view="emocare"] .ux-retained .space-pair strong{font-size:21px}html[data-view="emocare"] .ux-retained .decision:nth-child(2),html[data-view="emocare"] .ux-retained .decision:nth-child(3){margin-top:0}html[data-view="emocare"] .ux-retained #outcome{display:block;padding:30px 0}html[data-view="emocare"] .ux-retained #outcome>.outcomes{display:grid;grid-template-columns:1fr 1fr;margin-top:25px}.ux-retained .evidence-section>.eyebrow{letter-spacing:.9px}.ux-case>.next{margin-top:25px}.ux-prose a{color:#3f6595;text-decoration:underline;text-underline-offset:3px}.ux-retained a{text-decoration:none}.ux-hero .scene a{font-size:11px}.ux-prose strong{font-weight:550}
@media(max-width:1050px){.ux-layout{grid-template-columns:140px minmax(0,1fr);gap:35px}.ux-hero-split h1{font-size:34px}.ux-retained .decision-grid{grid-template-columns:1fr}.ux-retained .prototype-preview-pair{grid-template-columns:1fr}.ux-retained .scope{grid-template-columns:1fr}.ux-retained .evidence-cards{grid-template-columns:1fr 1fr}}@media(max-width:760px){.ux-hero{padding:35px 0 28px}.ux-hero h1{font-size:32px;line-height:1.6;letter-spacing:-.5px}.ux-lead{font-size:15px}.ux-meta{grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.ux-meta dd{font-size:12px}.ux-layout{display:block;padding-top:0}.ux-directory{position:static;display:flex;flex-direction:row;overflow:auto;gap:24px;padding:18px 0 21px;border-bottom:1px solid #e2e8f0;margin-bottom:35px;max-height:none}.ux-directory>span{display:none}.ux-directory a{white-space:nowrap;font-size:12px;gap:7px}.ux-chapter{padding-bottom:42px;margin-bottom:40px}.ux-chapter-heading{gap:12px;margin-bottom:25px}.ux-chapter-heading h2{font-size:25px;line-height:1.7}.ux-prose>p,.ux-prose>ul,.ux-prose>ol{font-size:15px;line-height:2}.ux-prose>h3{font-size:21px;margin-top:30px}.ux-prose blockquote{padding:18px 20px}.ux-table th,.ux-table td{padding:16px}.ux-table table{font-size:13px}.ux-prose>p>img{max-height:none}.ux-hero-split{display:block}.ux-hero-media{margin:25px 0}.ux-hero-media .scene,.ux-hero-media .scene img{height:280px}.ux-hero-media .emocare-hero-scene{min-height:0}.ux-retained{margin-top:30px}.ux-retained .scope{display:block}.ux-retained .scope>div+div{margin-top:30px}.ux-retained .artifact{padding:22px}.ux-retained .flow{grid-template-columns:1fr 1fr}.ux-retained .decision-grid{grid-template-columns:1fr}.ux-retained .outcomes{grid-template-columns:1fr}.ux-retained .evidence-cards{grid-template-columns:1fr}.ux-retained section>h2,.ux-retained .chapter h2{font-size:23px}html[data-view="emocare"] .ux-retained .space-pair figure,html[data-view="emocare"] .ux-retained .space-pair figure+figure{gap:0}html[data-view="emocare"] .ux-retained #outcome>.outcomes{grid-template-columns:1fr}.ux-retained .prototype-preview-pair iframe{height:520px}}

.ux-chapter-heading{justify-content:flex-start;position:static;width:100%}

.ux-role-summary{padding:20px 25px;background:#f1f5fa;border-radius:9px}.ux-role-summary h2{font-size:20px;font-weight:500}.ux-role-summary .eyebrow{font-size:10px}.ux-role-summary .ownership-list{max-width:700px}.ux-more-design{border-top:1px solid #d9e3f0;border-bottom:1px solid #d9e3f0;margin-top:35px}.ux-more-design>summary{padding:20px 0;cursor:pointer;font-size:14px;color:#4d6d98;line-height:1.9}.ux-prose>.ux-retained>div>h2{font-size:22px;font-weight:500}