/* Blog layer on top of /case-study.css */
.post{padding:60px 0 40px;}
.post-wrap{max-width:760px;}
.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink-dim);margin-bottom:26px;}
.crumbs a{color:var(--ink-dim);}
.post-tag{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--volt);}
.post h1,.blog-h1{font-family:var(--display);font-weight:600;font-size:clamp(32px,5vw,54px);line-height:1.08;margin:12px 0 16px;}
.post-meta{font-family:var(--mono);font-size:12.5px;color:var(--ink-dim);margin-bottom:40px;}
.post-body{font-size:17.5px;line-height:1.75;}
.post-body p{margin:0 0 1.1em;}
.post-body h2{font-family:var(--display);font-weight:600;font-size:28px;line-height:1.2;margin:1.8em 0 .6em;}
.post-body h3{font-size:18px;font-weight:600;margin:1.4em 0 .4em;}
.post-body ul,.post-body ol{margin:0 0 1.2em 1.2em;padding:0;}
.post-body li{margin-bottom:.45em;}
.post-body a{color:var(--volt);text-underline-offset:3px;}
.post-faq .faq-item{border-top:1px solid var(--line);padding:14px 0;}
.post-faq summary{cursor:pointer;font-weight:600;}
.post-faq p{margin:.6em 0 0;color:var(--ink-dim);font-size:16px;}
.post-related{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);}
.post-related h3{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:12px;}
.post-related ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.post-related a{color:var(--ink);font-family:var(--display);font-size:19px;}
.post-cta{text-align:center;padding:70px 0 90px;border-top:1px solid var(--line);}
.post-cta h2{font-family:var(--display);font-weight:600;font-size:clamp(26px,4vw,40px);margin-bottom:10px;}
.post-cta p{color:var(--ink-dim);margin-bottom:24px;}
.post-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.blog-list{display:grid;gap:20px;margin-top:30px;}
.blog-card{display:block;padding:28px;border-radius:18px;background:var(--paper-2);border:1px solid var(--line-strong);color:var(--ink);text-decoration:none;transition:border-color .3s ease,transform .3s ease;}
.blog-card:hover{border-color:var(--volt);transform:translateY(-3px);}
.blog-card h2{font-family:var(--display);font-weight:600;font-size:24px;margin:8px 0;}
.blog-card p{color:var(--ink-dim);font-size:15px;line-height:1.6;}
.blog-card .go{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:12.5px;color:var(--volt);}
