/* CSS-button output comparison, using the shared blog components. */
.blog-comparison-buttons .blog-papers{flex-direction:column;gap:12px}
.blog-comparison-buttons .blog-paper-example{width:100%;gap:8px}
.blog-comparison-buttons .blog-paper{width:100%;max-width:320px;border-radius:12px}
.blog-comparison-buttons .blog-comparison-arrow{transform:rotate(90deg);width:22px;height:18px;margin:0}
.blog-comparison-buttons .blog-comparison-label{margin-bottom:20px}
.blog-comparison-buttons figcaption{text-align:center;line-height:1.7;margin-top:18px}
.blog-button-settings dd{font-size:clamp(13px,1.6vw,20px);direction:ltr}
.blog-button-settings dt{padding-inline:5px}
.css-button-guide .crop-story-feature-heading h3{font-size:17px}
.css-button-guide .crop-story-details h4{font-size:14px;margin:0 0 10px}
.css-button-guide .crop-story-feature p,.css-button-guide .crop-story-note p,.css-button-guide .crop-story-files p{color:var(--muted);line-height:1.85}
.css-button-guide .crop-story-feature p+p{margin-top:12px}