.youcontrol-case-page{--yc-green:#49a85d}
.youcontrol-case-page .workflow-hero h1,
.youcontrol-case-page h2{letter-spacing:1px!important;word-spacing:10px}
.case-intro{max-width:610px;margin:28px 0 0 auto;font-size:17px;line-height:1.6}
.youcontrol-star article>p{max-width:560px;font-size:17px;line-height:1.6}.youcontrol-star article>p+p{margin-top:18px}
.case-challenge{max-width:560px;margin:28px 0 0;padding-top:16px;border-top:1px solid var(--case-line)}.case-challenge h3{margin:0 0 9px;font-size:18px;line-height:1.25}.case-challenge p{margin:0;font-size:16px;line-height:1.55}.youcontrol-star .how-might-we{margin-top:38px;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:500;line-height:1.3}
.case-chapters{padding:clamp(90px,12vw,170px) var(--case-gutter)}.case-chapter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(42px,7vw,110px);align-items:center;padding:clamp(70px,9vw,130px) 0;border-top:1px solid var(--case-line)}.case-chapter.reverse .chapter-copy{order:2}.case-chapter.reverse .screen-slot{order:1}
.chapter-copy h2,.case-outcomes h2{margin:28px 0;font-size:clamp(2rem,3.7vw,4.15rem);line-height:.95;letter-spacing:-.045em}.chapter-copy>p,.case-outcomes article>p{max-width:590px;font-size:17px;line-height:1.6}.chapter-copy ul{padding:0;list-style:none;margin:24px 0;font-size:17px;line-height:1.65}.chapter-copy li::before{content:'→';margin-right:10px;color:var(--yc-green)}
.chapter-flow{margin-top:35px!important;padding-top:14px;border-top:1px solid var(--case-line);font:500 12px/1.5 "DM Mono",monospace!important;letter-spacing:.04em;text-transform:uppercase}.chapter-emphasis{font-size:clamp(1.4rem,2.4vw,2.4rem)!important;font-weight:700;line-height:1.15!important}
.paired-needs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.paired-needs div{padding:18px;border:1px solid var(--case-line)}.paired-needs b,.paired-needs span{display:block}.paired-needs b{font-size:16px}.paired-needs span{margin-top:8px;font-size:14px}
.screen-slot{margin:0;aspect-ratio:4/3;display:flex;flex-direction:column;background:#111;color:#fff;overflow:hidden}.screen-slot>.slot-ui{flex:1;margin:clamp(12px,2vw,26px);border:1px solid #383838;padding:clamp(12px,2vw,24px);display:grid;gap:14px;background:#171717}.screen-slot figcaption{padding:12px 15px;font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.05em;border-top:1px solid #383838;color:#aaa}.slot-ui i,.slot-search,.slot-rail{display:block;background:#353535;border:1px solid #474747}
.filter-slot .slot-ui{grid-template-columns:28% 1fr}.slot-rail{height:100%;border-left:3px solid var(--yc-green)}.slot-panel{display:grid;grid-template-columns:1fr 1fr;gap:9px}.slot-panel i:nth-child(1){grid-column:1/-1;height:15%}.slot-panel i:nth-child(n+2){min-height:45px}.slot-panel i:nth-child(4){border-color:var(--yc-green)}
.insights-slot .slot-ui{grid-template-rows:auto 1fr}.slot-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot-metrics i{height:60px;border-top:2px solid var(--yc-green)}.slot-bars{display:flex;align-items:flex-end;gap:7%;border-bottom:1px solid #555;padding:15px}.slot-bars i{flex:1;background:var(--yc-green);border:0}.slot-bars i:nth-child(1){height:30%}.slot-bars i:nth-child(2){height:68%}.slot-bars i:nth-child(3){height:47%}.slot-bars i:nth-child(4){height:88%}.slot-bars i:nth-child(5){height:60%}.slot-bars i:nth-child(6){height:76%}
.records-slot .slot-ui,.list-slot .slot-ui{grid-template-rows:auto 1fr}.slot-table{display:grid;gap:9px}.slot-table i{min-height:34px;border-left:3px solid #555}.slot-table i:nth-child(2){border-left-color:var(--yc-green)}.slot-search{height:40px;border-color:var(--yc-green)}
.youcontrol-gallery{padding-top:0}.youcontrol-gallery .screen-card{grid-column:1/-1;width:min(760px,100%);margin-left:auto}.youcontrol-gallery .screen-slot{width:100%}.youcontrol-gallery .screen-slot figcaption{display:none}
.case-outcomes{background:var(--case-paper)}.case-outcomes article{padding:clamp(85px,11vw,160px) var(--case-gutter);border-top:1px solid var(--case-line)}.case-outcomes article>p{margin-left:auto;margin-right:auto}.case-outcomes article>h2{max-width:900px;margin-left:auto;margin-right:auto}.case-outcomes article>.case-label{max-width:900px}.case-outcomes article.dark{background:#000;color:#fff}
@media(max-width:900px){.case-chapter{grid-template-columns:1fr}.case-chapter.reverse .chapter-copy,.case-chapter.reverse .screen-slot{order:initial}.screen-slot{width:min(720px,100%)}}
@media(max-width:700px){.case-intro{margin-left:0}.case-chapters{padding-left:22px;padding-right:22px}.case-chapter{gap:34px;padding:62px 0}.paired-needs{grid-template-columns:1fr}.youcontrol-gallery .screen-card{grid-column:1}.case-outcomes article{padding-left:22px;padding-right:22px}}

/* Shared case-study alignment: all narrative blocks start on the gutter line. */
.youcontrol-case-page .case-intro{margin-left:0;margin-right:0}
.youcontrol-case-page .case-outcomes article>p,
.youcontrol-case-page .case-outcomes article>h2,
.youcontrol-case-page .case-outcomes article>.case-label{margin-left:0;margin-right:0}