.science .trait-guide{
  margin-top:22px;padding:clamp(16px,4vw,24px);
  background:#e7f5f2;
  border:2px solid #1f8f8b;
  border-radius:20px;
  box-shadow:5px 6px 0 #a8d9d2;
}
.science .trait-guide h2{color:#174f59;margin-bottom:17px;letter-spacing:.015em}
.science .trait-definition{
  --signal:#218f8a;
  background:#fffdf9;
  border:1px solid #b5d9d4;
  border-left:5px solid var(--signal);
  border-radius:12px;
  padding:13px 15px;
  margin:0 0 10px;
  box-shadow:0 3px 0 #bedfd9;
}
.science .trait-definition:last-child{margin-bottom:0;border:1px solid #b5d9d4;border-left:5px solid var(--signal)}
.science .trait-definition:nth-of-type(2){--signal:#ee8274}
.science .trait-definition:nth-of-type(3){--signal:#3876bb}
.science .trait-definition:nth-of-type(4){--signal:#b88235}
.science .trait-definition:nth-of-type(5){--signal:#329a74}
.science .trait-definition b{display:block;font-size:.96rem;color:#173f51;line-height:1.2}
.science .trait-definition p{color:#334952;margin:7px 0 1px;font-size:.87rem;line-height:1.65}
.science .choice-recap{
  margin-top:26px;padding:clamp(16px,4vw,24px);
  background:#fff1e6;border:2px solid #e49a73;border-radius:20px;
  box-shadow:5px 6px 0 #f4c9ac;
}
.science .choice-recap h2{color:#8b4a31;margin-bottom:17px;letter-spacing:.015em}
.science .recap-item{
  background:#fffefc;
  border:1px solid #eed6c5;
  border-radius:12px;
  padding:13px 14px;
  margin-bottom:10px;
  box-shadow:0 2px 0 #f3ddd0;
}
.science .recap-item:last-child{margin-bottom:0}
.science .recap-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.science .recap-head span{flex:1 1 180px;color:#234b5a}
.science .recap-head strong{color:#a44f3f;font-size:.83rem;white-space:nowrap}
.science .recap-item p{line-height:1.55;color:#252b33;margin:11px 0}
.science .recap-scores{gap:7px}
.science .recap-scores span{
  display:inline-flex;align-items:center;background:#e5f4f2;
  border:1px solid #c3e2dd;border-radius:30px;
  padding:5px 9px;color:#175c65;font-size:.7rem;font-weight:750;
}
@media(max-width:370px){.science .trait-definition{padding:12px}.science .recap-item{padding:12px}.science .recap-head span{flex-basis:150px}}