.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--space-md)}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;text-decoration:none;transition:var(--t-slow)}:root:not([data-theme=dark]) .blog-card{background:linear-gradient(180deg,#fffffffa,#f8fbfff0),var(--bg-card);border-color:#0f172a2e;box-shadow:0 2px 8px #0f172a14,inset 0 1px #fffffff2}.blog-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}:root:not([data-theme=dark]) .blog-card:hover{border-color:#0284c76b;box-shadow:0 4px 8px #0f172a1a,inset 0 1px #fff}.blog-card__img{position:relative;height:120px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;font-size:48px;border-bottom:1px solid var(--border);overflow:hidden}.blog-card__img--visual{height:144px;padding:0;background:#020817}.blog-card__img--visual .evisual{min-height:144px}.blog-card__cover-img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.blog-card:hover .blog-card__cover-img{transform:scale(1.035)}.blog-card__glyph{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0f172ab8;font-size:20px}.blog-card__body{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.blog-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.blog-card__category{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--blue-light);background:var(--blue-dim);border:1px solid rgba(14,165,233,.2);padding:3px 8px;border-radius:var(--r-full)}.blog-card__read{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-subtle)}.blog-card__title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1.4}.blog-card:hover .blog-card__title{color:var(--blue-light)}.blog-card__excerpt{font-size:13px;color:var(--text-muted);line-height:1.6;margin:0 0 auto;padding-bottom:var(--space-md)}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);border-top:1px solid var(--border)}.blog-card__date{font-size:12px;color:var(--text-subtle)}.blog-card__more{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--blue)}.blog-section .blog-card{min-height:100%;border-radius:var(--r-lg)}.blog-section .blog-card__img{height:86px;font-size:34px;isolation:isolate;background:radial-gradient(circle at 50% 35%,rgba(56,189,248,.16),transparent 34%),linear-gradient(135deg,#0f172afa,#020817f0)}.blog-section .blog-card__img:before,.blog-section .blog-card__img:after{content:"";position:absolute;inset:0;pointer-events:none}.blog-section .blog-card__img:before{z-index:0;opacity:.38;background-image:linear-gradient(rgba(148,163,184,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.1) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 72%);mask-image:radial-gradient(circle at center,black 0%,transparent 72%)}.blog-section .blog-card__img:after{z-index:1;background:linear-gradient(90deg,transparent,rgba(56,189,248,.12),transparent),linear-gradient(180deg,transparent 0%,rgba(2,8,23,.42) 100%)}.blog-card__visual{position:relative;z-index:2;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:#dff7ff;background:linear-gradient(145deg,#ffffff29,#0ea5e90f),#081426d1;border:1px solid rgba(125,211,252,.24);box-shadow:0 18px 38px #02081747,inset 0 1px #ffffff2e;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .32s ease,color .32s ease}.blog-card__visual:after{content:"";position:absolute;inset:7px;z-index:-1;border-radius:11px;opacity:.38;background:currentColor;filter:blur(15px)}.blog-card__visual--security{color:#7dd3fc}.blog-card__visual--system{color:#93c5fd}.blog-card__visual--license{color:#67e8f9}.blog-card__visual--compare{color:#c4b5fd}.blog-card__visual--info{color:#5eead4}.blog-card__visual--guide{color:#bae6fd}.blog-card:hover .blog-card__visual{transform:translateY(-2px) scale(1.04);border-color:#7dd3fc7a}.blog-section .blog-card__body{padding:14px}.blog-section .blog-card__meta{align-items:flex-start;gap:8px;margin-bottom:9px}.blog-section .blog-card__read{white-space:nowrap}.blog-section .blog-card__title{min-height:42px;margin-bottom:7px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-section .blog-card__excerpt{min-height:42px;line-height:1.5;padding-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card:hover,.blog-card__cover-img,.blog-card__visual{transition:none;transform:none}}:root:not([data-theme=dark]) .blog-section .blog-card__img{background:radial-gradient(circle at 50% 35%,rgba(56,189,248,.16),transparent 42%),linear-gradient(135deg,#0284c71a,#0ea5e90d),#eef6ff}:root:not([data-theme=dark]) .blog-section .blog-card__img:after{background:linear-gradient(90deg,transparent,rgba(56,189,248,.1),transparent),linear-gradient(180deg,transparent 0%,rgba(2,132,199,.08) 100%)}:root:not([data-theme=dark]) .blog-card__visual{color:var(--blue-dark);background:linear-gradient(145deg,#ffffffd9,#0ea5e90f),#0ea5e91a;border-color:#0ea5e942;box-shadow:0 6px 16px #0ea5e924,inset 0 1px #fffc}