/* Кейсы — /cases и /cases/<slug>. Переиспользует переменные и типографику
   из site.css и .post/.body из blog.css, добавляет только то, чего там нет. */

.cases-wrap{max-width:720px;padding-top:48px;padding-bottom:24px}
.cases-wrap h1{font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.4px;margin:22px 0 28px}

.case-list{display:flex;flex-direction:column;gap:16px}
.case-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px;color:inherit}
.case-card:hover{border-color:var(--blue);text-decoration:none}
.case-card h3{font-size:19px;margin-bottom:8px;font-family:'Unbounded',sans-serif}
.case-card p{color:var(--muted);font-size:15px;margin:0}

.post .lead{font-size:19px;color:var(--muted);line-height:1.6;margin:0 0 32px}

.post-cta.single{grid-template-columns:1fr}

@media(max-width:760px){.case-card{padding:20px}}

.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 8px}
.case-gallery img{width:100%;border-radius:12px;border:1px solid var(--line);margin:0}
.gallery-note{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted);margin:0 0 32px}
@media(max-width:560px){.case-gallery{grid-template-columns:1fr}}