.article-page{max-width:760px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.article-header{margin-bottom:2rem}.article-header h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:var(--leading-tight);margin:0 0 .5rem}.article-date{color:var(--text-muted);font-size:.875rem}.table-wrapper{margin:2rem 0;overflow-x:auto}.mermaid-diagram{background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-xl);margin:2rem 0;padding:1.5rem}.article-embed{margin:1.5rem 0}.article-embed .api-card{max-width:100%}.article-layout{grid-template-columns:1fr 320px;align-items:start;gap:3rem;max-width:1280px;margin:0 auto;padding:2.5rem 1.5rem 4rem;display:grid}.article-main{min-width:0}.article-sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:5rem}.article-layout .article-page{max-width:none;margin:0;padding:0}@media (max-width:992px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}.article-cover{border-radius:var(--radius-xl);border:2px solid var(--color-ink-line);box-shadow:var(--shadow-press-ink);margin-bottom:2rem;overflow:hidden}.article-cover-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.article-page .api-section{margin-top:3rem}.article-page .api-section h2{border-bottom:1px solid var(--border);margin:0 0 1.5rem;padding-bottom:.5rem;font-size:1.4rem}.article-page .faq-list{flex-direction:column;gap:1.25rem;display:flex}.article-page .faq-item h3{margin:0 0 .4rem;font-size:1.05rem}.article-page .faq-item p{color:var(--text-muted);margin:0;line-height:1.6}