/* Layered human diagnosis visual in the homepage problem section. */
.pain-section .pain-photo-art{
  position:relative;
  width:100%;
  max-width:620px;
  height:520px;
  margin:0 auto;
  isolation:isolate;
}
.pain-section .pain-photo-art :is(.pain-photo-main,.pain-photo-detail){position:absolute;overflow:hidden;}
.pain-section .pain-photo-main{
  top:0;
  left:20px;
  width:calc(100% - 68px);
  height:415px;
  border-radius:16px 85px 16px 16px;
  box-shadow:0 20px 38px rgba(11,45,68,.13);
}
.pain-section .pain-photo-detail{
  z-index:2;
  right:0;
  bottom:0;
  width:40%;
  height:285px;
  border:6px solid #fff;
  border-radius:10px;
  box-shadow:0 15px 36px rgba(11,45,68,.18);
}
.pain-section .pain-photo-art img{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  object-fit:cover;
}
.pain-section .pain-photo-main img{object-position:center center;}
.pain-section .pain-photo-detail img{object-position:center 38%;}
.pain-section .pain-diagnosis-panel{
  position:absolute;
  z-index:3;
  left:0;
  bottom:19px;
  width:305px;
  padding:22px;
  border-radius:9px;
  background:#0b2d44;
  color:#fff;
  box-shadow:0 20px 35px rgba(11,45,68,.18);
}
.pain-section .pain-diagnosis-kicker{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;}
.pain-section .pain-diagnosis-kicker span{color:#4bd1d2;font-size:11px;font-weight:800;letter-spacing:.08em;}
.pain-section .pain-diagnosis-kicker small{color:#b6ced9;font-size:8px;letter-spacing:.04em;}
.pain-section .pain-diagnosis-panel>strong{display:block;font-size:13px;line-height:1.45;margin-bottom:18px;}
.pain-section .pain-diagnosis-rows{display:grid;gap:11px;}
.pain-section .pain-diagnosis-rows>div{display:grid;grid-template-columns:78px 1fr 47px;align-items:center;gap:9px;font-size:10px;}
.pain-section .pain-diagnosis-rows>div>span{font-weight:700;}
.pain-section .pain-diagnosis-rows i{display:block;height:5px;border-radius:10px;background:#31566d;overflow:hidden;}
.pain-section .pain-diagnosis-rows i::before{content:"";display:block;width:var(--progress);height:100%;border-radius:inherit;background:#28c4c7;}
.pain-section .pain-diagnosis-rows small{color:#bcd4df;font-size:9px;text-align:right;}
@media(max-width:1100px){
  .pain-section .pain-photo-art{height:460px;}
  .pain-section .pain-photo-main{left:0;width:calc(100% - 32px);height:350px;border-top-right-radius:65px;}
  .pain-section .pain-photo-detail{width:43%;height:235px;}
  .pain-section .pain-diagnosis-panel{width:min(272px,75%);padding:17px;bottom:12px;}
  .pain-section .pain-diagnosis-kicker small{display:none;}
  .pain-section .pain-diagnosis-kicker span{white-space:nowrap;}
  .pain-section .pain-diagnosis-rows>div{grid-template-columns:70px 1fr 42px;gap:7px;}
}
@media(max-width:760px){
  .pain-section .pain-photo-art{max-width:560px;height:480px;margin-top:6px;}
  .pain-section .pain-photo-main{left:0;width:calc(100% - 44px);height:370px;}
  .pain-section .pain-photo-detail{width:39%;height:235px;}
  .pain-section .pain-diagnosis-panel{width:min(290px,66%);bottom:17px;}
}
@media(max-width:480px){
  .pain-section .pain-photo-art{height:410px;}
  .pain-section .pain-photo-main{height:300px;}
  .pain-section .pain-photo-detail{width:43%;height:205px;}
  .pain-section .pain-diagnosis-panel{width:min(245px,68%);padding:15px;bottom:10px;}
  .pain-section .pain-diagnosis-kicker small{display:none;}
  .pain-section .pain-diagnosis-panel>strong{font-size:12px;}
  .pain-section .pain-diagnosis-rows>div{grid-template-columns:66px 1fr 37px;font-size:9px;}
  .pain-section .pain-diagnosis-rows small{font-size:8px;}
}