/* Blog article pages — builds on service.css */
.post-banner{padding:180px 0 90px}
.post-banner h1{font-size:clamp(30px,4vw,50px);max-width:900px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:14px;color:#C9D1DC}
.post-meta span+span::before{content:"·";margin-right:18px;color:var(--brand)}
.post-page{padding:90px 0}
.post-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}
.post-body{font-size:17px;line-height:1.8;color:#344054;min-width:0}
.post-body>*+*{margin-top:18px}
.post-body .lead{font-size:19px;color:var(--heading)}
.post-body h2{font-size:clamp(24px,2.6vw,32px);margin-top:46px}
.post-body h3{font-size:21px;margin-top:30px}
.post-body ul,.post-body ol{padding-left:22px;display:grid;gap:8px}
.post-body li::marker{color:var(--brand);font-weight:700}
.post-body a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.post-body strong{color:var(--heading)}
.post-body .note{background:var(--cream);border-left:4px solid var(--brand);border-radius:0 14px 14px 0;padding:18px 22px;font-size:16px}
.post-body .checklist{list-style:none;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:18px}
.post-body .checklist li{display:flex;gap:12px}
.post-body .checklist li::before{content:"✓";flex:none;width:22px;height:22px;margin-top:4px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;display:grid;place-items:center}
.post-body .table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
.post-body table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:520px}
.post-body th,.post-body td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.post-body th{background:var(--dark);color:#fff;font-family:Manrope;font-weight:600}
.post-body tr:last-child td{border-bottom:0}
.post-body .faq{margin-top:20px}
.post-body .sources{font-size:14.5px;color:var(--text)}
.post-cta{margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--dark);color:#B9C1CF;border-radius:22px;padding:32px}
.post-cta h3{color:#fff;margin:0 0 6px}
.post-cta p{margin:0;max-width:52ch}
.post-cta .btn{text-decoration:none;color:#fff}
.post-side{display:grid;gap:26px;position:sticky;top:120px}
.related{list-style:none;display:grid;gap:12px}
.related a{display:block;padding:14px 16px;border-radius:12px;background:var(--cream);color:var(--heading);font-weight:600;font-size:15px;line-height:1.4;transition:.2s}
.related a:hover{background:var(--brand);color:#fff}
@media (max-width:980px){
  .post-grid{grid-template-columns:minmax(0,1fr)}
  .post-side{position:static}
  .post-page{padding:60px 0}
}
@media (max-width:640px){
  .post-banner{padding:150px 0 70px}
  .post-body{font-size:16px}
  .post-cta{padding:24px}
}
