/* Proof first; fictional examples are clearly identified and have one action. */
.case-malakoff,.case-finance{align-items:stretch}
.case-visual{margin:0;background:#f5f6f9;border-left:1px solid var(--line);min-width:0;display:flex}
.case-visual a{display:flex;flex-direction:column;width:100%;color:var(--ink);text-decoration:none}
.case-visual img{width:100%;height:360px;object-fit:cover;object-position:50% 24%;transition:filter .2s}
.case-visual a:hover img{filter:brightness(1.03)}
.case-visual figcaption{display:flex;justify-content:space-between;gap:16px;padding:18px 24px;font-size:12px;line-height:1.6;border-top:1px solid var(--line)}
.case-visual figcaption span:last-child{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.case-visual .icon{width:12px;height:12px;vertical-align:middle}
.dialog-body .reading-intro{padding-bottom:22px;margin-bottom:0}
.dialog-body .reading h2.reading-title{font-size:clamp(34px,4vw,52px)}
.reading .lead{max-width:710px;line-height:1.6;margin-top:16px}
.work-proof{margin:0 0 34px;background:#f5f6f9;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.work-proof>img{display:block;width:100%;height:auto;max-height:510px;object-fit:contain;background:#eee}
.work-proof figcaption{padding:16px 20px;font-size:12px;line-height:1.7;color:var(--muted);background:#fff}
.work-proof figcaption a{display:block;color:var(--blue);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding-top:10px}
.work-proof figcaption a span{font-size:11px}
.work-proof-detail{margin-top:24px}
.reading>.case-summary{margin-top:0;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.design-demo{margin:26px 0 0;padding:26px;border:1px solid #d9e0f4;border-radius:12px;background:#f8faff}
.design-demo .demo-label{font-size:11px;line-height:1.6;color:var(--blue);margin:0 0 12px;letter-spacing:.02em}
.design-demo h3{font:400 27px/1.2 var(--serif);letter-spacing:-.5px;margin:0 0 12px}
.design-demo .demo-intro{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 20px}
.demo-surface{border:1px solid #dce2ec;background:white;border-radius:8px;padding:22px;min-height:180px;display:flex;flex-direction:column;justify-content:center}
.demo-context{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:12px}
.demo-surface strong{font-size:21px;line-height:1.3}
.demo-surface [data-demo-copy]{font-size:14px;line-height:1.75;margin:12px 0 0}
.design-demo[data-state="1"] .demo-surface{border-color:#bac6f0}
.demo-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;margin-top:18px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:white;font-size:14px;line-height:1.5;text-align:left}
.demo-action:hover{background:#173cc8}.demo-action .icon{width:14px;height:14px;flex:none}
.design-demo .demo-reason{font-size:13px;line-height:1.75;margin:20px 0 0;color:var(--muted)}
.demo-action[hidden]{display:none}
.book-page>p{max-width:310px}
@media(max-width:760px){
 .case-visual{border-left:0;border-top:1px solid var(--line)}.case-visual img{height:270px}.case-visual figcaption{padding:14px 20px;gap:10px;font-size:11px}
 .dialog-body .reading h2.reading-title{font-size:34px;letter-spacing:-.8px}.reading .lead{font-size:15px;line-height:1.7}
 .reading-brand{margin-bottom:12px}.dialog-body .reading-intro{padding-bottom:20px}
 .work-proof>img{max-height:none}.work-proof figcaption{padding:12px 16px;font-size:11px}.work-proof{margin-bottom:24px}
 .reading>.case-summary{margin-bottom:28px;padding-bottom:20px}.design-demo{padding:20px 16px}.design-demo h3{font-size:25px}.demo-surface{padding:18px;min-height:185px}.demo-action{width:100%;font-size:13px}.demo-surface strong{font-size:20px}
 .book-page>p{max-width:260px}
}
@media(prefers-reduced-motion:reduce){.case-visual img{transition:none}}
.motion-reduced .case-visual img{transition:none}