/* Public content pages: /guides, /guides/<jurisdiction>/<slug>, /about.
   Server-rendered, no JS required. Kept separate from app.css so the app's
   blanket rules (buttons, inputs) never reach these pages and vice versa. */
.seo-page { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            background: #f4f7f6; color: #222; margin: 0; }
.seo-wrap { max-width: 860px; margin: 0 auto; background: #fff; padding: 28px 40px 56px;
            box-sizing: border-box; min-height: 100vh; }
.seo-crumbs { font-size: 13px; color: #777; margin: 0 0 18px; }
.seo-crumbs a { color: #0b5f5a; text-decoration: none; }
.seo-crumbs a:hover { text-decoration: underline; }
.seo-wrap h1 { font-size: 30px; color: #0b5f5a; margin: 0 0 10px; line-height: 1.25; }
.seo-wrap h2 { font-size: 20px; color: #0b5f5a; margin: 30px 0 10px; }
.seo-wrap h3 { font-size: 16px; margin: 18px 0 4px; }
.seo-wrap p, .seo-wrap li, .seo-wrap dd { line-height: 1.65; color: #333; font-size: 15px; }
.seo-answer { font-size: 17px; line-height: 1.6; color: #222; border-inline-start: 4px solid #0b5f5a;
              padding: 10px 16px; background: #f5faf9; border-radius: 0 6px 6px 0; margin: 14px 0 18px; }
.seo-meta { font-size: 13px; color: #777; margin: 0 0 8px; }
.seo-facts { width: 100%; border-collapse: collapse; margin: 12px 0 8px; font-size: 14.5px; }
.seo-facts th, .seo-facts td { text-align: start; padding: 9px 10px; border-bottom: 1px solid #e6ecea;
                               vertical-align: top; }
.seo-facts th { width: 38%; color: #0b5f5a; font-weight: 600; }
/* app.css paints every <a> in the brand teal; the button must stay white-on-teal. */
.seo-wrap a.seo-cta { display: inline-block; padding: 12px 26px; background: #0b5f5a;
           color: #fff !important; border-radius: 6px; text-decoration: none; font-size: 15px;
           margin: 6px 0; }
.seo-wrap a.seo-cta:hover { background: #084843; }
.seo-cta-row { margin: 20px 0 4px; }
.seo-cta-row .hint { font-size: 13px; color: #777; margin: 6px 0 0; }
.seo-sources li { margin: 4px 0; }
.seo-sources a, .seo-related a, .seo-wrap a { color: #0b5f5a; }
.seo-faq dt { font-weight: 600; margin-top: 14px; }
.seo-faq dd { margin: 4px 0 0; }
.seo-disclaimer { margin-top: 32px; padding: 14px 16px; background: #fff3cd; border-radius: 6px;
                  font-size: 13px; color: #856404; line-height: 1.55; }
.seo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px;
            margin-top: 12px; }
.seo-card { border: 1px solid #e0e6e5; border-radius: 8px; padding: 16px 18px; background: #fbfdfc; }
.seo-card h3 { margin-top: 0; color: #0b5f5a; }
.seo-card p { font-size: 14px; color: #555; margin: 0 0 8px; }
.seo-card ul { margin: 0; padding-inline-start: 18px; font-size: 14px; }
.seo-foot { margin-top: 32px; text-align: center; font-size: 13px; color: #888; }
.seo-foot a { color: #0b5f5a; text-decoration: none; margin: 0 4px; }
@media (max-width: 600px) { .seo-wrap { padding: 20px 18px 40px; } .seo-wrap h1 { font-size: 24px; } }