.blog-card-media{position:relative;overflow:hidden}.blog-card-media img{position:absolute;inset:0}
.blog-intro{max-width:800px;margin:20px 0 36px}.blog-intro h1{font-size:clamp(30px,4vw,44px);line-height:1.2}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.blog-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.blog-card img{width:100%;height:100%;object-fit:contain}.blog-card-media{display:block;aspect-ratio:16/9;background:#fafafa}.blog-card-copy{padding:22px;flex:1}.blog-card h2,.blog-card h3{font-size:23px;margin:8px 0 12px}.blog-card a{color:#1a1a1a}.blog-card p{color:#565e69}
.article-header{max-width:850px;margin:28px auto}.article-header h1{font-size:clamp(30px,4vw,44px);line-height:1.2}.article-header .deck{font-size:19px;color:#565e69}.article-cover{width:100%;height:360px;object-fit:contain;background:#fafafa;border-radius:12px}.article-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:38px;margin-top:36px;align-items:start}.article-toc{position:sticky;top:110px;max-height:calc(100vh - 140px);overflow:auto;border:1px solid #e5e7eb;border-radius:10px;padding:18px;font-size:14px}.article-toc summary{font-weight:700;cursor:pointer}.article-toc a{display:block;margin-top:12px;color:#344054}.article-body{font-size:17px;line-height:1.85;min-width:0}.article-body h2{font-size:27px;line-height:1.3;margin-top:42px}.article-body h3{font-size:22px}.article-body :is(h2,h3,h4){scroll-margin-top:120px}.article-body a{color:#8b3540;text-decoration:underline}.article-table{overflow-x:auto;max-width:100%;margin:24px 0;border:1px solid #e5e7eb;border-radius:8px}.article-table table{border-collapse:collapse;min-width:650px;width:100%;font-size:14px}.article-table th,.article-table td{padding:13px;border:1px solid #e5e7eb;vertical-align:top;text-align:left}.article-table th{background:#fff9e6}.article-body blockquote{border-left:4px solid #ffd74b;padding-left:20px}.review-state{padding:12px 18px;background:#fff9e6;border-radius:8px;color:#554400}.article-related{margin-top:48px}.blog-category{font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
@media(max-width:700px){.blog-grid,.article-layout{grid-template-columns:1fr}.article-toc{position:static;max-height:none}.article-cover{height:240px}.article-header h1{font-size:30px}.article-body{font-size:16px}.article-body h2{font-size:24px}.article-layout{gap:22px}.blog-card h2{font-size:22px}}