/* FoxyCert blog: article and listing styles on top of site.css */
.site-head .lang-switch{margin-left:auto}
.site-head .site-nav + .lang-switch{margin-left:0}

.blog-hero{background:var(--mint-2);padding-block:56px 44px;border-bottom:1px solid var(--line)}
.blog-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.06em;margin-top:10px;max-width:20ch}
.blog-hero .lede{color:var(--body);font-size:18px;max-width:60ch;margin-top:14px}
.blog-body{padding-block:32px 72px}
.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px}
.tag-cloud a{text-decoration:none;font-size:13px;font-weight:700;color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:99px;padding:5px 12px}
.tag-cloud a[aria-current="page"]{background:var(--navy);color:var(--white);border-color:var(--navy)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.post-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:grid;gap:10px;align-content:start}
.post-card h2{font-size:21px;letter-spacing:-.04em;line-height:1.2}
.post-card h2 a{text-decoration:none}
.post-card h2 a:hover{color:var(--orange-ink)}
.post-card p{color:var(--body);font-size:14px}
.post-meta{font-size:12px;font-weight:700;color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span,.tags a{font-size:11px;font-weight:700;color:var(--body);background:var(--mint-2);border-radius:6px;padding:3px 8px;text-decoration:none}

.article{padding-block:28px 80px;max-width:820px}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:22px;overflow-wrap:anywhere}
.crumbs a{color:var(--muted)}
.article-head{display:grid;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}
.article-head h1{font-size:clamp(32px,4.6vw,48px);letter-spacing:-.055em;line-height:1.08}
.article-head .lede{font-size:18px;color:var(--body)}
.prose{font-size:17px;line-height:1.75;color:var(--navy)}
.prose > * + *{margin-top:1em}
.prose h2{font-size:27px;letter-spacing:-.04em;margin-top:1.8em}
.prose h3{font-size:20px;letter-spacing:-.03em;margin-top:1.4em}
.prose p,.prose li{color:#2D4558}
.prose ul,.prose ol{padding-left:1.3em}
.prose li + li{margin-top:.4em}
.prose a{color:var(--orange-ink);text-underline-offset:3px}
.prose strong{color:var(--navy)}
.article-faq{margin-top:44px;display:grid;gap:10px}
.article-faq h2{font-size:26px;letter-spacing:-.04em;margin-bottom:6px}
.article-faq details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.article-faq summary{font-weight:800;cursor:pointer}
.article-faq details p{margin-top:8px;color:var(--body)}
.article-cta{margin-top:44px;background:var(--navy);color:var(--white);border-radius:var(--r-lg);padding:30px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.article-cta h2{font-size:26px;letter-spacing:-.05em;margin-top:6px}
.article-cta .kicker{color:var(--amber)}
.article-cta p{color:#C9D5E2}
.related{margin-top:52px}
.related h2{font-size:24px;letter-spacing:-.04em;margin-bottom:16px}
@media (max-width:600px){.prose{font-size:16px}.article-cta{padding:24px}}