/* Additive styles for community guides; upstream styles and interactions remain intact. */
.rea-seo-guide h1 { overflow-wrap: anywhere; }
.rea-seo-guide .article-section h3 { margin-top: 1.8rem; }
.rea-seo-guide .actions { flex-wrap: wrap; }
.rea-seo-guide .button { white-space: normal; text-align: center; }
.rea-seo-guide pre { max-width: 100%; overflow-x: auto; }
.rea-seo-guide .code-header { gap: 0.75rem; }
.rea-seo-guide .code-header > span { min-width: 0; }
.rea-flow { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 0; margin-block: 1.8rem; }
.rea-flow li { border: 1px solid var(--line); border-radius: 6px; padding: 1rem; background: var(--soft); }
.rea-flow strong, .rea-flow span { display: block; }
.rea-flow strong { color: var(--ink); margin-bottom: 0.5rem; }
.rea-flow span { font-size: 0.875rem; }
@media (max-width: 640px) { .rea-flow { grid-template-columns: 1fr; } }