.blog-hero--compact{padding:76px 0 40px}.blog-hero--compact .blog-hero-title{margin:10px 0 12px;font-size:clamp(1.7rem,3.4vw,2.3rem)}.blog-hero--compact .blog-hero-sub{margin-bottom:22px}.blog-card-date{color:var(--faint)}.blog-sec-title{font-family:var(--f-display);letter-spacing:-.01em;color:var(--ink);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;line-height:var(--lh-title);margin:0 0 20px}.blog-sec-title--latest{margin-top:4px}.blog-featured-section{padding:40px 0 8px}.blog-featured-grid{grid-template-columns:1.6fr 1fr;align-items:stretch;gap:28px;display:grid}.blog-lead-card{background:var(--surface-solid);border:1.5px solid var(--border2);color:inherit;border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.blog-lead-card:hover{box-shadow:var(--elev-3);border-color:var(--border);transform:translateY(-4px)}.blog-lead-cover{aspect-ratio:1200/630;flex-shrink:0;overflow:hidden}.blog-lead-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-lead-cover--grad{min-height:220px}.blog-lead-body{flex-direction:column;flex:1;padding:22px 26px 26px;display:flex}.blog-lead-title{font-family:var(--f-display);color:var(--ink);margin:0 0 12px;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:700;line-height:1.35}.blog-lead-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.94rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-featured-side{flex-direction:column;gap:14px;display:flex}.blog-side-card{color:inherit;border-radius:12px;gap:14px;padding:8px;text-decoration:none;transition:background .18s;display:flex}.blog-side-card:hover{background:var(--surface)}.blog-side-card:hover .blog-side-title{color:var(--blue)}.blog-side-cover{aspect-ratio:1200/630;border-radius:10px;flex-shrink:0;width:108px;overflow:hidden}.blog-side-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-side-cover--grad{aspect-ratio:1200/630;border-radius:10px;flex-shrink:0;width:108px}.blog-side-body{flex-direction:column;justify-content:center;min-width:0;display:flex}.blog-side-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.9rem;font-weight:600;line-height:1.4;transition:color .18s;display:-webkit-box;overflow:hidden}.blog-side-date{color:var(--faint);font-size:.78rem}.blog-topic-section{border-top:1px solid var(--border2);padding:36px 0}.blog-topic-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px;display:flex}.blog-topic-title{margin:0}.blog-topic-title a{color:inherit;text-decoration:none}.blog-topic-title a:hover{color:var(--blue)}.blog-topic-more{color:var(--blue);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.blog-topic-more:hover{text-decoration:underline}@media (min-width:1600px){.blog-topic-grid.blog-card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px) and (min-width:769px){.blog-featured-grid{grid-template-columns:1fr}.blog-featured-side{flex-flow:wrap}.blog-side-card{flex:calc(50% - 7px)}}@media (max-width:768px){.blog-featured-grid{grid-template-columns:1fr}.blog-topic-head{align-items:center}.blog-tag-list{flex-wrap:nowrap;padding-inline:2px}.blog-tag-btn{white-space:nowrap;flex:none}}
