.blog-section{background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:48px}.blog-card{background:#fff;border:1.5px solid var(--clr-neutral-100);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000017;border-color:var(--clr-primary-200)}.blog-card-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;display:block}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-category{font-size:.7rem;font-weight:var(--fw-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--clr-primary-500);margin-bottom:12px;display:flex;align-items:center;gap:8px}.blog-card-category:before{content:"";display:block;width:20px;height:2px;background:currentColor;flex-shrink:0}.blog-card-title{font-size:1.1rem;font-weight:var(--fw-semibold);color:var(--clr-neutral-900);line-height:1.3;margin-bottom:12px}.blog-card-summary{font-size:var(--fs-small);color:var(--clr-neutral-500);line-height:var(--lh-body);flex:1;margin-bottom:20px}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--clr-neutral-400);border-top:1px solid var(--clr-neutral-100);padding-top:16px}.blog-card-read-more{color:var(--clr-primary-500);font-weight:var(--fw-semibold);display:flex;align-items:center;gap:6px;font-size:.8rem;text-decoration:none}.blog-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:0}.blog-header-left h2{margin-bottom:0}.blog-filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}.blog-filter-btn{padding:8px 20px;border-radius:999px;border:1.5px solid var(--clr-neutral-200);background:#fff;font-family:var(--ff-primary);font-size:.85rem;font-weight:var(--fw-semibold);color:var(--clr-neutral-600);cursor:pointer;transition:all .2s}.blog-filter-btn:hover,.blog-filter-btn.active{background:var(--gradient-action);border-color:transparent;color:#fff}.post-layout{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start;padding-top:60px;padding-bottom:100px}.post-cover{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:16px;margin-bottom:40px;display:block}.post-meta{display:flex;align-items:center;gap:20px;font-size:.8rem;color:var(--clr-neutral-400);margin-bottom:24px;flex-wrap:wrap}.post-meta-category{font-weight:var(--fw-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--clr-primary-500);font-size:.7rem}.post-title{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:var(--fw-bold);color:var(--clr-neutral-900);line-height:1.15;letter-spacing:-.02em;margin-bottom:20px}.post-summary{font-size:1.1rem;color:var(--clr-neutral-500);line-height:1.7;margin-bottom:40px;border-left:3px solid var(--clr-primary-400);padding-left:20px}.post-content{font-size:var(--fs-body);color:var(--clr-neutral-800);line-height:1.75;max-width:72ch}.post-content h2{font-size:1.4rem;font-weight:var(--fw-semibold);color:var(--clr-neutral-900);margin:36px 0 16px}.post-content h3{font-size:1.15rem;font-weight:var(--fw-semibold);margin:28px 0 12px}.post-content p{margin-bottom:20px}.post-content ul,.post-content ol{padding-left:24px;margin-bottom:20px}.post-content li{margin-bottom:8px}.post-sidebar{position:sticky;top:100px}.sidebar-card{background:var(--clr-neutral-100);border-radius:16px;padding:24px;margin-bottom:24px}.sidebar-card h4{font-size:.85rem;font-weight:var(--fw-bold);letter-spacing:.15em;text-transform:uppercase;color:var(--clr-primary-500);margin-bottom:16px}.sidebar-post-link{display:block;text-decoration:none;color:var(--clr-neutral-800);font-size:.9rem;font-weight:var(--fw-semibold);line-height:1.3;padding:10px 0;border-bottom:1px solid var(--clr-neutral-200);transition:color .2s}.sidebar-post-link:last-child{border-bottom:none}.sidebar-post-link:hover{color:var(--clr-primary-500)}.sidebar-post-date{font-size:.72rem;color:var(--clr-neutral-400);margin-top:4px;display:block}.blog-empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--clr-neutral-400);font-size:var(--fs-body)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:1fr;gap:40px}.post-sidebar{position:static}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-header-row{flex-direction:column;align-items:flex-start}}