@media (max-width: 560px) {
    .article-header { padding: 96px var(--px) 32px; }
    .article-header h1 { font-size: 24px; }
    .cmp-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
    .cmp-table td, .cmp-table th { padding: 8px 10px; font-size: 13px; }
    .article-body pre { padding: 18px 14px; font-size: 12.5px; }
    .flow-node { padding: 12px 14px; gap: 10px; }
    .callout { padding: 14px 16px; font-size: 14px; }
}