.case-nav{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.case-heading{max-width:820px;margin:48px auto 52px}.case-meta{color:var(--link);font-size:.875rem;font-weight:500;line-height:1.5;margin:0 0 24px}.case-heading h1{font-size:clamp(2.5rem,5.4vw,4.75rem);line-height:1.05;letter-spacing:-.06em;margin:0 0 28px;font-weight:600;text-wrap:balance}.case-deck{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.6;letter-spacing:-.02em;color:var(--body-copy);margin:0}.case-section{max-width:820px;margin:48px auto;background:var(--tile);border:1px solid var(--border);border-radius:28px;padding:36px 40px;box-shadow:var(--shadow);font-size:1.0625rem;line-height:1.8;color:var(--body-copy)}.case-section h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.035em;margin:0 0 24px;color:var(--ink);font-weight:600}.case-section h3{font-size:1.125rem;line-height:1.5;margin:32px 0 12px;color:var(--ink);letter-spacing:-.02em}.case-section p{margin:0 0 20px}.case-section p:last-child,.case-section ul:last-child{margin-bottom:0}.case-section ul,.case-section ol{padding-left:24px}.case-section li{padding-left:5px;margin:12px 0}.case-section li::marker{color:var(--accent-text)}.case-section strong{color:var(--ink);font-weight:600}.case-section a{color:var(--accent-text);text-decoration:underline;text-underline-offset:4px}.case-image{margin:30px auto;max-width:1040px;overflow:hidden;border-radius:24px;background:var(--image-bg);border:1px solid var(--border)}.case-image img{display:block;width:100%;height:auto}.case-video{max-width:1040px;aspect-ratio:16/9;margin:40px auto;border-radius:24px;overflow:hidden;background:var(--tile)}.case-video iframe{width:100%;height:100%;border:0}.case-related{max-width:820px;margin:64px auto 28px;border-top:1px solid var(--border);padding-top:28px;display:flex;flex-wrap:wrap;gap:12px}.case-related p{flex-basis:100%;font-size:.875rem;color:var(--muted);margin:0 0 8px}.case-related a{padding:12px 18px;border-radius:18px;border:1px solid var(--border);background:var(--tile);font-size:.9375rem;line-height:1.5}.case-related a:hover{background:var(--soft-accent);color:var(--link)}
@media(max-width:620px){.case-nav{min-height:90px}.case-heading{margin:28px 8px 36px}.case-heading h1{font-size:2.6rem}.case-section{padding:26px 24px;margin:28px 0;font-size:1rem;border-radius:24px}.case-section h2{font-size:1.4rem}.case-image,.case-video{border-radius:18px;margin:24px 0}.case-meta{margin-bottom:18px}.case-related{margin-top:42px}.case-related a{width:100%}}
.case-heading>.content-tags{margin-top:24px}
/* Accessible, monochrome concept diagrams inherit the light/dark accent. */
.case-diagram{margin:0 0 28px;padding:20px 20px 22px;border:0;border-radius:20px;background:var(--soft-accent);color:var(--accent-text)}.case-diagram svg{display:block;width:100%;max-width:560px;height:auto;margin:0 auto;overflow:visible}.case-diagram figcaption{text-align:center;color:var(--link);font-size:1rem;line-height:1.5;max-width:36ch;margin:4px auto 0}.case-diagram text{font-family:inherit}
@media(max-width:620px){.case-diagram{margin-left:-8px;margin-right:-8px;padding:14px 8px 18px;border-radius:16px}.case-diagram figcaption{font-size:.9375rem;padding:0 8px}}
@media screen and (max-width:620px){
  .case-nav{min-height:76px;gap:12px}
  .case-heading{margin:16px 4px 24px}
  .case-meta{margin-bottom:12px}
  .case-heading h1{font-size:2.1rem;margin-bottom:16px}
  .case-deck{font-size:1rem;line-height:1.55}
  .case-heading>.content-tags{margin-top:16px}
  .case-section{padding:22px 20px;margin:20px 0;line-height:1.65}
  .case-section h2{margin-bottom:16px;font-size:1.3rem}
  .case-section p{margin-bottom:16px}
  .case-section h3{margin-top:24px}
  .case-image,.case-video{margin:18px 0}
  .case-diagram{margin-bottom:20px}
  .case-related{margin-top:28px;padding-top:20px}
}