.js-image-block img {
  width: 100%;
  display: block;
  object-fit: contain;
  max-height: 320px;
  background: #f8fafc;
}

/* Homepage — remove the gap above the nav */
body { padding-top: 0 !important; }

/* Inner pages — tighten Zoho's own default section/snippet spacing */
.zpdefault-section { padding-top: 12px !important; }
.zpelem-codesnippet { margin-top: 0 !important; }





/* ===================================================================
JobSight -- Brand Design Tokens (standardized 2026-09-02)
Consolidates the 5 competing font families found across snippets
(Open Sans, Fraunces, Montserrat, Inter, IBM Plex Mono) down to a
2-font system. Color normalization is a separate follow-up pass --
text on dark hero sections needs contrast checked before forcing
color site-wide.
=================================================================== */
:root { --js-navy: #0D244D; --js-green: #0AB175; --js-font-heading: 'Fraunces', Georgia, serif; --js-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }

/* Headings -- was a mix of Open Sans / Fraunces / Montserrat per snippet */
h1, h2, h3, h4, h5, h6 { font-family: var(--js-font-heading) !important; }

/* Body copy -- standardize on Inter, already the most-used body font */
body, p { font-family: var(--js-font-body) !important; }

/* Specificity boost: snippet classes like .js-title beat a plain h-tag or p selector even with !important, so this wins on classed elements too */
h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1[class][class], h2[class][class], h3[class][class], h4[class][class], h5[class][class], h6[class][class] { font-family: var(--js-font-heading) !important; }
p[class], p[class][class] { font-family: var(--js-font-body) !important; }

/* ===== jobsightpools.com additions (2026-10-01) =====
   1. Removed a stray HTML style tag that sat just before :root. It made the browser
      drop the whole :root rule, so --js-font-heading / --js-font-body were undefined
      and every snippet heading and paragraph fell back to Times New Roman.
      (The same stray tag is in jobsight.tech's Custom CSS.)
   2. Removed the PageSense script block. Scripts don't run from a CSS file.
   3. Side gutters below reproduce the jobsight.tech page frame, so the header,
      logo and menu sit in exactly the same place on both sites. */
body { padding-left: 48px !important; padding-right: 48px !important; }
@media (max-width: 860px) {
  body { padding-left: 24px !important; padding-right: 24px !important; }
}

/* 4. Each page's content is one code snippet (classes start with jsp-).
      Drop the template's section background and padding around it, and hide
      the empty theme footer, since every page snippet carries its own footer. */
.zpsection:has(.jsp) { background: transparent !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.theme-footer-area { display: none !important; }
/* Some template rows use half- or two-thirds-width columns; make the snippet column full width. */
.zpelem-col:has(.jsp) { flex: 0 0 100% !important; width: 100% !important; }