#primary{min-height:86vh}.blog-landing{width:100%;max-width:1080px;margin:0 auto 56px;padding:0 16px 40px}#primary .blog-landing .blog-header{max-width:840px;margin:0 auto 30px;padding:24px 0 0;text-align:center}#primary .blog-landing .blog-header h1{color:#35548f;font-size:1.75rem;font-weight:800;margin-bottom:14px;line-height:1.25}#primary .blog-landing .blog-header p{color:#555;font-size:1rem;line-height:1.65;margin:0}.blog-list-row{width:100%;margin:0 auto 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-list-item{display:flex;flex-direction:column;min-height:100%;overflow:hidden;background:#fff;border:1px solid #dfe7f0;border-radius:8px;box-shadow:0 12px 28px rgba(53,84,143,.08);color:inherit;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}.blog-list-item:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(53,84,143,.14);text-decoration:none}.blog-list-img{width:100%;overflow:hidden;aspect-ratio:16/10;background:radial-gradient(circle at 76% 16%,rgba(140,195,122,.2),transparent 32%),linear-gradient(135deg,#eef4fb,#fff 48%,#f4f9f1);border-bottom:1px solid #dfe7f0}.blog-list-img img{display:block;width:100%;height:100%;padding:12px;-o-object-fit:contain;object-fit:contain;transition:transform .25s ease}.blog-list-item:hover .blog-list-img img{transform:scale(1.035)}.blog-list-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:20px}.blog-list-title{font-size:20px;font-weight:800;color:#35548f;line-height:1.35;margin:0 0 10px}.blog-list-descript{font-size:15px;font-family:Roboto-Regular,Roboto;font-weight:400;color:#666;line-height:1.6;margin-bottom:14px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-list-date{margin-top:auto;font-size:14px;font-family:Roboto-Regular,Roboto;font-weight:700;color:#9aa3ad;line-height:1.4}@media(max-width:768px){#primary{padding:0 20px}.blog-landing{padding:0 0 24px;margin-bottom:28px}#primary .blog-landing .blog-header{margin:0 auto 22px;padding:12px 0 0}#primary .blog-landing .blog-header h1{font-size:1.45rem}.blog-list-row{grid-template-columns:1fr;gap:20px;margin-bottom:0}.blog-list-content{padding:18px}.blog-list-title{font-size:20px;line-height:1.3}.blog-list-descript{font-size:14px;line-height:1.55}.blog-list-date{font-size:12px}}