.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.blog-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.blog-card-media{aspect-ratio:16/9;background:var(--brand-soft);display:grid;place-items:center;overflow:hidden}.blog-card-media img{width:100%;height:100%;object-fit:cover}.blog-card-placeholder{font-size:28px;font-weight:800;color:var(--brand);opacity:.5}.blog-card-body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1 1}.blog-card-date{font-size:12.5px;color:var(--muted);font-weight:600}.blog-card-body h2{font-size:19px;line-height:1.3}.blog-card-body p{font-size:14.5px;color:var(--muted);line-height:1.55;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{font-weight:700;font-size:14px;color:var(--brand)}.blog-empty{text-align:center;color:var(--muted);font-size:16px;padding:40px 0}.post{padding:36px 0 64px}.post-wrap{max-width:760px}.post-title{font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.15;margin:10px 0 14px}.post-meta{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);margin-bottom:26px}.post-dot{opacity:.5}.post-cover{border-radius:16px;overflow:hidden;border:1px solid var(--border);margin-bottom:30px}.post-cover img{width:100%;display:block}.post-body{font-size:17px;line-height:1.75;color:#2b333b}.post-body>:first-child{margin-top:0}.post-body div[data-youtube-video]{position:relative;width:100%;aspect-ratio:16/9;margin:28px 0}.post-body div[data-youtube-video] iframe{width:100%;height:100%;border:0;border-radius:12px;display:block}.post-body iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:28px 0}.post-body h2{font-size:26px;font-weight:800;margin:36px 0 14px;letter-spacing:-.01em}.post-body h3{font-size:21px;font-weight:700;margin:28px 0 12px}.post-body p{margin:0 0 18px}.post-body a{color:var(--brand);text-decoration:underline}.post-body ol,.post-body ul{margin:0 0 18px;padding-left:24px}.post-body ul{list-style:disc}.post-body ol{list-style:decimal}.post-body li{margin-bottom:8px;list-style:inherit}.post-body img{max-width:100%;height:auto;border-radius:12px;margin:10px 0 24px;border:1px solid var(--border)}.post-body blockquote{margin:0 0 20px;padding:4px 0 4px 20px;border-left:3px solid var(--brand);color:var(--muted);font-style:italic}.post-body pre{background:#f4f6f6;border:1px solid var(--border);border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:14px;margin:0 0 20px}.post-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:#f0f3f3;padding:1px 6px;border-radius:5px}.post-body pre code{background:none;padding:0}.post-body hr{border:none;margin:30px 0}.post-body hr,.post-foot{border-top:1px solid var(--border)}.post-foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:40px;padding-top:26px}@media (max-width:860px){.blog-grid{grid-template-columns:1fr}}