.blog-hero{padding:72px 0 40px}.blog-hero .eyebrow{color:var(--gold);font-size:14px;letter-spacing:.08em;margin:0 0 12px}.blog-hero h1{font-size:clamp(28px,4vw,40px);line-height:1.25;margin:0 0 16px}.blog-hero p{color:var(--muted);max-width:720px;margin:0}.blog-series{margin:48px 0 24px}.blog-series>h2{font-size:22px;margin:0 0 8px;display:flex;align-items:center;gap:12px}.blog-series>p.series-desc{color:var(--muted);margin:0 0 20px;max-width:760px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:56px}.post-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;color:var(--text);transition:border-color .15s ease,transform .15s ease}.post-card:hover{border-color:var(--gold-border);transform:translateY(-2px);text-decoration:none}.post-card .card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.post-card h3{margin:0 0 8px;font-size:17px;line-height:1.45;color:var(--text)}.post-card p{margin:0 0 14px;font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .card-meta{font-size:13px;color:var(--faint)}.article{max-width:780px;padding:48px 24px 80px}.crumbs{font-size:14px;color:var(--faint);margin-bottom:24px}.crumbs a{color:var(--muted)}.crumbs span{margin:0 6px}.article .article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.article h1{font-size:clamp(26px,3.6vw,34px);line-height:1.3;margin:0 0 16px}.article-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--faint);margin-bottom:28px}.tldr{background:var(--gold-soft);border:1px solid var(--gold-border);border-radius:var(--radius-md);padding:18px 20px;margin:0 0 32px}.tldr .tldr-label{color:var(--gold);font-weight:600;font-size:14px;letter-spacing:.05em;margin:0 0 6px}.tldr p{margin:0}.article-hero{border-radius:var(--radius-md);border:1px solid var(--line);margin:0 0 32px;overflow:hidden}.article-hero img{display:block;width:100%}.article-hero figcaption{font-size:13px;color:var(--faint);padding:10px 14px;background:var(--surface)}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px 20px;margin:0 0 40px}.toc .toc-label{font-size:13px;color:var(--faint);letter-spacing:.06em;margin:0 0 8px}.toc ul{margin:0;padding-left:18px}.toc li{margin:4px 0;font-size:15px}.prose h2{font-size:23px;margin:44px 0 16px;padding-top:8px}.prose h3{font-size:18px;margin:30px 0 12px}.prose p{margin:0 0 16px}.prose ul,.prose ol{padding-left:24px;margin:0 0 16px}.prose li{margin:6px 0}.prose li::marker{color:var(--gold)}.prose strong{color:var(--gold-hover);font-weight:600}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:6px;padding:2px 6px}.prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:14.5px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}.prose th{background:var(--surface-2);color:var(--gold);font-weight:600;white-space:nowrap}.prose td{background:var(--surface)}.prose blockquote{margin:0 0 20px;padding:14px 18px;border-radius:var(--radius-sm);background:var(--amber-soft);border:1px solid var(--amber-border)}.prose blockquote p{margin:0}.prose blockquote.spoiler-free{background:var(--green-soft);border-color:var(--green-border)}.prose figure{margin:0 0 24px}.prose figure img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line)}.prose figure figcaption{font-size:13px;color:var(--faint);margin-top:8px;text-align:center}.article-faq{margin:48px 0 0}.article-faq>h2{font-size:23px;margin:0 0 16px}.related{margin:56px 0 0;padding-top:32px;border-top:1px solid var(--line)}.related h2{font-size:20px;margin:0 0 16px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.related-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;font-size:14.5px;color:var(--text)}.related-card:hover{border-color:var(--gold-border);text-decoration:none}.related-card .rc-tag{display:block;font-size:12px;color:var(--faint);margin-bottom:6px}.article-cta{margin:48px 0 0;background:var(--gold-soft);border:1px solid var(--gold-border);border-radius:var(--radius-md);padding:24px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.article-cta h2{font-size:18px;margin:0 0 6px}.article-cta p{margin:0;color:var(--muted);font-size:14.5px;max-width:520px}.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;font-size:14.5px}.article-nav a{max-width:48%}.article-nav .nav-dir{display:block;color:var(--faint);font-size:13px;margin-bottom:4px}.article-nav .next{text-align:right;margin-left:auto}@media(max-width:640px){.article{padding:32px 18px 64px}.article-cta{flex-direction:column;align-items:flex-start}.article-nav{flex-direction:column}.article-nav a{max-width:100%}}