/* Facebook industry pages in the /facebook-turnkey-management look (FTM is the template).
   Load order on an industry page: pib-r2-turnkey.css, pib-fbmd-page.css, pib-ftm.css, then this file. Everything is scoped to .fbmd (the class on <main>).
   pib-fbmd-page.css and pib-ftm.css carry FTM's own rules (page rhythm, services grid, plan layout, orange form). This file only maps the industry markup
   (.sec-head, .nx-partners, .nx-hdl, pib-earn "plan" layout) onto them. Style only: no copy lives here. */

/* 1. Section headers: same size and measure as FTM's .r2-head (FAQ keeps the plain header, as on FTM) */
.fbmd>.section:not(#faq) .sec-head{max-width:760px;margin-bottom:clamp(40px,5vw,64px)}
.fbmd>.section:not(#faq) .sec-head .h2-sm{font-size:clamp(36px,4.6vw,60px);line-height:1.02;letter-spacing:-.035em}
.fbmd>.section:not(#faq) .sec-head .lead{max-width:640px}
.fbmd #apply{scroll-margin-top:96px}

/* 2. Our network: FTM's mono logo treatment, one card per partner with the logo panel on top (same panel as the "Six jobs" cards) */
.fbmd .nx-partners{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,28px)}
.fbmd .nx-partner.card{display:grid;gap:16px;align-content:start;padding:clamp(14px,1.4vw,18px) clamp(14px,1.4vw,18px) clamp(20px,2vw,26px);border-radius:18px;background:var(--card-grad);border:1px solid var(--line);box-shadow:none}
.fbmd .nx-partner .nx-logo{width:100%;height:clamp(104px,10vw,132px);border-radius:12px;background:#0a0a0a;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
.fbmd .nx-partner .nx-logo img{width:auto;height:auto;max-width:74%;height:clamp(56px,5.6vw,72px);padding:0;border-radius:0;object-fit:contain;opacity:.82;mix-blend-mode:normal;filter:none;transition:opacity .2s}
.fbmd .nx-partner:hover .nx-logo img{opacity:1}
/* how each existing logo file becomes a cream mono mark on the dark panel (set per image by scripts/industry-ftm-style.py) */
.fbmd .nx-logo img[data-lg="sil"]{filter:brightness(0) invert(.94) sepia(.12)}
.fbmd .nx-logo img[data-lg="plain"]{filter:grayscale(1) brightness(1.15) contrast(1.05);opacity:.9}
.fbmd .nx-logo img[data-lg="screen"]{mix-blend-mode:screen;filter:grayscale(1) brightness(1.08)}
.fbmd .nx-logo img[data-lg="invscreen"]{mix-blend-mode:screen;filter:grayscale(1) invert(1) brightness(1.08)}
/* homepage logo method: white alpha mask (public/images/clients) filled with one cream, so every logo reads as the same mono mark */
.fbmd .nx-partner .nx-logo{grid-template-columns:minmax(0,1fr);justify-items:center}
.fbmd .nx-logo .lgm{display:block;--h:clamp(34px,3.6vw,48px);height:var(--h);width:min(82%,calc(var(--ar,3)*var(--h)));background:rgba(245,236,214,.72);-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat;transition:background .2s}
.fbmd .nx-partner:hover .nx-logo .lgm{background:rgba(245,236,214,.95)}
.fbmd .nx-partner .nx-av{background:transparent;color:rgba(245,236,214,.62);font:700 clamp(26px,2.6vw,34px)/1 var(--mono);letter-spacing:.12em}
.fbmd .nx-partner .nx-av svg{width:clamp(40px,4vw,52px);height:clamp(40px,4vw,52px);stroke-width:1.4}
.fbmd .nx-partner .nx-chips{margin-top:6px}
.fbmd .nx-partner>div{display:grid;gap:2px;padding-inline:4px}
.fbmd .nx-partner .h4{font-size:clamp(18px,1.5vw,21px);line-height:1.2;color:var(--t1)}
.fbmd .nx-partner .small{margin:0;font:600 13px/1.3 var(--mono);letter-spacing:.06em;color:var(--amber)}
.fbmd .nx-more{margin:clamp(20px,2.4vw,28px) 0 0;text-align:center;font-size:13px;color:var(--t3)}
@media (min-width:821px){.fbmd .nx-partners:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.fbmd .nx-partners{grid-template-columns:minmax(0,1fr)}.fbmd .nx-partner .nx-logo{height:112px}}

/* 3. "Everything. You do nothing." : FTM's six-job grid (3x2, bigger cards, no arrows) is keyed to #services in pib-ftm.css, so this section carries that id */
.fbmd #services .r2-flow--6 .r2-node p{margin:0}

/* 4. What pages earn: FTM plan layout from pib-ftm.css, with the factor chips as one calm row (no floating diagram) */
.fbmd .fbmd-plan.em-plan{max-width:none;margin:0;padding:0}
.fbmd .fbmd-plan__h .em-fx{position:static;display:flex;flex-wrap:wrap;gap:8px;margin:clamp(18px,2vw,24px) 0 0;padding:0;border:0;border-radius:0;background:none}
.fbmd .fbmd-plan__h .em-fx-n{min-height:40px;padding:6px 14px 6px 8px;border-radius:999px;font-size:14px}
.fbmd .fbmd-plan__h .em-fx-plan{grid-column:auto;position:static;margin:0;min-height:40px;padding:0 18px;font-size:14px}
.fbmd .fbmd-plan__h .em-fx-plan::before{display:none}
.fbmd .fbmd-ck--solo .fbmd-ck__more{margin-top:0;padding-top:0;border-top:0}
.fbmd .fbmd-ck--solo{gap:16px}
.fbmd .fbmd-ck__niche{margin:12px 0 0;font-size:14px;line-height:1.5;color:var(--t2)}

/* 5. How we make money: the three engines as FTM's .fbmd-card tiles (no connector line), the extra stream as an FTM layer tile. Same copy. */
.fbmd [aria-labelledby="nx-rev"] .l-flow{--gap:clamp(18px,2vw,28px);grid-template-columns:repeat(3,minmax(0,1fr))}
.fbmd [aria-labelledby="nx-rev"] .l-flow>li{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;padding:clamp(22px,2.2vw,32px);border-radius:18px;background:var(--card-grad);border:1px solid var(--line)}
.fbmd [aria-labelledby="nx-rev"] .l-flow>li::before,.fbmd [aria-labelledby="nx-rev"] .l-flow>li::after{display:none!important}
.fbmd [aria-labelledby="nx-rev"] .l-flow__node{width:auto;height:auto;border:0;border-radius:0;background:none!important;display:block;font:600 11px/1.2 var(--mono);letter-spacing:.14em;color:var(--amber)!important}
.fbmd [aria-labelledby="nx-rev"] .l-flow__body{gap:8px}
.fbmd [aria-labelledby="nx-rev"] .l-flow__body .h4{font-size:clamp(20px,1.6vw,24px);line-height:1.2}
.fbmd [aria-labelledby="nx-rev"] .l-flow__body .small{font-size:15px;line-height:1.55;color:var(--t2)}
@media (max-width:980px){.fbmd [aria-labelledby="nx-rev"] .l-flow{grid-template-columns:minmax(0,1fr)}}
.fbmd .nx-rev-extra{margin-top:clamp(18px,2vw,28px)}
.fbmd .nx-rev-extra>.card{display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2vw,28px);border-radius:18px;background:var(--card-grad);border:1px solid var(--line)}
.fbmd .nx-rev-extra .h4{font-size:clamp(20px,1.6vw,24px);line-height:1.2;margin:0}
.fbmd .nx-rev-extra .card__body{margin:0;font-size:15px;line-height:1.55;color:var(--t2)}

/* 6. Related (after the guides were removed) sits at the top of its section */
.fbmd .nxl__rel{margin-top:0}
.fbmd [aria-labelledby="nx-rev"] .l-note{margin-top:clamp(24px,3vw,36px)}

/* 7. Pricing header is centred over the share bar, as on FTM */
.fbmd #tiers .sec-head{margin-inline:auto;text-align:center;justify-items:center}