/* Blog: list, cards, post extras. Builds on cert-page.css (.pro.cp). */
.pro.cp.bl .bl-cats{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 28px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.pro.cp.bl .bl-cats a{display:inline-block;padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;font:500 14px var(--sans);color:var(--char);text-decoration:none;background:#fff}
.pro.cp.bl .bl-cats a small{color:var(--grey-2);margin-left:4px}
.pro.cp.bl .bl-cats a[aria-current],.pro.cp.bl .bl-cats a:hover{background:var(--char);border-color:var(--char);color:#fff}
.pro.cp.bl .bl-cats a[aria-current] small,.pro.cp.bl .bl-cats a:hover small{color:#ddd}
.pro.cp.bl .bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin:0 0 36px}
.pro.cp.bl .bl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.pro.cp.bl .bl-card .bl-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--cream-2)}
.pro.cp.bl .bl-txt{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.pro.cp.bl .bl-card h2{font:600 20px/1.3 var(--serif);margin:0}
.pro.cp.bl .bl-card h2 a{color:var(--char);text-decoration:none}
.pro.cp.bl .bl-card h2 a:hover{color:var(--orange)}
.pro.cp.bl .bl-card p{margin:0;color:var(--grey);font-size:15.5px;line-height:1.55}
.pro.cp.bl .bl-meta{margin-top:auto;font-size:13px;color:var(--grey-2)}
.pro.cp.bl .bl-lead{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.pro.cp.bl .bl-lead .bl-img img{height:100%;aspect-ratio:auto;min-height:280px}
.pro.cp.bl .bl-lead h2{font-size:28px}
.pro.cp.bl .bl-lead .bl-txt{padding:28px 30px;justify-content:center}
.pro.cp.bl .bl-tag{display:inline-block;align-self:flex-start;font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--orange-dk);text-decoration:none}
.pro.cp.bl .bl-tag:hover{text-decoration:underline}
.pro.cp.bl .bl-pager{display:flex;justify-content:center;align-items:center;gap:20px;margin:0 0 48px;font:500 15px var(--sans)}
.pro.cp.bl .bl-pager a{color:var(--char);border:1px solid var(--line-2);padding:8px 16px;border-radius:3px;text-decoration:none;background:#fff}
.pro.cp.bl .bl-pager a:hover{border-color:var(--char)}
.pro.cp.bl .bl-empty{background:var(--cream);border:1px solid var(--line);padding:32px;margin:0 0 48px;max-width:720px}
.pro.cp.bl .bl-empty h2{margin-top:0}
.pro.cp.bl .bl-cta p{font-size:14.5px;color:var(--grey);margin:0 0 12px}
.pro.cp.bl .bl-btn{display:inline-block;background:var(--char);color:#fff!important;padding:10px 16px;border-radius:3px;font:600 14px var(--sans);text-decoration:none}
.pro.cp.bl .bl-btn:hover{background:#000}
.pro.cp.bl .bl-related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.pro.cp.bl .bl-related li a{font:600 17px/1.35 var(--serif);color:var(--char)}
.pro.cp.bl .hero-img img{display:block;width:100%;height:auto;border-radius:4px}
@media (max-width:960px){.pro.cp.bl .bl-grid{grid-template-columns:repeat(2,1fr)}.pro.cp.bl .bl-lead{grid-template-columns:1fr}}
@media (max-width:620px){.pro.cp.bl .bl-grid{grid-template-columns:1fr}.pro.cp.bl .bl-lead h2{font-size:23px}.pro.cp.bl .bl-lead .bl-txt{padding:20px}}