/* Page-local extensions for the 2026 high-intent SEO layer.
   These classes extend the existing DineQube SEO components without changing
   styling on any existing route. */
.seo-page .seo-prose{max-width:820px;margin:0 auto;color:#41505b;font-size:17px;line-height:1.78}
.seo-page .seo-prose p+ p{margin-top:16px}
.seo-page .seo-section h2{letter-spacing:-.035em}
.seo-page .seo-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}
.seo-page .seo-workflow-step{position:relative;min-height:174px;padding:24px 20px;border:1px solid #dbe9e3;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(6,61,44,.045)}
.seo-page .seo-workflow-step:not(:last-child)::after{content:'→';position:absolute;right:-20px;top:50%;z-index:2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf7f1;color:#08765a;font-weight:800;transform:translateY(-50%)}
.seo-page .seo-workflow-step b{display:block;color:#08765a;font-size:12px;letter-spacing:.12em}
.seo-page .seo-workflow-step h3{margin:10px 0 8px;font-size:19px;color:#103d31}
.seo-page .seo-workflow-step p{margin:0;color:#5a6969;font-size:14px;line-height:1.55}
.seo-page .seo-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px;max-width:920px;margin:30px auto 0;padding:0;list-style:none}
.seo-page .seo-checklist li{position:relative;padding:16px 16px 16px 44px;border:1px solid #dbe9e3;border-radius:14px;background:#fff;color:#344a43;line-height:1.5}
.seo-page .seo-checklist li::before{content:'✓';position:absolute;left:16px;top:16px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#dff5eb;color:#08765a;font-weight:800;font-size:12px}
.seo-page .seo-audience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.seo-page .seo-audience article{padding:24px;border-radius:18px;background:#0b4938;color:#fff}
.seo-page .seo-audience h3{margin:0 0 8px;color:#d7f5e8;font-size:18px}
.seo-page .seo-audience p{margin:0;color:#c7dfd5;line-height:1.55;font-size:14px}
.seo-page .seo-notice{max-width:920px;margin:24px auto 0;padding:17px 20px;border-left:4px solid #0f916c;border-radius:0 13px 13px 0;background:#eff9f4;color:#315749;line-height:1.6}
.seo-page .seo-buyers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.seo-page .seo-buyers-grid article{padding:26px;border:1px solid #dbe9e3;border-radius:18px;background:#fff}
.seo-page .seo-buyers-grid h3{margin:0 0 10px;color:#103d31;font-size:20px}
.seo-page .seo-buyers-grid p{margin:0;color:#596a68;line-height:1.62}
@media(max-width:860px){.seo-page .seo-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-page .seo-workflow-step:nth-child(2)::after{display:none}.seo-page .seo-audience{grid-template-columns:1fr}.seo-page .seo-prose{font-size:16px}}
@media(max-width:620px){.seo-page .seo-workflow,.seo-page .seo-checklist,.seo-page .seo-buyers-grid{grid-template-columns:1fr}.seo-page .seo-workflow-step::after{display:none}.seo-page .seo-workflow-step{min-height:0}.seo-page .seo-checklist li{padding-top:14px;padding-bottom:14px}}