/* SEO action-plan additions: responsive, semantic diagrams and example tables. */
.seo-state-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:24px 0}.seo-state-flow li{background:#eef4e9;border-top:3px solid #346846;padding:18px;margin:0}.seo-state-flow strong,.seo-state-flow span{display:block}.seo-state-flow span{margin-top:10px;font-size:.92rem}.seo-flow-figure{margin:32px 0}.seo-flow-figure figcaption{font-size:.95rem;color:#405449}.data-table caption{text-align:left;font-weight:600;padding:15px 0;color:#213f2c}.table-scroll:focus-visible{outline:3px solid #bc622d;outline-offset:4px}.seo-dashboard-example{border:1px solid #9cb69d;margin:32px 0;background:#f3f7ef;padding:24px}.seo-dashboard-example figcaption{font-size:.88rem;margin-bottom:20px;color:#435446}.seo-dashboard-header{display:flex;justify-content:space-between;gap:16px;background:#173f33;color:#fff;padding:16px;font-weight:600}.seo-dashboard-header span{font-size:.8rem;font-weight:400}.seo-dashboard-example dl{display:grid;grid-template-columns:1fr 1.6fr;margin:0}.seo-dashboard-example dt,.seo-dashboard-example dd{padding:13px 10px;border-bottom:1px solid #c6d5c7;margin:0}.seo-dashboard-example dt{font-weight:600}.seo-dashboard-example>p{font-size:.88rem;margin:20px 0 0}@media(max-width:600px){.seo-state-flow{grid-template-columns:1fr}.seo-dashboard-example{padding:16px}.seo-dashboard-header{display:block}.seo-dashboard-header span{display:block;margin-top:5px}.seo-dashboard-example dl{grid-template-columns:1fr}.seo-dashboard-example dt{border-bottom:0;padding-bottom:0}.seo-dashboard-example dd{padding-top:5px}.table-scroll .data-table{min-width:560px}}
