.ahero{background:linear-gradient(135deg,var(--navy-2),var(--navy-3));color:#fff;padding:46px 0 54px}
.ahero h1{font-size:clamp(30px,4.6vw,48px);max-width:820px;margin:14px 0 12px}
.ahero .meta{color:#b9c8e6;font-size:14.5px;margin:0}
.crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:#9fb2d9}
.crumb a:hover{color:#fff}
.article{max-width:820px;padding-top:0;padding-bottom:70px}
.article--wide{max-width:1180px;padding-top:50px}
.article__img{width:100%;border-radius:22px;margin:-26px 0 30px;box-shadow:var(--shadow);aspect-ratio:3/2;object-fit:cover;position:relative}
.tldr{background:var(--teal-l);border-left:5px solid var(--teal);border-radius:14px;padding:18px 22px;margin-bottom:30px}
.tldr b{display:block;color:var(--teal-d);font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.tldr p{margin:0;font-weight:600;color:var(--navy)}
.prose{font-size:17.5px;line-height:1.8}
.prose h2{font-size:clamp(23px,3vw,30px);margin:1.6em 0 .5em}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:.6em}
.prose .callout{background:var(--tint);border:1px dashed #b9c8e0;border-radius:12px;padding:14px 18px;font-size:15px;color:var(--muted)}
.prose .acc{margin-top:14px}
.cta{margin-top:46px;background:linear-gradient(135deg,var(--navy-2),var(--navy-3));color:#fff;border-radius:22px;padding:30px 32px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta h3{font:600 24px var(--f-head);margin:0 0 4px}
.cta p{margin:0;color:#c4d1ee}
.cta__btns{display:flex;gap:10px;flex-wrap:wrap}
.more-h{margin:56px 0 20px;font-size:26px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bgrid--big{grid-template-columns:repeat(3,1fr);gap:26px}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}
.bcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.bcard img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bcard div{padding:18px 20px 22px;display:flex;flex-direction:column;gap:6px;flex:1}
.bcard h3{font:600 19px/1.25 var(--f-head);margin:0}
.bcard p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.bcard span{color:var(--teal-d);font-weight:700;font-size:13.5px;margin-top:auto}
@media (max-width:900px){.bgrid,.bgrid--big{grid-template-columns:1fr 1fr}}
@media (max-width:620px){
  .bgrid,.bgrid--big{grid-template-columns:1fr}
  .prose{font-size:16.5px}
  .cta{padding:24px 20px}
  .cta__btns{width:100%}.cta__btns .btn{flex:1}
  .article__img{margin-top:-20px;border-radius:16px}
}