.blog-hero{padding:180px 0 90px}.admin-btn{border:0;border-radius:999px;padding:12px 20px;font-weight:700;background:var(--blue-dark);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.blog-shell{padding:0 0 110px;background:var(--ghost-white)}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{background:#fff;border-radius:24px;overflow:hidden;border:1px solid rgba(20,110,245,.08);box-shadow:0 18px 46px #14182114;display:flex;flex-direction:column}.blog-card__image{aspect-ratio:16 / 10;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover}.blog-card__body{padding:22px;display:grid;gap:14px;flex:1}.blog-card__meta,.blog-post__meta,.blog-post__share{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.blog-badge{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#146ef51a;color:var(--blue-dark);font-weight:700;font-size:.85rem}.blog-sidebar{display:grid;gap:20px}.blog-widget{background:#fff;border-radius:24px;padding:24px;border:1px solid rgba(20,110,245,.08);box-shadow:0 18px 44px #1418210f}.blog-filter-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.blog-filter-list a{display:flex;justify-content:space-between;color:var(--heading)}.blog-post{padding:170px 0 110px;background:linear-gradient(180deg,#141415,#1b1e28 20%,#fafafc 20%,#fafafc)}.blog-post__hero,.blog-post__content-shell,.blog-related{max-width:1240px;margin:0 auto}.blog-post__hero{color:#fff;margin-bottom:40px}.blog-post__hero h1{color:#fff;max-width:900px;margin-top:16px}.blog-post__hero p{max-width:760px;color:#ffffffc7}.blog-post__feature{width:100%;border-radius:30px;overflow:hidden;box-shadow:0 30px 70px #1016212e;margin:36px 0 0}.blog-post__feature img{width:100%;display:block}.blog-post__content-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px}.blog-toc{position:sticky;top:120px;align-self:start;background:#fff;border-radius:24px;padding:24px;border:1px solid rgba(20,110,245,.08)}.blog-toc ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.blog-toc a.h3{padding-left:14px;color:var(--text-light)}.blog-post__article{background:#fff;border-radius:30px;padding:40px;border:1px solid rgba(20,110,245,.08);box-shadow:0 18px 44px #1418210f}.blog-post__article img{max-width:100%;height:auto;border-radius:20px;margin:24px 0}.blog-post__article figure{margin:30px 0}.blog-post__article figcaption{color:var(--text-light);font-size:.95rem}.blog-post__share a,.blog-post__share button{border:1px solid rgba(20,110,245,.18);background:#fff;color:var(--heading);border-radius:999px;padding:10px 14px}.blog-author{display:flex;align-items:center;gap:14px}.blog-author__avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#146ef51f;color:var(--blue-dark);font-weight:800}.blog-author__avatar img{width:100%;height:100%;object-fit:cover}.blog-author__meta{display:grid;gap:4px}.blog-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#ffffffc7}.blog-empty{background:#fff;border-radius:24px;padding:28px;text-align:center}@media(max-width:1199px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-post__content-shell,.blog-layout{grid-template-columns:1fr}.blog-toc{position:static}}@media(max-width:767px){.blog-grid{grid-template-columns:1fr}.blog-post__article{padding:24px}.blog-post__share{width:100%}.blog-post__share a,.blog-post__share button{width:100%;justify-content:center}.blog-hero,.blog-post{padding-top:140px}}
