/* Same shell and horizontal inset as the existing Problem cards. */
body.orvon-bootstrap .problem-v2 .orvon-problem-chart{
  box-sizing:border-box;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:56px;
  width:100%;max-width:100%;margin:40px 0 0;padding:64px 28px;
  border:1px solid #d8d8d4;border-radius:15px;background:#fff;color:#111;text-align:left;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy,
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-visual{min-width:0;}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy h2{
  margin:0!important;padding:0;border-bottom:0;
  font-size:52px!important;line-height:.98!important;font-weight:400!important;letter-spacing:-.025em;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy p{
  margin:17px 0 0!important;font-size:15px!important;line-height:1.45!important;color:#555!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy small{
  display:block;margin-top:36px;color:#6b6b6b;font-size:13px;line-height:1.5;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-people{display:grid;grid-template-columns:repeat(5,max-content);justify-content:center;align-items:center;justify-items:center;gap:clamp(18px,5vw,44px);max-width:520px;margin:0 auto;}
body.orvon-bootstrap .problem-v2 .orvon-problem-person{display:flex;justify-content:center;color:#d1d5d2;}
body.orvon-bootstrap .problem-v2 .orvon-problem-person.is-highlighted{color:#53ab60;}
body.orvon-bootstrap .problem-v2 .orvon-problem-person svg{display:block;width:clamp(38px,3.8vw,46px);height:clamp(76px,7.6vw,92px);fill:currentColor;}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend{
  display:flex;align-items:center;gap:10px;margin:28px 0 0!important;font-size:13px!important;line-height:1.5!important;color:#111!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend span{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#53ab60;}
@media(max-width:991.98px){
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart{grid-template-columns:minmax(0,1fr);gap:36px;padding:48px 28px;}
}
@media(max-width:575.98px){
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart{padding:40px 27px;margin-top:32px;gap:32px;}
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy h2{font-size:57px!important;}
  body.orvon-bootstrap .problem-v2 .orvon-problem-people{grid-template-columns:repeat(5,max-content);gap:clamp(14px,4vw,24px);}
  body.orvon-bootstrap .problem-v2 .orvon-problem-person svg{width:clamp(32px,11vw,38px);height:clamp(64px,22vw,76px);}
}

/* The retained $280 card fills the same desktop height as its neighbors. */
body.orvon-bootstrap .problem-v2 .problem-v2-stack.problem-v2-single-stat{grid-template-rows:minmax(0,1fr);}
body.orvon-bootstrap .problem-v2 .problem-v2-single-stat>.problem-v2-stat-card{height:100%;}
@media(max-width:575.98px){body.orvon-bootstrap .problem-v2 .problem-v2-single-stat>.problem-v2-stat-card{height:390px;}}


/* Approved problem layout: compact copy, airy cards and an edge-cropped trend. */
body.orvon-bootstrap .problem-v2 .problem-v2-card strong{border:0!important;padding-bottom:0!important;}
body.orvon-bootstrap .problem-v2 .problem-v2-coral-card p{margin-top:16px!important;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-card{display:flex;flex-direction:column;justify-content:space-between;padding:28px 0 0!important;overflow:hidden;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-copy{padding:0 28px;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-copy h2{font-size:40px!important;line-height:1.06!important;font-weight:400!important;letter-spacing:-.025em;margin:0!important;border:0!important;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-copy p{font-size:15px!important;line-height:1.45!important;margin:16px 0 0!important;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-plot{position:relative;width:100%;height:170px;margin-top:24px;flex-shrink:0;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-chart{display:block;width:100%;height:170px;overflow:hidden;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-fill{fill:#53ab60;opacity:.09;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-line{fill:none;stroke:#53ab60;stroke-width:2.5;stroke-linejoin:round;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-point{position:absolute;width:8px;height:8px;border-radius:50%;background:#53ab60;transform:translate(-50%,-50%);}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-rate,
body.orvon-bootstrap .problem-v2 .orvon-unemployment-year{position:absolute;transform:translateX(-50%);font:400 11px/1 Arial,sans-serif;letter-spacing:normal;white-space:nowrap;color:#111;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-rate{margin-top:-6px;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-year{bottom:12px;color:#626262;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-year{fill:#626262!important;}
body.orvon-bootstrap .problem-v2 .orvon-source-marker{font-size:9px;line-height:0;vertical-align:super;margin-left:2px;color:inherit;}
body.orvon-bootstrap .problem-v2 .orvon-problem-sources{font-size:9px!important;line-height:1.5!important;color:#666!important;text-align:left;margin:24px 0 0!important;white-space:nowrap;}
body.orvon-bootstrap .problem-v2 .orvon-problem-sources a{color:inherit;text-decoration:underline;}
@media(max-width:1199.98px){body.orvon-bootstrap .problem-v2 .orvon-problem-sources{white-space:normal;}}
@media(max-width:575.98px){body.orvon-bootstrap .problem-v2 .orvon-unemployment-copy h2{font-size:38px!important;}body.orvon-bootstrap .problem-v2 .orvon-problem-sources{font-size:10px!important;}}

body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy small{display:block;margin-top:18px;color:#6b6b6b;font-size:13px;line-height:1.5;}

@media(max-width:767.98px){body.orvon-bootstrap .problem-v2 .orvon-problem-sources{margin:24px 16px 0!important;width:calc(100% - 32px);}}

/* Center the statistic copy; retain the existing card and chart spacing. */
body.orvon-bootstrap .problem-v2 .problem-v2-coral-card,
body.orvon-bootstrap .problem-v2 .orvon-unemployment-copy,
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy{text-align:center!important;}
body.orvon-bootstrap .problem-v2 .problem-v2-coral-card strong{width:100%;text-align:center!important;}
body.orvon-bootstrap .problem-v2 .problem-v2-coral-card p{color:#26372b!important;}
body.orvon-bootstrap .problem-v2 .orvon-unemployment-copy p{color:#555!important;}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend{justify-content:center;color:#555!important;}

/* Center the first image card's copy to match the adjacent cards. */
body.orvon-bootstrap .problem-v2 .problem-v2-image-copy,
body.orvon-bootstrap .problem-v2 .problem-v2-image-copy h2,
body.orvon-bootstrap .problem-v2 .problem-v2-image-copy p{text-align:center!important;}


/* Homepage 1-in-5 statistic: one integrated split card. */
body.orvon-bootstrap .problem-v2 .orvon-problem-chart{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;
  grid-template-areas:"visual copy"!important;
  align-items:stretch!important;
  gap:0!important;
  margin:40px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e1e5e1!important;
  border-radius:24px!important;
  background:#fff!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-visual{
  grid-area:visual!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  height:100%!important;
  min-height:300px!important;
  box-sizing:border-box!important;
  padding:30px 24px!important;
  border-radius:0!important;
  background:#53ab60!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy{
  grid-area:copy!important;
  align-self:center!important;
  min-width:0!important;
  padding:32px clamp(24px,4vw,48px) 32px 28px!important;
  text-align:left!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy h2{
  margin:0!important;
  color:#273a2c!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(52px,6vw,78px)!important;
  font-weight:700!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy p[data-edit-key="problem-chart-description"]{
  margin:18px 0 0!important;
  color:#4e5952!important;
  font:400 17px/1.5 Inter,Arial,sans-serif!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy p[data-edit-key="problem-chart-mission"]{
  margin:14px 0 0!important;
  color:#273a2c!important;
  font:600 15px/1.45 Inter,Arial,sans-serif!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy small{
  margin-top:22px!important;
  color:#68736b!important;
  font:400 12px/1.5 Inter,Arial,sans-serif!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-people{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  justify-content:center!important;
  justify-items:center!important;
  gap:clamp(12px,2vw,24px)!important;
  width:100%!important;
  max-width:420px!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-person{
  color:rgba(255,255,255,.68)!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-person.is-highlighted{
  color:#fff!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-person svg{
  width:clamp(40px,4.4vw,54px)!important;
  height:clamp(80px,8.8vw,108px)!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend{
  justify-content:center!important;
  gap:9px!important;
  margin:24px 0 0!important;
  color:#fff!important;
  font:600 12px/1.45 Inter,Arial,sans-serif!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend span{
  background:#fff!important;
}
@media(max-width:991.98px){
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-visual{
    min-height:280px!important;
    padding:30px 14px!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-people{gap:10px!important;}
  body.orvon-bootstrap .problem-v2 .orvon-problem-person svg{
    width:clamp(34px,5vw,44px)!important;
    height:clamp(68px,10vw,88px)!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy{
    padding:24px!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy h2{font-size:clamp(48px,6.5vw,62px)!important;}
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy p[data-edit-key="problem-chart-description"]{font-size:15px!important;}
}
@media(max-width:767.98px){
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"copy" "visual"!important;
    gap:0!important;
    margin-top:28px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy{
    padding:24px 22px!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy h2{font-size:56px!important;}
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy p[data-edit-key="problem-chart-description"]{
    margin-top:14px!important;
    font-size:15px!important;
    line-height:1.5!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy p[data-edit-key="problem-chart-mission"]{
    margin-top:12px!important;
    font-size:14px!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy small{margin-top:16px!important;font-size:11px!important;}
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-visual{
    min-height:0!important;
    padding:24px 14px!important;
    border-radius:0!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-people{
    gap:clamp(10px,3.5vw,18px)!important;
    max-width:340px!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-person svg{
    width:clamp(30px,8vw,38px)!important;
    height:clamp(60px,16vw,76px)!important;
  }
  body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend{
    margin-top:18px!important;
    font-size:11px!important;
  }
}

/* Let the 1-in-5 split fill the stat card wrapper edge to edge. */
body.orvon-bootstrap .problem-v2 .problem-v2-single-stat>.problem-v2-stat-card{
  display:block!important;
  height:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
}
body.orvon-bootstrap .problem-v2 .problem-v2-single-stat>.problem-v2-stat-card .orvon-problem-chart{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
}
/* Align the 1-in-5 stat headline with the homepage's serif display headings. */
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-copy h2{
  color:#273a2c!important;
  font-family:"Instrument Serif",Georgia,serif!important;
  font-size:clamp(42px,4.2vw,56px)!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
}
/* Use a soft green field with Orvon-green people icons. */
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-visual{
  background:#eff7ef!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-person{
  color:#c4ddc7!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-person.is-highlighted{
  color:#53ab60!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend{
  color:#273a2c!important;
}
body.orvon-bootstrap .problem-v2 .orvon-problem-chart-legend span{
  background:#53ab60!important;
}


/* Keep the Problem cards horizontally swipeable on mobile. */
@media(max-width:767.98px){
  body.orvon-bootstrap main>section.problem-v2 .problem-v2-card-grid{
    display:flex!important;
    flex-flow:row nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-x pinch-zoom!important;
  }
}

/* Match the Jobs change card to its earlier light, outlined appearance. */
body.orvon-bootstrap main>section.problem-v2 article.problem-v2-stat-card.orvon-unemployment-card{
  box-sizing:border-box!important;
  background:#f6f6f4!important;
  border:2px solid #d8d8d4!important;
  border-radius:15px!important;
  box-shadow:none!important;
}

/* Keep inset copy at the top while the graph runs flush to the card bottom. */
body.orvon-bootstrap main>section.problem-v2 article.problem-v2-stat-card.orvon-unemployment-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  padding:28px 0 0!important;
  overflow:hidden!important;
}
body.orvon-bootstrap main>section.problem-v2 .orvon-unemployment-copy{
  flex:0 0 auto!important;
  padding:0 28px!important;
}
body.orvon-bootstrap main>section.problem-v2 .orvon-unemployment-plot{
  flex:0 0 170px!important;
  width:100%!important;
  height:170px!important;
  margin:24px 0 0!important;
}
body.orvon-bootstrap main>section.problem-v2 .orvon-unemployment-chart{
  display:block!important;
  width:100%!important;
  height:170px!important;
}