/* Intelligent Title — Sitewide Freshen v1.8
   Load LAST, after it-visual.css, it-visual-merged.css, it-v15.css and it-fresh-v17.css.
   CSS only. No HTML changes are required for sections A through E.
   :not(#_v18) adds ID-level specificity so these rules outrank the earlier !important rules. */

/* ---------- A. "Experience the difference" (section.xd) on the nine category pages ---------- */
/* Same daylight photo and veil as the homepage "From LOI to closing" section. The IRIS portrait backdrop is gone. */
section.xd:not(#_v18){
  background:linear-gradient(90deg,rgba(10,27,54,.9) 0%,rgba(10,27,54,.74) 55%,rgba(10,27,54,.5) 100%),
             url(/assets/img/v17/it-xd-room-1600.jpg) center/cover no-repeat !important;
  background:linear-gradient(90deg,rgba(10,27,54,.9) 0%,rgba(10,27,54,.74) 55%,rgba(10,27,54,.5) 100%),
             image-set(url(/assets/img/v17/it-xd-room-1600.webp) type("image/webp"),url(/assets/img/v17/it-xd-room-1600.jpg) type("image/jpeg")) center/cover no-repeat !important;
  padding:80px 24px 0 !important;
}
/* SBA and CDC keep their own dusk commercial photo (the SBA motif), under the lighter veil. */
section.xd[data-it-xd="sba"]:not(#_v18){
  background:linear-gradient(90deg,rgba(10,27,54,.9) 0%,rgba(10,27,54,.74) 55%,rgba(10,27,54,.5) 100%),
             url(/assets/img/v2/it-commercial-1600.jpg) center/cover no-repeat !important;
}
@media (max-width:900px){
  section.xd:not(#_v18){
    background:linear-gradient(180deg,rgba(10,27,54,.8) 0%,rgba(10,27,54,.6) 100%),
               url(/assets/img/v17/it-xd-room-900.jpg) center/cover no-repeat !important;
    padding:60px 20px 0 !important;
  }
  section.xd[data-it-xd="sba"]:not(#_v18){
    background:linear-gradient(180deg,rgba(10,27,54,.8) 0%,rgba(10,27,54,.6) 100%),
               url(/assets/img/v2/it-commercial-1600.jpg) center/cover no-repeat !important;
  }
}
section.xd:not(#_v18)::before,section.xd:not(#_v18)::after{display:none !important}
section.xd:not(#_v18) .xd-lede{color:rgba(255,255,255,.9) !important}

/* White numbered cards */
section.xd:not(#_v18) .xd-grid{margin-bottom:0 !important;padding-bottom:72px}
section.xd:not(#_v18) .xd-grid .xd-card{
  background:#fff !important;border:1px solid rgba(255,255,255,.9) !important;border-radius:14px !important;
  box-shadow:0 18px 40px -22px rgba(4,14,32,.65) !important;color:#0F2342 !important;
}
section.xd:not(#_v18) .xd-grid .xd-card .xd-card-t{color:#0F2342 !important}
section.xd:not(#_v18) .xd-grid .xd-card .xd-card-b{color:#3E4C63 !important}
section.xd:not(#_v18) .xd-grid .xd-card::before{background:#0F2342 !important;color:#6FF3F3 !important;border-color:#5FD3E3 !important}
section.xd:not(#_v18) .xd-grid .xd-card:hover{background:#fff !important;transform:translateY(-4px);border-color:#5FD3E3 !important;box-shadow:0 22px 44px -20px rgba(4,14,32,.7),0 0 0 2px rgba(95,211,227,.5) !important}
section.xd:not(#_v18) .xd-grid .xd-card:hover::before{background:#14A3B8 !important;color:#fff !important}

/* ---------- B. The close (next steps + credit) becomes its own light band ---------- */
/* Full-bleed light background without HTML changes. This separates the section from the navy footer. */
section.xd:not(#_v18) .m-xd-close,
section.xd:not(#_v18) .it-nexts,
section.xd:not(#_v18) .xd-cta-row{
  position:relative;background:#F3F8FA;box-shadow:0 0 0 100vmax #F3F8FA;clip-path:inset(-1px -100vmax);margin:0 !important;border-top:0 !important;
}
section.xd:not(#_v18) .m-xd-close{padding:64px 0 6px}
section.xd:not(#_v18) .m-xd-close .m-xd-h{color:#0F2342 !important}
section.xd:not(#_v18) .m-xd-close .m-xd-p{color:#3E4C63 !important;font-weight:500}
section.xd:not(#_v18) .m-xd-close .m-xd-brand{color:#0E7F91 !important}
section.xd:not(#_v18) .m-xd-close .it-brandbar,section.xd:not(#_v18) .m-xd-close .it-brandbar span{color:#0F2342 !important}
section.xd:not(#_v18) .it-nexts{padding:28px 0 18px}
/* On pages with no close heading (category pages), give the band a short label */
section.xd:not(#_v18) .xd-grid + .it-nexts{padding-top:60px}
section.xd:not(#_v18) .xd-grid + .it-nexts::before{
  content:"Take the next step";position:absolute;top:24px;left:0;
  font:700 12px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#0E7F91;
}
section.xd:not(#_v18) .xd-cta-row{padding:4px 0 60px;border:0 !important;justify-content:center;text-align:center}
section.xd:not(#_v18) .xd-credit{color:#5A6A82 !important;margin:0 auto !important}

/* Next-step cards on the light band */
.it-nexts a.it-next:not(#_v18){
  background:#fff !important;border:1px solid #D9E6EC !important;color:#0F2342 !important;
  box-shadow:0 10px 26px -18px rgba(15,35,66,.45);
}
.it-nexts a.it-next:not(#_v18) b{color:#0F2342 !important}
.it-nexts a.it-next:not(#_v18) .it-next-d{color:#3E4C63 !important}
.it-nexts a.it-next:not(#_v18) .it-next-k{color:#0E7F91 !important}
.it-nexts a.it-next:not(#_v18) .it-next-ic{color:#fff !important;background:#0F2342 !important;box-shadow:none !important}
.it-nexts a.it-next:not(#_v18)::after{content:"\2192";margin-top:auto;padding-top:8px;font-weight:700;color:#0E7F91}
.it-nexts a.it-next:not(#_v18):hover,.it-nexts a.it-next:not(#_v18):focus-visible{
  transform:translateY(-4px);border-color:#14A3B8 !important;box-shadow:0 18px 34px -18px rgba(14,127,145,.55) !important;
}
.it-nexts a.it-next.is-order:not(#_v18){background:linear-gradient(160deg,#14A3B8,#0B6F7F) !important;border-color:transparent !important;box-shadow:0 18px 34px -16px rgba(14,127,145,.7) !important}
.it-nexts a.it-next.is-order:not(#_v18) b,.it-nexts a.it-next.is-order:not(#_v18) .it-next-d{color:#fff !important}
.it-nexts a.it-next.is-order:not(#_v18) .it-next-k{color:#CFF7FA !important}
.it-nexts a.it-next.is-order:not(#_v18) .it-next-ic{background:rgba(255,255,255,.18) !important}
.it-nexts a.it-next.is-order:not(#_v18)::after{color:#fff}

/* ---------- C. Resources page close ("Read it, watch it, then put it on a file.") ---------- */
/* It sat directly on the navy footer over a dark tower photo. Now light, like the homepage close. */
.it-res-close:not(#_v18){background:linear-gradient(180deg,#F1F7F9 0%,#fff 100%) !important;color:#0F2342 !important;padding:64px 0 72px !important}
.it-res-close:not(#_v18) .it-bd,.it-res-close:not(#_v18)::before,.it-res-close:not(#_v18)::after{display:none !important}
.it-res-close:not(#_v18) .it-res-h{color:#0F2342 !important;text-align:center}
.it-res-close:not(#_v18) .it-brandbar{justify-content:center}
.it-res-close:not(#_v18) .it-brandbar,.it-res-close:not(#_v18) .it-brandbar span{color:#0F2342 !important}
.it-res-close:not(#_v18) .it-nexts{background:none;box-shadow:none;clip-path:none;padding:0}

/* ---------- D. Utility page heroes (Contact, Privacy, Terms, Accessibility, Site Map, See) ---------- */
/* Flat navy band replaced by the LOI look: daylight photo under the same veil. */
.page-hero.v15-band-hero:not(#_v18){
  background:linear-gradient(90deg,rgba(10,27,54,.9) 0%,rgba(10,27,54,.74) 55%,rgba(10,27,54,.5) 100%),
             url(/assets/img/v17/it-xd-room-1600.jpg) center 40%/cover no-repeat !important;
  padding:72px 0 64px !important;
}
@media (max-width:900px){
  .page-hero.v15-band-hero:not(#_v18){
    background:linear-gradient(180deg,rgba(10,27,54,.8) 0%,rgba(10,27,54,.62) 100%),
               url(/assets/img/v17/it-xd-room-900.jpg) center/cover no-repeat !important;
  }
}

/* ---------- E. Footer edge, sitewide ---------- */
.site-footer:not(#_v18){border-top:4px solid #14A3B8}

@media (prefers-reduced-motion:reduce){
  section.xd:not(#_v18) .xd-grid .xd-card,.it-nexts a.it-next:not(#_v18){transition:none !important;transform:none !important}
}