/* Blog */
.blog{max-width:1000px;margin:0 auto;padding:32px 16px 56px;line-height:1.6}
.blog h1{margin:0 0 6px}
.blog .lead{font-size:var(--fs-lg);margin:0 0 22px;color:var(--muted)}
.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.blog-card{display:grid;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.blog-card-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-2)}
.blog-card-body{padding:14px 16px 18px}
.blog-card time,.post-head time{font-size:var(--fs-xs);color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.blog-card h2{margin:4px 0 6px;font-size:var(--fs-lg);line-height:1.3}
.blog-card h2 a{color:var(--ink);text-decoration:none}
.blog-card h2 a:hover{text-decoration:underline}
.blog-card p{margin:0;color:var(--muted);font-size:var(--fs-sm)}
.post{max-width:760px}
.blog-back{margin:0 0 14px;font-size:var(--fs-sm)}
.post-head h1{font-size:var(--fs-xxl);line-height:1.15;margin:6px 0 10px}
.post-head #post-share{margin:0 0 18px}
.post-body{font-size:17px}
.post-body h2{font-size:var(--fs-xl);margin:34px 0 8px;line-height:1.25}
.post-body p{margin:0 0 14px}
.blog-fig{margin:18px 0 22px}
.blog-fig img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.blog-fig figcaption{font-size:var(--fs-sm);color:var(--muted);margin:6px 2px 0}
.blog-fig-bar{display:flex;justify-content:flex-end;margin-top:6px}
.blog-table-wrap{overflow-x:auto;margin:10px 0 22px}
.blog-table{font-size:var(--fs-sm);min-width:420px}
.blog-table caption{text-align:left;font-weight:700;margin:0 0 6px;color:var(--ink)}
.blog-table th,.blog-table td{padding:7px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.blog-table .num{text-align:right;font-variant-numeric:tabular-nums}
.blog-table td.best{font-weight:800;color:var(--accent-ink)}
.blog-cta{margin:22px 0}
.blog-note{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:14px 18px;margin:26px 0 0;font-size:var(--fs-sm)}
.blog-note h2{font-size:var(--fs-md);margin:0 0 4px}
.blog-note p{margin:0}
.blog-muted{color:var(--muted);font-size:var(--fs-sm)}
.blog .error-box[hidden]{display:none}
.blog-player{font-weight:700;color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}