.case-nav { display:flex; flex-wrap:wrap; align-items:center; gap:1.25rem; padding-bottom:1.2rem; border-bottom:1px solid var(--hairline); font-size:.9rem; }
.case-nav a:first-child { font-weight:600; text-decoration:none; }
.case-nav a[aria-current="page"] { text-decoration-thickness:2px; }
.case-intro { max-width:44rem; }
.case-intro .deck { color:var(--ink-muted); }
.case-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:1rem; margin:1.7rem 0; }
.case-card { display:block; padding:1.35rem; border:1px solid var(--hairline); border-radius:12px; background:var(--surface-raised); text-decoration:none; }
.case-card:hover { border-color:var(--ink-muted); }
.case-card strong { display:block; font-size:1.06rem; line-height:1.35; }
.case-card span { display:block; margin-top:.55rem; color:var(--ink-muted); font-size:.94rem; line-height:1.5; }
.case-example { margin:1.6rem 0; padding:1.35rem; background:#fff; border:1px solid var(--hairline); border-radius:12px; }
.case-example h3 { margin-top:0; }
.case-example dl { display:grid; grid-template-columns:8rem 1fr; gap:.55rem 1rem; margin:0; }
.case-example dt { font-weight:600; }
.case-example dd { margin:0; }
.case-example p:last-child { margin-bottom:0; }
.case-label { font-size:.88rem; color:var(--ink-muted); }
.case-related { border-top:1px solid var(--hairline); margin-top:3rem; padding-top:1rem; }
.case-related ul { margin-top:1rem; }
@media(max-width:38rem){.case-example dl{grid-template-columns:1fr;gap:.2rem}.case-example dd{margin-bottom:.8rem}}
.case-proof { margin:1.6rem 0; }
.case-proof img { display:block; width:100%; height:auto; border:1px solid var(--hairline); border-radius:12px; }
.case-proof figcaption { margin-top:.6rem; color:var(--ink-muted); font-size:.9rem; }