/* Concrete SEO actions: readable cards on phones, controls beside them on wider screens. */
.seo-action-list { margin: 0; padding: 0; list-style: none; }
.seo-action-list > li { display: grid; gap: 14px; padding: 22px 0; border-top: 1px solid var(--line); }
.seo-action-copy { min-width: 0; }
.seo-action-copy h3 { margin: 0 0 8px; font-size: 17px; }
.seo-action-copy p { margin: 0 0 8px; }
.seo-action-next { color: var(--text-2); }
.seo-action-controls { display: flex; flex-wrap: wrap; align-content: start; gap: 8px; }
.seo-action-controls button { max-width: 100%; }
.seo-action-paths { margin: 8px 0; padding-left: 20px; overflow-wrap: anywhere; }
.seo-action-sources { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.seo-action-sources > span { width: 100%; color: var(--muted); font-size: 13px; }
.seo-action-sources button { min-width: 0; max-width: 100%; text-align: left; }
@media (min-width: 960px) { .seo-action-list > li { grid-template-columns: minmax(0, 1fr) 180px; gap: 24px; } .seo-action-controls { flex-direction: column; } }