@charset "UTF-8";
/* --- overwrite global site styles ------------------------------------------------------------ */
  ul li {
    margin-bottom: auto;
  }



body { margin: 0; background: #fff; }
main {padding-bottom: 0}

.complex-web-microsite-page {
/* --- color ------------------------------------------------------------ */
--cw-navy:      #041E42;   /* Georgetown navy: headings, nav              */
--cw-nav-bg:    #0F3563;
--cw-ink:       #232B36;   /* body text: desaturated navy, not black      */
--cw-muted:     #5C6675;   /* summaries, captions                         */
--cw-line:      #D5DAE3;   /* borders and rules                           */
  --cw-line-soft: #E7EAF0;
  --cw-paper:     #FFFFFF;
--cw-tint:      #F1F3F7;   /* section grounds, icon wells                 */
--cw-cream:     #FCF4DE;   /* the report cover ground                     */
--cw-link:      #1B4EBA;   /* inherited CHIR link blue                    */
/* section accents: one per section, used only on markers and icons */
  --cw-problems:  #93302A;
  --cw-solutions: #14655A;
  --cw-resources: #1D3C6D;
--cw-accent:    var(--cw-navy);   /* overridden per section */
/* --- layout ----------------------------------------------------------- */
--cw-shell:    72rem;   /* outer container                                */
--cw-measure:  38rem;   /* prose measure, roughly 66 characters           */
  --cw-radius:   6px;
  --cw-gutter:   1.5rem;

/* --- type ------------------------------------------------------------- */
  --cw-display: futura-pt, Jost, Futura, "Century Gothic", sans-serif;
  --cw-text:    "Source Sans 3", "Helvetica Neue", Arial, sans-serif;

  color: var(--cw-ink);
  font-family: var(--cw-text);
  font-size: 1.0625rem;
  line-height: 1.6;
  letter-spacing: 0;
}

	.complex-web-microsite-page .cw-shell {
	  max-width: var(--cw-shell);
	  margin-inline: auto;
	  padding-inline: var(--cw-gutter);
	}

	.complex-web-microsite-page .cw-prose { max-width: var(--cw-measure); }

	.complex-web-microsite-page .cw-prose p { margin: 0 0 1.1rem; }

	.complex-web-microsite-page .cw-prose p:last-child { margin-bottom: 0; }

/* ---- typography -------------------------------------------------------- */
	.complex-web-microsite-page h1 {
	  font-family: var(--cw-display);
	  font-weight: 600;
	  font-size: clamp(1.7rem, .9rem + 2.5vw, 2.6rem);
	  line-height: 1.12;
	  letter-spacing: -0.02em;
	  color: var(--cw-navy);
	  margin: 0 0 1rem;
	}

	/* icon weight is set per context, so the sprite carries no stroke-width */
	.complex-web-microsite-page svg { stroke-width: 1.6; }

	.complex-web-microsite-page h2 {
	  font-family: var(--cw-display);
	  font-weight: 500;
	  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.1rem);
	  line-height: 1.15;
	  letter-spacing: -0.01em;
	  color: var(--cw-navy);
	  margin: 0;
	}

	.complex-web-microsite-page .cw-card h4 {
	  font-family: var(--cw-text);
	  font-weight: 600;
	  font-size: 1.0625rem;
	  line-height: 1.35;
	  color: var(--cw-navy);
	  margin: 0;
	}

	.complex-web-microsite-page a { 
		/*color: var(--cw-link); banned */
		text-underline-offset: 2px; 
	}
	.cw-nav-link:hover { /*added*/
	  color: white;
	}

	.complex-web-microsite-page a:hover { text-decoration-thickness: 2px; }

	.complex-web-microsite-page :focus-visible {
	  outline: 3px solid var(--cw-link);
	  outline-offset: 2px;
	  border-radius: 2px;
	}
/* ---- secondary navigation ----------------------------------------------  */
	.cw-nav {
	  background: var(--cw-nav-bg);
	  box-shadow: inset 0 1px 0 rgba(255,255,255,.14);
	  font-family: Jost, futura-pt, Futura, sans-serif;
	}
	.cw-nav-inner { max-width: 72rem; margin-inline: auto; padding-inline: 1.5rem; }
	.cw-nav ul { list-style: none; margin: 0; padding: 0; }
	.cw-nav-list { display: flex; flex-direction: column; }
	.cw-nav-item { position: relative; border-top: 1px solid rgba(255,255,255,.12); }
	.cw-nav-item:first-child { border-top: 0; }
	.cw-nav-row { display: flex; align-items: stretch; }
	.cw-nav-link {
	  flex: 1 1 auto;
	  display: flex; align-items: center;
	  min-height: 44px; padding: .6rem 0;
	  color: #fff; text-decoration: none;
	  font-size: .95rem; font-weight: 400; line-height: 1.25;
	}
	.cw-nav-link:hover { text-decoration: underline; text-underline-offset: 3px; }
	/* current page: a weight change alone is too quiet to find at a glance */
	.cw-nav-link[aria-current="page"] {
	  font-weight: 600;
	  box-shadow: inset 0 -3px 0 #fff;
	}
	@media (max-width: 59.99em) {
	  .cw-nav-link[aria-current="page"] { box-shadow: inset 3px 0 0 #fff; padding-left: .75rem; }
	}
	.cw-nav-toggle {
	  flex: 0 0 auto;
	  min-width: 44px; min-height: 44px;
	  display: grid; place-items: center;
	  background: transparent; border: 0; cursor: pointer;
	  color: #fff; font: inherit;
	}
	.cw-nav-toggle svg { width: 1rem; height: 1rem; transition: transform .18s ease; }
	.cw-nav-item[data-open="true"] > .cw-nav-row .cw-nav-toggle svg { transform: rotate(180deg); }
	.cw-nav-dropdown { display: none; padding: 0 0 .5rem 1rem; }
	.cw-nav-item[data-open="true"] > .cw-nav-dropdown { display: block; }
	.cw-nav-dropdown a {
	  display: flex; align-items: center; min-height: 40px;
	  padding: .35rem 0;
	  color: #d8e0ee; text-decoration: none; font-size: .9rem;
	}
	.cw-nav-dropdown a:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
	.cw-nav :focus-visible { outline: 3px solid #fff; outline-offset: -3px; }

	@media (min-width: 60em) {
	  .cw-nav-list { flex-direction: row; flex-wrap: wrap; align-items: stretch; }
	  .cw-nav-item { border-top: 0; }
	  .cw-nav-row { align-items: center; }
	  .cw-nav-link { padding: .85rem .5rem .85rem 0; min-height: 71.2px; /*added*/ }
	  .cw-nav-item + .cw-nav-item { margin-left: 1.75rem; }
	  .cw-nav-toggle { min-width: 1.75rem; }
	  .cw-nav-dropdown {
	    position: absolute; top: 100%; left: -.75rem; z-index: 60;
	    min-width: 15rem; padding: .4rem .25rem;
	    background: #0a2b57;
	    border-radius: 0 0 var(--cw-radius, 6px) var(--cw-radius, 6px);
	    box-shadow: 0 10px 24px rgba(0,0,0,.28);
	  }
	  .cw-nav-dropdown a { padding: .5rem .9rem; }
	  @media (hover: hover) and (pointer: fine) {
	    .cw-nav-item:hover > .cw-nav-dropdown { display: block; }
	  }
	}
/* ---- banner ------------------------------------------------------------*/

	.complex-web-microsite-page .cw-banner {
	  position: relative;
	  overflow: hidden;
	  background: var(--cw-cream);
	  border-bottom: 1px solid var(--cw-line);
	}

	.complex-web-microsite-page .cw-banner-art {
	  position: absolute; inset: 0;
	  width: 100%; height: 100%;
	  pointer-events: none;
	}

/* keeps the title crisp where the lines run behind it */
	.complex-web-microsite-page .cw-banner::after {
	  content: "";
	  position: absolute; inset: 0;
	  background: linear-gradient(to right,
	              color-mix(in srgb, var(--cw-cream) 88%, transparent) 0%,
	              color-mix(in srgb, var(--cw-cream) 62%, transparent) 42%,
	              transparent 78%);
	  pointer-events: none;
	}

	.complex-web-microsite-page .cw-banner-inner {
	  position: relative;
	  z-index: 1;
	  max-width: var(--cw-shell);
	  margin-inline: auto;
	  padding: 2.75rem var(--cw-gutter);
	  min-height: 256px /*10.5rem*/; /*modified*/
	  display: flex; align-items: center;
	}

	.complex-web-microsite-page .cw-banner h1 { margin: 0; }

	@media (max-width: 44em) {
	  .complex-web-microsite-page .cw-banner-inner { min-height: 7.5rem; padding-block: 1.85rem; }
	  
	  .complex-web-microsite-page .cw-banner-art { transform: scale(1.45); transform-origin: 78% 50%; }
	}

	.complex-web-microsite-page .cw-hero { padding: 2.5rem 0 2.25rem; }
	.complex-web-microsite-page .cw-hero .cw-prose,
	.complex-web-microsite-page .cw-hero .custom-accordion { max-width: none; }
	.complex-web-microsite-page .cw-hero-title-row {
	  display: flex; align-items: center; gap: .85rem; flex-wrap: wrap;
	}

	.complex-web-microsite-page .cw-hero-title-row h1 { margin-bottom: 0; }

	.complex-web-microsite-page .cw-hero-mark {
	  flex: 0 0 auto;
	  width: 2.6rem; height: 2.6rem;
	  display: grid; place-items: center;
	  border-radius: 8px;
	  background: color-mix(in srgb, var(--cw-accent) 10%, white);
	  color: var(--cw-accent);
	}

	.complex-web-microsite-page .cw-hero-mark svg { width: 1.4rem; height: 1.4rem; }

	.complex-web-microsite-page .cw-hero-mark img { max-width: 1.9rem; max-height: 1.9rem; width: auto; height: auto; }

	.complex-web-microsite-page .cw-lede {
	  font-size: 1.125rem;
	  line-height: 1.7;
	  color: var(--cw-ink);
	  max-width: none;
	}

	.complex-web-microsite-page .cw-callout {
	  max-width: none;
	  margin: 1.35rem 0 0;
	  padding-left: 1rem;
	  border-left: 3px solid var(--cw-accent);
	  font-weight: 600;
	  font-size: 1.125rem;
	  line-height: 1.65;
	  color: var(--cw-navy);
	}

/* ---- three ways in ----------------------------------------------------- */
	.complex-web-microsite-page .cw-ways {
	  display: grid; gap: 1rem;
	  grid-template-columns: 1fr;
	  margin: 2.25rem 0 0;
	  padding: 0; list-style: none;
	}

	@media (min-width: 46em) {
	  .complex-web-microsite-page .cw-ways { grid-template-columns: repeat(3, 1fr); }
	}

	.complex-web-microsite-page .cw-way {
	  position: relative;
	  overflow: hidden;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  padding: 1.35rem 1.4rem;
	  min-height: 7.5rem;
	  border: 0;
	  border-radius: 10px;
	  background: var(--cw-accent);
	  text-decoration: none;
	  color: #fff;
	  transition: transform .22s cubic-bezier(.2, .7, .3, 1),
	              box-shadow .22s ease, filter .22s ease;
	}

	.complex-web-microsite-page .cw-way:hover,
	.complex-web-microsite-page .cw-way:focus-visible {
	  transform: translateY(-5px);
	  box-shadow: 0 14px 30px rgba(4, 30, 66, .32);
	  filter: brightness(1.14);
	}

	.complex-web-microsite-page .cw-way:active { transform: translateY(-1px); }

	.complex-web-microsite-page .cw-way:focus-visible { outline-color: var(--cw-navy); outline-offset: 3px; }

	.complex-web-microsite-page .cw-way-title {
	  position: relative;
	  display: block;
	  font-family: var(--cw-display);
	  font-weight: 600; font-size: 1.35rem; line-height: 1.15;
	  color: #fff;
	  margin-bottom: .5rem;
	}

	.complex-web-microsite-page .cw-way-desc {
	  position: relative;
	  display: block;
	  font-size: .975rem; line-height: 1.45;
	  color: rgba(255, 255, 255, .87);
    max-width: 80%;
	}

	.complex-web-microsite-page .cw-card-icon,
	.complex-web-microsite-page .cw-hero-mark,
	.complex-web-microsite-page .cw-section-mark {
	  background: #fff;
	}

/* ---- long-form article inside an accordion ----------------------------- */
	.complex-web-microsite-page .cw-article p { margin: 0 0 1.05rem; }

	.complex-web-microsite-page .cw-article h3 {
	  font-family: var(--cw-display); font-weight: 600;
	  font-size: 1.35rem; line-height: 1.25; color: var(--cw-navy);
	  margin: 2rem 0 .7rem;
	}

	.complex-web-microsite-page .cw-article h4 {
	  font-family: var(--cw-text); font-weight: 600;
	  font-size: 1.08rem; line-height: 1.35; color: var(--cw-accent);
	  margin: 1.6rem 0 .5rem;
	}

	.complex-web-microsite-page .cw-article-title {
	  font-family: var(--cw-display); font-weight: 600;
	  font-size: 1.65rem; line-height: 1.15; color: var(--cw-navy);
	  margin: 0 0 .7rem;
	}

	.complex-web-microsite-page .cw-article-lead {
	  float: right;
	  width: 38%;
	  max-width: 22rem;
	  margin: .2rem 0 1.25rem 1.9rem;
	}

	@media (max-width: 46em) {
	  .complex-web-microsite-page .cw-article-lead {
	      float: none; width: 100%; max-width: none; margin: 1.25rem 0;
	    }
	}

	.complex-web-microsite-page .cw-article h3,
	.complex-web-microsite-page .cw-article h4,
	.complex-web-microsite-page .cw-article .cw-tags { clear: right; }

	.complex-web-microsite-page main .cw-byline.wp-block-paragraph {
	  font-size: .95rem; 
    color: var(--cw-muted);
	  margin: 0 0 1.25rem;
	}

	.complex-web-microsite-page .cw-article figure { margin: 1.6rem 0; }

	.complex-web-microsite-page .cw-article figure img {
	  display: block; width: 100%; height: auto; border-radius: 6px;
	}

	.complex-web-microsite-page .cw-article figcaption {
	  font-family: var(--cw-display); font-weight: 600;
	  font-size: .95rem; color: var(--cw-navy); margin-bottom: .55rem;
	}

	.complex-web-microsite-page .cw-article .cw-tags {
	  margin: 1.75rem 0 0; padding-top: .9rem;
	  border-top: 1px solid var(--cw-line);
	  font-size: .85rem; line-height: 1.6; color: var(--cw-muted);
	}

	.complex-web-microsite-page .cw-ways.cw-ways-4 { grid-template-columns: minmax(0, 1fr); }

	@media (min-width: 40em) {
	  .complex-web-microsite-page .cw-ways.cw-ways-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	}

	@media (min-width: 66em) {
	  .complex-web-microsite-page .cw-ways.cw-ways-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	}

	.complex-web-microsite-page .cw-ways.cw-ways-4 { margin: 2.25rem 0 0; }

	.complex-web-microsite-page .cw-ways-4 .cw-way { min-height: 5.25rem; }

	.complex-web-microsite-page .cw-ways-4 .cw-way-title { 
    font-size: 1.2rem; 
    margin-bottom: 0;
    text-align: center;
  }

/* Sections break out of .cw-shell with negative inline margins and restore
	   their own gutter, so content stays on the same measure. overflow-x is
	   clipped rather than hidden: hidden would create a scroll container and
	   silently break sticky and scroll-timeline behaviour inside it. */
	.complex-web-microsite-page { overflow-x: clip; }

	.complex-web-microsite-page .cw-section {
	  position: relative;
	  margin: 0 calc(50% - 50vw);
	  padding: 3rem calc(50vw - 50%) 3.25rem;
	  background: color-mix(in srgb, var(--cw-accent) 7%, white);
	}

	.complex-web-microsite-page .cw-section:last-of-type { padding-bottom: 3.75rem; }

/* navy background is darkened */
	.complex-web-microsite-page #coweb-landing-the-resources {
	  background: color-mix(in srgb, var(--cw-accent) 13%, white);
	}

	.complex-web-microsite-page .cw-section-head {
	  display: flex; align-items: center; gap: .8rem;
	  margin-bottom: 1.5rem;
	}

/* Module mark beside the heading, sized to match the card icons. Carries
	   both a drawn icon and an emoji, so it follows the art toggle. */
	.complex-web-microsite-page .cw-section-mark {
	  flex: 0 0 auto;
	  width: 2.6rem; height: 2.6rem;
	  display: grid; place-items: center;
	  border-radius: 8px;
	  background: color-mix(in srgb, var(--cw-accent) 10%, white);
	  color: var(--cw-accent);
	}

	.complex-web-microsite-page .cw-section-mark svg { width: 1.4rem; height: 1.4rem; }

	.complex-web-microsite-page .cw-section-mark img { max-width: 1.9rem; max-height: 1.9rem; width: auto; height: auto; }

	.complex-web-microsite-page .cw-section-node {
	  flex: 0 0 auto;
	  width: .7rem; height: .7rem; border-radius: 50%;
	  background: var(--cw-accent);
	  box-shadow: 0 0 0 4px color-mix(in srgb, var(--cw-accent) 14%, white);
	}

	.complex-web-microsite-page #coweb-landing-the-problems,
	.complex-web-microsite-page #third-party-administrators,
	.complex-web-microsite-page #middlemen,
	.complex-web-microsite-page #private-equity,
	.complex-web-microsite-page #vertical-integration { --cw-accent: var(--cw-problems); }

	.complex-web-microsite-page #coweb-landing-the-solutions { --cw-accent: var(--cw-solutions); }

	.complex-web-microsite-page #coweb-landing-the-resources { --cw-accent: var(--cw-resources); }

	.complex-web-microsite-page .cw-subhead {
	  font-family: var(--cw-display);
	  font-weight: 600;
	  font-size: 1.05rem;
	  line-height: 1.2;
	  color: var(--cw-accent);
	  width: fit-content;
	  margin: 0 0 .85rem;
	  padding-bottom: .3rem;
	  border-bottom: 2px solid color-mix(in srgb, var(--cw-accent) 40%, white);
	}
	.complex-web-microsite-page .cw-subhead-cards { margin-top: 2.5rem; }

	.complex-web-microsite-page .cw-section-intro { margin-bottom: 2.25rem; }

	.complex-web-microsite-page .cw-section-intro .cw-prose { max-width: none; }

	.complex-web-microsite-page .cw-zone-cards { grid-area: cards; }

	.complex-web-microsite-page .cw-zone-label {
	  font-family: var(--cw-display);
	  font-weight: 600;
	  font-size: .95rem;
	  line-height: 1.2;
	  color: var(--cw-accent);
	  width: fit-content;
	  margin: 0 0 .8rem;
	  padding-bottom: .28rem;
	  border-bottom: 2px solid color-mix(in srgb, var(--cw-accent) 40%, white);
	}

	.complex-web-microsite-page .cw-section-intro .custom-accordion { max-width: none; margin: 1.35rem 0 0; }

/* ---- two-zone module layout -------------------------------------------
	   Text left, latest work right, with a divider between. Used by both the
	   Problems and Solutions modules.
	   One column until 60em, two above it. */
	.complex-web-microsite-page .cw-module-grid {
	  display: grid;
	  gap: 2rem;
	  grid-template-columns: minmax(0, 1fr);
	  grid-template-areas:
	    "text"
	    "cards";
	}

	.complex-web-microsite-page .cw-zone-text { grid-area: text; }

	@media (min-width: 60em) {
	  .complex-web-microsite-page .cw-module-grid {
	      grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	      gap: 2.5rem;
	      grid-template-areas: "text cards";
	    }
	  
  /* the divider from the mock, only where there are two columns to divide */
	  
	  .complex-web-microsite-page .cw-module-grid .cw-zone-cards {
	      border-left: 1px solid var(--cw-line);
	      padding-left: 2.5rem;
	    }
	}

/* ---- numbered strategy list on left */
	.complex-web-microsite-page .cw-strategies-numbered {
	  counter-reset: cwn;
	  list-style: none;
	  margin: 1.25rem 0 0;
	  padding: 0;
	  display: grid;
	  gap: .8rem;
	}

	.complex-web-microsite-page .cw-strategy-n {
	  counter-increment: cwn;
	  position: relative;
	  padding-left: 2.25rem;
	  font-size: 1rem;
	  line-height: 1.55;
	}

	.complex-web-microsite-page .cw-strategy-n::before {
	  content: counter(cwn);
	  position: absolute; left: 0; top: .12rem;
	  width: 1.6rem; height: 1.6rem;
	  display: grid; place-items: center;
	  border-radius: 50%;
	  background: color-mix(in srgb, var(--cw-accent) 13%, white);
	  color: var(--cw-accent);
	  font-family: var(--cw-display);
	  font-weight: 600;
	  font-size: .85rem;
	}

/* ---- resources as a horizontal row of tall cards ----------------------*/
	.complex-web-microsite-page .cw-cards-row {
	  display: grid;
	  gap: 1.25rem;
	  max-width: none;
	  grid-template-columns: minmax(0, 1fr);
	}

	@media (min-width: 48em) {
	  .complex-web-microsite-page .cw-cards-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	}

	@media (min-width: 62em) {
	  .complex-web-microsite-page .cw-cards-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	}

	.complex-web-microsite-page .cw-cards-row .cw-card {
	  grid-template-columns: minmax(0, 1fr);
	  align-content: start;
	  padding: 1.4rem 1.45rem 1.55rem;
	  gap: 0;
	}

	.complex-web-microsite-page .cw-cards-row .cw-card-icon {
	  width: 3.4rem; height: 3.4rem;
	  margin-bottom: 1rem;
	}

	.complex-web-microsite-page .cw-cards-row .cw-card-icon svg { width: 1.75rem; height: 1.75rem; }

	.complex-web-microsite-page .cw-cards-row .cw-card-icon img { max-width: 2.4rem; max-height: 2.4rem; }

	.complex-web-microsite-page .cw-cards-row .cw-card-summary {
	  display: -webkit-box;
	  -webkit-line-clamp: 6;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	}

/* ---- section call-to-action button ------------------------------------*/
	.complex-web-microsite-page .cw-btn {
	  display: inline-flex;
	  align-items: center;
	  min-height: 44px;
	  padding: .72rem 1.4rem;
	  border-radius: 6px;
	  background: var(--cw-accent);
	  color: #fff;
	  font-family: var(--cw-display);
	  font-weight: 600;
	  font-size: 1rem;
	  line-height: 1.2;
	  text-decoration: none;
	  transition: filter .18s ease, box-shadow .18s ease, transform .18s ease;
	}

	.complex-web-microsite-page .cw-btn:hover,
	.complex-web-microsite-page .cw-btn:focus-visible {
	  filter: brightness(1.13);
	  box-shadow: 0 7px 18px rgba(4, 30, 66, .26);
	  transform: translateY(-2px);
	}

	.complex-web-microsite-page .cw-btn:focus-visible { outline-color: var(--cw-navy); outline-offset: 3px; }

	.complex-web-microsite-page .cw-zone-cta {
	  display: flex;
	  justify-content: flex-end;
	  margin-top: 1.15rem;
	}

	.complex-web-microsite-page .cw-row-cta {
	  display: flex;
	  justify-content: flex-end;
	  margin-top: 1.35rem;
	}

	@media (max-width: 47.99em) {
	  .complex-web-microsite-page .cw-row-cta,
	  .complex-web-microsite-page .cw-zone-cta { justify-content: flex-start; }
	}

	.complex-web-microsite-page .cw-section-rule {
	  flex: 1 1 auto;
	  height: 3px;
	  min-width: 2rem;
	  border-radius: 2px;
	  background: linear-gradient(to right,
	              color-mix(in srgb, var(--cw-accent) 38%, white),
	              color-mix(in srgb, var(--cw-accent) 8%, white));
	}

	.complex-web-microsite-page figcaption {
	  font-size: .9rem; color: var(--cw-muted); line-height: 1.5;
	  margin-top: .65rem;
	  display: flex; flex-wrap: wrap; gap: .35rem 1rem; align-items: baseline;
	}

/* ---- quick-route panel ------------------------------------------------- */
	.complex-web-microsite-page .cw-routes { display: grid; gap: .85rem; align-content: start; }

	.complex-web-microsite-page .cw-route {
	  display: block; padding: 1.1rem 1.15rem;
	  background: var(--cw-tint);
	  border-radius: var(--cw-radius);
	  border-left: 3px solid var(--cw-accent);
	  text-decoration: none; color: var(--cw-ink);
	  transition: background .15s ease;
	}

	.complex-web-microsite-page .cw-route:hover { background: color-mix(in srgb, var(--cw-accent) 8%, var(--cw-tint)); }

	.complex-web-microsite-page .cw-route-title {
	  display: block; font-family: var(--cw-display); font-weight: 500;
	  font-size: 1.1rem; color: var(--cw-navy); margin-bottom: .25rem;
	}

	.complex-web-microsite-page .cw-route p { margin: 0; font-size: .95rem; line-height: 1.5; color: var(--cw-muted); }

/* title-only route boxes need no trailing gap under the title */
	.complex-web-microsite-page .cw-route .cw-route-title:only-child { margin-bottom: 0; }

	.complex-web-microsite-page .cw-zone-text .cw-routes { margin-top: 1.4rem; }

/* ---- publication cards -------------------------------------------------
	   One component, used by every section on every page. */
	.complex-web-microsite-page .cw-cards {
	  display: grid; gap: .85rem;
	  max-width: 56rem;
	}

/* Variant overrides. These need two classes: .cw-cards is declared after
	   .cw-cards-row and .cw-cards-compact in this file */
	.complex-web-microsite-page .cw-cards.cw-cards-row { max-width: none; gap: 1.25rem; }

	.complex-web-microsite-page .cw-cards.cw-cards-compact { max-width: none; gap: .7rem; }

	.complex-web-microsite-page .cw-card {
	  display: grid;
	  grid-template-columns: auto minmax(0, 1fr);
	  gap: 1rem;
	  align-items: start;
	  padding: 1.1rem 1.2rem;
	  background: var(--cw-paper);
	  border: 1px solid var(--cw-line);
  /* the left-hand colour line, carried over from the route boxes */
	  border-left: 3px solid var(--cw-accent);
	  border-radius: var(--cw-radius);
	  text-decoration: none;
	  color: var(--cw-ink);
	  transition: border-color .15s ease, box-shadow .15s ease;
	}

	.complex-web-microsite-page .cw-card:hover {
	  border-color: color-mix(in srgb, var(--cw-accent) 50%, var(--cw-line));
	  border-left-color: var(--cw-accent);
	  box-shadow: 0 2px 12px rgba(4, 30, 66, .09);
	}

	.complex-web-microsite-page .cw-card:hover h4 { text-decoration: underline; text-underline-offset: 2px; }

	.complex-web-microsite-page .cw-card-icon {
	  flex: 0 0 auto;
	  width: 2.75rem; height: 2.75rem;
	  display: grid; place-items: center;
	  border-radius: 8px;
	  background-color: white; /*background: color-mix(in srgb, var(--cw-accent) 9%, white); modified*/
	  color: var(--cw-accent);
	}

	.complex-web-microsite-page .cw-card-icon svg { width: 1.4rem; height: 1.4rem; }

	.complex-web-microsite-page .cw-card-icon img { max-width: 1.9rem; max-height: 1.9rem; width: auto; height: auto; }

	.complex-web-microsite-page .cw-card-summary {
	  display: block;
	  margin-top: .4rem;
	  font-size: .975rem;
	  line-height: 1.55;
	  color: var(--cw-muted);
	}

	.complex-web-microsite-page .cw-card-meta {
	  display: block; margin-top: .45rem;
	  font-family: var(--cw-display); font-weight: 400;
	  font-size: .82rem; color: var(--cw-muted);
	}

	.complex-web-microsite-page .cw-card:empty { display: none; } /*hide empty rows*/

/* Compact variant, used where cards sit in a column rather than across the
	   page. */
	.complex-web-microsite-page .cw-cards-compact { gap: .7rem; max-width: none; }

	.complex-web-microsite-page .cw-cards-compact .cw-card {
	  gap: .8rem;
	  padding: .9rem 1rem;
	}

	.complex-web-microsite-page .cw-cards-compact .cw-card-icon { width: 2.3rem; height: 2.3rem; }

	.complex-web-microsite-page .cw-cards-compact .cw-card-icon svg { width: 1.2rem; height: 1.2rem; }

	.complex-web-microsite-page .cw-cards-compact .cw-card-icon img { max-width: 1.75rem; max-height: 1.75rem; }

	.complex-web-microsite-page .cw-cards-compact .cw-card h4 { font-size: 1rem; }

	.complex-web-microsite-page .cw-cards-compact .cw-card-summary {
	  font-size: .925rem;
	  line-height: 1.5;
	  display: -webkit-box;
	  -webkit-line-clamp: 4;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	}

/* ---- interior-page cards ----------------------------------------------*/
	.complex-web-microsite-non-landing-page .cw-cards { max-width: none; }

	.complex-web-microsite-non-landing-page .cw-card {
	  grid-template-columns: 11.5rem minmax(0, 1fr);
	  gap: 1.35rem;
	  align-items: stretch;
	  padding: 1rem;
	}

	.complex-web-microsite-non-landing-page .cw-card-icon {
	  place-items: stretch;
	  width: 100%; height: auto;
	  min-height: 7.5rem;
	  align-self: stretch;
	  border-radius: 5px;
	  background: var(--cw-tint);
	  overflow: hidden;
	}

	.complex-web-microsite-non-landing-page .cw-card-icon img {
	  width: 100%; height: 100%;
	  max-width: none; max-height: none;
	  object-fit: cover;
	}

	.complex-web-microsite-non-landing-page .cw-card-icon svg { width: 2.25rem; height: 2.25rem; }

	.complex-web-microsite-non-landing-page .cw-card h4 { font-size: 1.15rem; }

	.complex-web-microsite-non-landing-page .cw-card-summary { font-size: 1rem; }

	.complex-web-microsite-non-landing-page .cw-card-body { align-self: center; }

/* stacks on narrow screens */
	@media (max-width: 40em) {
	  .complex-web-microsite-non-landing-page .cw-card { grid-template-columns: minmax(0, 1fr); }
	  .complex-web-microsite-non-landing-page .cw-card-icon { min-height: 9rem; }
	}

/* ---- solutions strategies ---------------------------------------------- */
	.complex-web-microsite-page .cw-strategies {
	  counter-reset: cwn;
    list-style: none;
    margin: 1.25rem 0 0;
    padding: 0;
    display: grid;
    gap: .8rem;
	}
	.complex-web-microsite-page .cw-strategy {
	  counter-increment: cwn;
    position: relative;
    padding-left: 2.25rem;
    font-size: 1rem;
    line-height: 1.55;
	}
  .complex-web-microsite-page .cw-strategy::before {
    content: "•";
    position: absolute;
    left: 0;
    top: .12rem;
    width: 1.6rem;
    height: 1.6rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    /*background: color-mix(in srgb, var(--cw-accent) 13%, white);*/
    color: var(--cw-accent);
    font-family: var(--cw-display);
    font-weight: 600;
    font-size: .85rem;
  }

  /* --- overwrite changes to global site styles ------------------------------------------------------------ */
  	header * {
  	  line-height: 1.6;
  	}
  	header .brand-breadcrumbs p.bb-mccourt {
  	  letter-spacing: 0 !important;
  	}
  	header li a {
  	  font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  	  letter-spacing: -0.02rem;
  	}
  	header .focus-on {
  	  font-family: futura-pt,Arial,sans-serif;
  	  letter-spacing: -0.02rem;
  	}
    .complex-web-microsite-non-landing-page main {
      padding: 0;
    }
    .complex-web-microsite-non-landing-page .cw-way {
      height: 127.2px;
    }
  	footer {
  	  font-family: futura-pt,Arial,sans-serif;
  	}
  	footer li {
  	  margin-bottom: .7rem;
  	}


  .custom-article-h2 {
    font-family: futura-pt, Jost, Futura, "Century Gothic", sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.35rem !important;
    line-height: 1.25 !important;
    color: #041e42 !important;
    margin: 2rem 0 .7rem !important;
  }

/*other changes*/
  .cw-ways.cw-ways-4 {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .cw-ways.cw-ways-4 li {
    min-width: 264px;
  }






/* ---- accordion (only appears on the Problems page) ----------------------------------------- */
	.complex-web-microsite-page .custom-accordion { margin: 1.75rem 0; max-width: var(--cw-measure); }

	.complex-web-microsite-page .accordion-toggle {
	  display: flex; width: 100%; align-items: center; justify-content: space-between;
	  gap: 1rem; padding: .9rem 1.1rem;
	  font-family: var(--cw-display); font-weight: 500; font-size: 1.05rem;
	  text-align: left; cursor: pointer;
	  color: var(--cw-navy);
	  background: var(--cw-tint);
	  border: 1px solid var(--cw-line);
	  border-radius: var(--cw-radius);
	}

	.complex-web-microsite-page .accordion-toggle:hover { background: #e8ecf4; }

	.complex-web-microsite-page .accordion-icon { font-size: 1.35rem; line-height: 1; color: var(--cw-accent); }

	.complex-web-microsite-page .accordion-content {
	  display: none;
	  padding: 1.25rem 1.1rem .25rem;
	  border: 1px solid var(--cw-line); border-top: 0;
	  border-radius: 0 0 var(--cw-radius) var(--cw-radius);
	}

	.complex-web-microsite-page .accordion-content > *:first-child { margin-top: 0; }

	.complex-web-microsite-page .cw-storage { display: none; }

	@media (prefers-reduced-motion: reduce) {
	  .complex-web-microsite-page * { transition: none !important; animation: none !important; }
	}
  .wp-block-image.figure-is-full-width.has-custom-css {
    width: 100%;
  }
  .no-border-top-important {
  	border-top: none !important;
  	margin-top: 0 !important;
  }
/*fake button*/ 
  .button-styled-like-custom-accordion {
    width: 100%;
    text-align: left;
  }
  .button-styled-like-custom-accordion .wp-element-button {
    background: #e8ecf4;
    padding: .9rem 1.1rem;
    font-weight: 500;
    font-size: 1.05rem;
    color: color: var(--cw-navy);
    font-family: var(--cw-display);
    background: var(--cw-tint);
    border: 1px solid var(--cw-line);
    border-radius: var(--cw-radius);
    width: 100%;
    text-align: left;
  }
  .button-styled-like-custom-accordion .wp-element-button:hover {
    background: #e8ecf4;
  }