.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:var(--space-4);list-style:none;margin:0;padding:0}.blog-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}.blog-card:hover{border-color:var(--accent);box-shadow:0 4px 18px rgba(0,0,0,.07);transform:translateY(-2px)}.blog-card-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:var(--space-4)}.blog-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary)}.meta-sep{opacity:.5}.meta-updated{color:var(--accent)}.blog-card-desc{font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin:0}.blog-card-cta{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--accent)}.blog-post-date{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);margin-bottom:20px}.blog-skeleton{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.sk-cover{width:100%;aspect-ratio:16/9;background:var(--bg-raised)}.blog-skeleton-body{display:flex;flex-direction:column;gap:10px;padding:var(--space-4)}.sk-line{height:10px;border-radius:4px;background:var(--bg-raised)}.sk-line.sk-tall{height:15px}.sk-w30{width:30%}.sk-w65{width:65%}.sk-w85{width:85%}@media (prefers-reduced-motion:no-preference){.sk-cover,.sk-line{animation:blog-sk-pulse 1.4s ease-in-out infinite}.sk-line:nth-child(2){animation-delay:.1s}.sk-line:nth-child(3){animation-delay:.2s}.sk-line:nth-child(4){animation-delay:.3s}}@keyframes blog-sk-pulse{0%,to{opacity:1}50%{opacity:.45}}.blog-sentinel{display:flex;align-items:center;justify-content:center;gap:10px;padding:28px 0 4px;color:var(--text-muted);font-size:13.5px}.blog-spinner{width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%}@media (prefers-reduced-motion:no-preference){.blog-spinner{animation:blog-spin .8s linear infinite}}@keyframes blog-spin{to{transform:rotate(1turn)}}.blog-more{font-size:13.5px;font-weight:600;color:var(--accent);text-decoration:none;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 18px}.blog-more:hover{border-color:var(--accent);background:var(--accent-subtle)}.blog-end{display:flex;align-items:center;gap:14px;padding-top:26px;color:var(--text-muted);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}.blog-end:after,.blog-end:before{content:"";flex:1;height:1px;background:var(--border)}.blog-pager{display:flex;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);margin-top:var(--space-4);border-top:1px solid var(--border);font-size:13.5px;font-weight:600}.blog-pager a{color:var(--accent);text-decoration:none}.blog-pager a:only-child:last-child{margin-left:auto}.blog-empty{color:var(--text-secondary);font-size:14.5px}.blog-prose{width:100%;max-width:none}.blog-post-foot{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}@media (min-width:640px) and (max-width:1024px) and (min-height:481px),(min-width:933px) and (max-width:1024px){.public-reader--blog .tpl-main{padding-inline:var(--space-5)}.public-reader--blog .blog-post-foot,.public-reader--blog .public-reader__mobile-tools,.public-reader--blog .tpl-detail-body,.public-reader--blog .tpl-detail-head{width:100%;max-width:820px;margin-inline:auto}}