/* Blog on the Cloudflare site (2026-10-01): adds topic tags, the featured card (layout B) and the open article layout (layout B). */
.blog-site .about-main section.posts{max-width:1080px}
.blog-site .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:#9fb3c4;font-size:13.5px}
.tag{display:inline-block;padding:3px 10px;border-radius:20px;background:rgba(20,184,166,.15);border:1px solid rgba(85,222,212,.35);color:#8ef2e8;font-weight:600;font-size:12px;letter-spacing:.04em}
.blog-site .post-card p{color:#cbd7e2}
.post-card.feature{display:grid;grid-template-columns:1fr;padding:34px 36px;margin-bottom:20px;background:linear-gradient(120deg,rgba(20,184,166,.18),rgba(11,37,69,.85) 60%);border-color:rgba(85,222,212,.45)}
.post-card.feature h2{font-size:clamp(24px,2.6vw,32px)}
.post-card.feature .post-summary{font-size:17px;max-width:760px}
.sample-card{opacity:.55;border-style:dashed!important}
.post-wrap{max-width:780px;margin:0 auto}
.blog-a .post-wrap .post{margin-bottom:10px}
.blog-b .post{background:none;border:0;padding:0}
.blog-b .post h1{font-size:clamp(32px,4.4vw,50px);line-height:1.12;letter-spacing:-1px}
.blog-b .post-body{font-size:18px}
.blog-b .post-body ul{padding-left:22px}
.author{display:flex;align-items:center;gap:14px;margin-top:34px;padding:18px 20px;border-radius:12px;background:rgba(11,37,69,.6);border:1px solid rgba(85,222,212,.22)}
.author .story-mark{width:46px;height:46px;flex:none}.author .story-mark svg{width:100%;height:100%;display:block}
.author p{margin:0}.author .story-name{font:600 16px Poppins,Inter,sans-serif;color:#fff}.author .story-role{font-size:13.5px;color:#55ded4!important}
.blog-site .band{margin-top:50px}
@media(max-width:600px){.post-card.feature{padding:24px 22px}.blog-b .post-body{font-size:16.5px}}
.blog-site .blog-empty{max-width:none;margin:0;background:rgba(11,37,69,.5)}