/* Content-level styles that live pages kept in their PHP templates (inline <style>), for post_content that
   still carries that markup: audience bodies (template-audience.php), the who-we-serve hub (template-who-we-serve.php),
   the services overview lead. Scoped to the wrapper each template gives the content. Loaded on singular views only. */

/* ---- audience body (template-audience.php) ---- */
.audience-body .fp-section{padding:64px var(--gutter)}
.audience-body .fp-section:nth-child(even){background:var(--soft)}
.audience-body .fp-section__inner{max-width:var(--wrap);margin:0 auto}
.audience-body .fp-section__inner--wide{max-width:var(--wrap)}
.audience-body h2{font-size:32px;font-weight:700;color:var(--ink);margin:0 0 18px;line-height:1.2}
.audience-body h3{font-size:21px;font-weight:700;color:var(--ink);margin:24px 0 10px;line-height:1.3}
.audience-body p{font-size:17px;line-height:1.7;color:var(--text-2);margin:0 0 18px;max-width:820px}
.audience-body ul{padding-left:20px;margin:0 0 20px}
.audience-body ul li{margin-bottom:8px;line-height:1.65;color:var(--text-2)}
.audience-body a:not(.btn):not(.fp-gallery__item):not(.fp-guides__link){color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:3px}
.audience-body .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.audience-body .product-card{background:#fff;padding:var(--pad-card);border-radius:var(--radius);border:1px solid var(--line);border-top:4px solid var(--yellow)}
.audience-body .product-card h3{margin-top:0;font-size:19px}
.audience-body .product-card p{font-size:15px;margin-bottom:0;color:var(--muted)}
.audience-body .faq-list{max-width:820px;display:flex;flex-direction:column;gap:12px}
.audience-body .fp-faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.audience-body .fp-faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;text-align:left;background:transparent;border:0;cursor:pointer;font:inherit;color:var(--ink)}
.audience-body .fp-faq-question span{font-size:18px;font-weight:700;color:var(--ink)}
.audience-body .fp-faq-question svg{width:20px;height:20px;flex-shrink:0;color:var(--gold);transition:transform .3s ease}
.audience-body .fp-faq-answer{display:none;padding:0 24px 20px;color:var(--text-2);line-height:1.7}
.audience-body .fp-faq-answer p{margin:0 0 10px;font-size:16px}
.audience-body .fp-faq-item.active .fp-faq-answer{display:block}
.audience-body .fp-faq-item.active .fp-faq-question .line-1{display:none}
.audience-body .fp-faq-item.active{border-color:var(--yellow);box-shadow:0 6px 24px rgba(255,184,28,.12)}
.audience-body .fp-faq-question:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
@media (max-width:1024px){.audience-body .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.audience-body .product-grid{grid-template-columns:1fr}.audience-body h2{font-size:26px}.audience-body .fp-section{padding:48px var(--gutter)}}

/* ---- who-we-serve hub (template-who-we-serve.php) ---- */
.wws-content .fp-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin:1rem 0 1.5rem;max-width:none}
.wws-content .fp-hub__card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:var(--radius);padding:18px 20px}
.wws-content .fp-hub__card h3{font-size:1.15rem;margin:0 0 .4rem}
.wws-content .fp-hub__card p{margin:0;color:var(--muted);font-size:.98rem;line-height:1.6}

/* ---- services overview (/services/): its post_content uses a few utility classes from the old Tailwind build ---- */
.fp-content .max-w-3xl{max-width:48rem}
.fp-content .mx-auto{margin-left:auto;margin-right:auto}
.fp-content .text-center{text-align:center}
.fp-content .mb-10{margin-bottom:2.5rem}

/* ---- legacy body column on LP pages (inc/lp.php wraps it in .lp-legacy-body) + the [fp_cta] band (fp-real-work.css is not loaded on LP pages) ---- */
.fp-lp .lp-main .lp-legacy-body,.fp-lp .lp-main .lp-legacy-title{max-width:var(--wrap)}
.lp-legacy-body{padding-top:8px;padding-bottom:56px}
.lp-legacy-body>*{max-width:820px}
.lp-legacy-body>.fp-hub,.lp-legacy-body>.fp-cta,.lp-legacy-body>.wpcf7{max-width:none}
.lp-legacy-body h2{font-size:30px;margin:36px 0 14px;line-height:1.2}
.lp-legacy-body p{margin:0 0 16px}
.lp-legacy-body a:not(.fp-cta__button){color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:3px}
.lp-legacy-body .fp-hub__card h3{margin:0 0 .4rem}
.fp-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;background:linear-gradient(135deg,#111827,#1f2937);border-radius:16px;padding:28px 32px;margin:2.5rem 0}
.lp-legacy-body .fp-cta h2{color:#fff;margin:0 0 4px;font-size:1.5rem}
.lp-legacy-body .fp-cta p{color:var(--on-dark);margin:0}
.lp-legacy-body a.fp-cta__button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn-h);background:var(--yellow);color:var(--ink);font-weight:800;padding:13px 26px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:transform var(--hover) var(--ease-hover),box-shadow var(--hover) var(--ease-hover),background-color var(--hover) var(--ease-hover)}
.lp-legacy-body a.fp-cta__button:hover,.lp-legacy-body a.fp-cta__button:focus-visible{background:var(--yellow-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media (max-width:600px){.lp-legacy-body a.fp-cta__button{width:100%;white-space:normal}.fp-cta{padding:24px 20px}}
@media (prefers-reduced-motion:reduce){.lp-legacy-body a.fp-cta__button{transition:none}}