/* ============================================================
   FN SEO Content — reusable styling for onpage/SEO content blocks
   Wrap pasted content in:  <div class="fn-seo-content"> ... </div>
   Headings are auto-shifted down one level by the companion plugin,
   so an onpage <h1> title renders as the styled section title (h2)
   and the page keeps a single real H1.
   ============================================================ */

.fn-seo-content{max-width:1140px;margin:0 auto;padding:10px 20px 30px;color:#2c2a20;line-height:1.75;font-size:17px;word-break:normal}
.fn-seo-content p{margin:0 0 18px}
.fn-seo-content strong{color:#1a1a1a}

/* lists with branded bullets */
.fn-seo-content ul{margin:0 0 22px;padding-left:0;list-style:none}
.fn-seo-content ul li{position:relative;padding-left:30px;margin:0 0 10px}
.fn-seo-content ul li:before{content:"";position:absolute;left:6px;top:11px;width:8px;height:8px;border-radius:50%;background:#ff592d}
.fn-seo-content ol{margin:0 0 22px;padding-left:22px}
.fn-seo-content ol li{margin:0 0 10px}

/* links */
.fn-seo-content a{color:#e4461c;text-decoration:underline;font-weight:600}
.fn-seo-content a:hover{color:#ff592d}

/* images / figures */
.fn-seo-content figure{margin:30px 0;text-align:center}
.fn-seo-content figure img,.fn-seo-content img{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto;box-shadow:0 6px 24px rgba(0,0,0,.08)}

/* headings (after the auto one-level shift):
   h2 = page-section title (centered, orange bar)
   h3 = sub-section heading (orange underline)
   h4 = question / minor heading */
.fn-seo-content h2{font-size:32px;line-height:1.2;font-weight:800;color:#1a1a1a;text-align:center;margin:6px auto 30px;padding-bottom:16px;position:relative}
.fn-seo-content h2:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:64px;height:4px;border-radius:2px;background:#ff592d}
.fn-seo-content h3{font-size:23px;line-height:1.3;font-weight:700;color:#1a1a1a;margin:42px 0 14px;padding-bottom:8px;border-bottom:2px solid #ff592d}
.fn-seo-content h4{font-size:19px;line-height:1.35;font-weight:700;color:#1a1a1a;margin:26px 0 8px}
.fn-seo-content h5{font-size:17px;font-weight:700;color:#1a1a1a;margin:20px 0 8px}

/* optional pricing cards: add class="fn-pricing" to a <ul> */
.fn-seo-content ul.fn-pricing{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 26px;padding:0}
.fn-seo-content ul.fn-pricing li{flex:1 1 240px;background:#fff7f5;border:1px solid #ffd8cb;border-radius:12px;padding:22px 24px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.fn-seo-content ul.fn-pricing li:before{display:none}
.fn-seo-content ul.fn-pricing li strong{display:block;font-size:18px;margin-bottom:4px}

@media(max-width:600px){
  .fn-seo-content h2{font-size:25px}
  .fn-seo-content h3{font-size:20px}
}