.problems--illustrated {
  padding: 66px 0 55px;
  background: linear-gradient(160deg, #f5fbff 5%, #eaf6ff 65%, #f4fbff);
}
.concern-heading { margin-bottom: 34px; }
.concern-heading .eyebrow { margin-bottom: 11px; }
.concern-heading h2 { font-size: clamp(1.7rem, 2.9vw, 2.35rem); line-height: 1.65; }
.concern-underline {
  background: linear-gradient(transparent 69%, #ffe573 69%, #ffe573 91%, transparent 91%);
  padding-inline: 2px;
}
.concern-heading p:not(.eyebrow) {
  color: #4c6985;
  font-size: 1rem;
  line-height: 1.9;
  margin-top: 13px;
}
.concern-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.concern-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 168px;
  grid-template-rows: auto 1fr;
  column-gap: 10px;
  row-gap: 15px;
  align-items: start;
  min-height: 251px;
  padding: 27px 25px 28px 30px;
  border: 1px solid #e1eef8;
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 7px 23px #214d7e08;
}
.concern-message { grid-column: 1; grid-row: 1; min-width: 0; }
.concern-label {
  display: inline-block;
  max-width: 100%;
  padding: 3px 11px;
  border-radius: 6px;
  background: #eaf4ff;
  color: #2162a1;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: .02em;
  margin-bottom: 11px;
}
.concern-message h3 {
  font-size: clamp(1.125rem, 1.7vw, 1.45rem);
  font-weight: 800;
  line-height: 1.65;
  letter-spacing: .015em;
  color: #102f55;
}
.concern-description {
  grid-column: 1;
  grid-row: 2;
  color: #49617a;
  font-size: 1rem;
  line-height: 1.85;
  letter-spacing: 0;
}
.concern-illustration {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  position: relative;
  width: 100%;
  aspect-ratio: 627 / 600;
  overflow: hidden;
  background: #fff;
}
.concern-illustration img {
  display: block;
  position: absolute;
  width: 200%;
  height: 209%;
  max-width: none;
  left: 0;
  top: 0;
  object-fit: fill;
}
.concern-illustration--specific { aspect-ratio: 1; }
.concern-illustration--specific img { height: 200%; }
.illustration-lower-back img { left: -100%; }
.illustration-neck-shoulder img { top: -100%; }
.illustration-balance img { left: -100%; top: -100%; }
.concern-reassurance {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 21px;
  padding: 24px 30px;
  margin-top: 27px;
  border: 1px solid #eed264;
  border-radius: 17px;
  background: #fffdf1;
  box-shadow: 0 5px 17px #78620b05;
}
.reassurance-icon {
  width: 54px;
  height: 54px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff5ca;
  color: #175b9e;
  border-radius: 50%;
}
.reassurance-icon .icon { width: 30px; height: 30px; }
.concern-reassurance strong { display: block; color: #14375c; font-size: 1.25rem; font-weight: 800; line-height: 1.7; }
.concern-reassurance p { margin-top: 5px; color: #50657c; font-size: 1rem; line-height: 1.85; }

@media (max-width: 1100px) and (min-width: 761px) {
  .concern-card { padding: 24px; grid-template-columns: minmax(0, 1fr) 130px; column-gap: 8px; row-gap: 11px; }
  .concern-message h3 { font-size: 1.2rem; letter-spacing: 0; }
  .concern-label { font-size: .875rem; padding-inline: 9px; }
  .concern-description { grid-column: 1 / -1; }
  .concern-illustration { grid-row: 1; }
}
@media (max-width: 760px) {
  .problems--illustrated { padding: 44px 0; }
  .concern-heading { margin-bottom: 24px; }
  .concern-heading h2 { font-size: 1.7rem; line-height: 1.7; }
  .concern-heading p:not(.eyebrow) { max-width: 440px; margin: 12px auto 0; line-height: 1.85; }
  .concern-grid { grid-template-columns: 1fr; gap: 16px; max-width: 580px; margin-inline: auto; }
  .concern-card { grid-template-columns: minmax(0, 1fr) 165px; min-height: 228px; padding: 26px; row-gap: 13px; }
  .concern-message h3 { font-size: 1.3rem; line-height: 1.65; }
  .concern-reassurance { max-width: 580px; margin: 23px auto 0; padding: 23px; gap: 17px; }
  .concern-reassurance strong { font-size: 1.125rem; }
  .concern-reassurance p { font-size: 1rem; }
}
@media (max-width: 520px) {
  .concern-heading h2 { font-size: 1.6rem; }
  .concern-heading h2 .nowrap { display: block; white-space: normal; }
  .concern-heading p:not(.eyebrow) { max-width: 320px; font-size: 1rem; text-wrap: pretty; }
  .concern-card {
    grid-template-columns: minmax(0, 1fr) 114px;
    column-gap: 7px;
    row-gap: 13px;
    min-height: 0;
    padding: 23px 20px;
    border-radius: 19px;
  }
  .concern-label { margin-bottom: 9px; padding: 3px 8px; font-size: .875rem; letter-spacing: 0; }
  .concern-message h3 { font-size: 1.1875rem; line-height: 1.7; letter-spacing: 0; }
  .concern-illustration { grid-row: 1; align-self: center; }
  .concern-description { grid-column: 1 / -1; grid-row: 2; font-size: 1rem; line-height: 1.9; }
  .concern-reassurance { align-items: flex-start; gap: 12px; padding: 22px 18px; border-radius: 16px; }
  .reassurance-icon { width: 37px; height: 37px; margin-top: 3px; }
  .reassurance-icon .icon { width: 23px; height: 23px; }
  .concern-reassurance strong { font-size: 1.125rem; line-height: 1.75; }
  .concern-reassurance p { margin-top: 9px; font-size: 1rem; line-height: 1.9; }
}
@media (max-width: 370px) {
  .concern-card { grid-template-columns: minmax(0, 1fr) 89px; padding: 21px 16px; column-gap: 5px; }
  .concern-message h3 { font-size: 1.125rem; }
  .concern-label { font-size: .875rem; padding-inline: 6px; }
  .concern-reassurance { display: block; padding: 21px; }
  .reassurance-icon { margin: 0 0 11px; }
}