/* ============================================================
   PAGE · Guest Posting  (/publish-with-us/guest-posting/)
   Editorial guidelines accordion, live counters + preview box for the
   embedded submission form, FAQ. The hero (.gp-hero*) and the boxed form
   section (.gp-submit-section*) are shared components living in
   service-detail.css (global chain) — see them there, not here. Reuses
   sitewide tokens/typography/buttons — no new palette. Scoped with
   body.page-guest-posting.
   ============================================================ */

/* ===================== Editorial Guidelines ===================== */
.gp-guide{background:#fff;padding:clamp(4rem,8vw,6.5rem) 0;}
.gp-guide .section-head{max-width:640px;}
.gp-guide__list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem;}
.gp-guide-item{background:var(--sb-light);border:1px solid var(--line);border-radius:12px;transition:border-color .25s ease;}
.gp-guide-item__q{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.3rem;text-align:left;background:none;border:0;cursor:pointer;font:inherit;}
.gp-guide-item__ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--sb-lightblue);color:var(--sb-navy);display:grid;place-items:center;}
.gp-guide-item__title{flex:1;font-weight:700;color:var(--ink);font-size:.98rem;}
.gp-guide-item__toggle{flex:none;font-size:1.3rem;line-height:1;color:var(--text-2);transition:transform .25s ease;}
.gp-guide-item.is-open{border-color:var(--sb-blue);}
.gp-guide-item.is-open .gp-guide-item__toggle{transform:rotate(45deg);}
.gp-guide-item__a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.gp-guide-item.is-open .gp-guide-item__a{max-height:240px;}
.gp-guide-item__a p{margin:0;padding:0 1.3rem 1.1rem 3.5rem;color:var(--text);font-size:1rem;line-height:1.65;}

/* ===================== Submission form counters + preview ===================== */
.gp-count{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-2);font-size:.78rem;float:right;}
.gp-count--pill{background:var(--sb-lightblue);color:var(--sb-navy);border-radius:999px;padding:.15em .7em;margin-left:.5em;font-weight:700;}
.gp-count--pill.is-over{background:#f7e6e4;color:#b23b32;}
.gp-count--ok{color:#2e7d4f;} /* matches the site's existing success green (.gp-notice--ok) */
.gp-preview{max-width:760px;margin:1.6rem auto 0;background:var(--sb-light);border:1px solid var(--line);border-radius:12px;padding:1.4rem 1.6rem;}
.gp-preview__title{margin:0 0 .3rem;}
.gp-preview__byline{margin:0 0 1rem;color:var(--text-2);font-size:.85rem;font-weight:700;}
.gp-preview__body{white-space:pre-wrap;color:var(--text);font-size:.95rem;line-height:1.7;}

/* ===================== Mobile trim ===================== */
@media (max-width:600px){
	.gp-guide{padding:56px 0;}
}