#pmc-diagnosis{
  --pmc-border:#d9e2ec;
  --pmc-bg:#f7f9fc;
  --pmc-deep:#17324d;
  --pmc-blue:#2563a8;
  --pmc-light:#eef5fb;
  margin:32px 0;
  font-size:15px;
  line-height:1.75;
}
#pmc-diagnosis *{box-sizing:border-box;}
#pmc-diagnosis fieldset{min-width:0;}
#pmc-diagnosis legend{padding:0 4px;max-width:100%;}
#pmc-diagnosis label{min-height:44px;overflow-wrap:anywhere;}
#pmc-diagnosis :focus-visible{outline:3px solid #a34b00;outline-offset:3px;}
#pmc-diagnosis .pmc-btn{margin:6px;max-width:100%;}
#pmc-diagnosis [hidden]{display:none !important;}
#pmc-diagnosis .pmc-intro{
  padding:20px;
  border:1px solid var(--pmc-border);
  border-radius:10px;
  background:var(--pmc-bg);
  margin-bottom:24px;
}
#pmc-diagnosis .pmc-area{
  margin:28px 0;
}
#pmc-diagnosis .pmc-area-title{
  font-size:1.12rem;
  font-weight:700;
  color:var(--pmc-deep);
  border-left:4px solid var(--pmc-blue);
  padding-left:10px;
  margin:0 0 14px;
}
#pmc-diagnosis .pmc-q{
  padding:18px;
  margin:0 0 14px;
  border:1px solid var(--pmc-border);
  border-radius:10px;
  background:#fff;
}
#pmc-diagnosis .pmc-q-title{
  font-weight:700;
  margin-bottom:12px;
}
#pmc-diagnosis label{
  display:block;
  margin:8px 0;
  padding:9px 10px;
  border-radius:6px;
  cursor:pointer;
}
#pmc-diagnosis label:hover{
  background:var(--pmc-light);
}
#pmc-diagnosis input[type="radio"]{
  margin-right:8px;
}
#pmc-diagnosis .pmc-actions{
  text-align:center;
  margin:28px 0;
}
#pmc-diagnosis .pmc-btn{
  appearance:none;
  border:0;
  border-radius:8px;
  padding:13px 28px;
  font-size:16px;
  font-weight:700;
  background:var(--pmc-deep);
  color:#fff;
  cursor:pointer;
}
#pmc-diagnosis .pmc-btn:hover{
  opacity:.9;
}
#pmc-diagnosis .pmc-error{
  display:none;
  margin:14px 0;
  padding:12px 14px;
  border:1px solid #d7a0a0;
  border-radius:8px;
  background:#fff5f5;
}
#pmc-diagnosis .pmc-result{
  display:none;
  margin-top:28px;
  padding:22px;
  border:2px solid var(--pmc-blue);
  border-radius:12px;
  background:#fff;
}
#pmc-diagnosis .pmc-score{
  font-size:1.6rem;
  font-weight:800;
  color:var(--pmc-deep);
}
#pmc-diagnosis .pmc-grade{
  font-size:1.25rem;
  font-weight:800;
  margin:6px 0 14px;
}
#pmc-diagnosis .pmc-bars{
  margin:20px 0;
}
#pmc-diagnosis .pmc-bar-row{
  display:grid;
  grid-template-columns:minmax(110px,1fr) 1fr minmax(145px,1.2fr);
  gap:10px;
  align-items:center;
  margin:10px 0;
}
#pmc-diagnosis .pmc-bar{
  height:12px;
  border-radius:10px;
  overflow:hidden;
  background:#e8edf3;
}
#pmc-diagnosis .pmc-bar span{
  display:block;
  height:100%;
  background:var(--pmc-blue);
}
#pmc-diagnosis .pmc-result-cta{
  display:inline-block;
  margin-top:12px;
  padding:11px 18px;
  border-radius:7px;
  background:var(--pmc-deep);
  color:#fff;
  text-decoration:none;
  font-weight:700;
}
#pmc-diagnosis .pmc-note{
  font-size:.9em;
  color:#555;
  margin-top:16px;
}
@media(max-width:600px){
  #pmc-diagnosis .pmc-q{padding:15px;}
  #pmc-diagnosis .pmc-bar-row{
    grid-template-columns:1fr;
    gap:4px;
  }
  #pmc-diagnosis .pmc-score{font-size:1.35rem;}
}