.qhrr-calculator{
  --qhrr-bg:#eef3f7;
  --qhrr-card:#ffffff;
  --qhrr-ink:#14212b;
  --qhrr-muted:#5d6b75;
  --qhrr-accent:#0f5f8f;
  --qhrr-border:#d5dee5;
  --qhrr-result:#edf6fb;
  max-width:760px;
  margin:20px auto;
  color:var(--qhrr-ink);
}
.qhrr-calculator *{box-sizing:border-box}
.qhrr-card{
  background:var(--qhrr-card);
  border:1px solid var(--qhrr-border);
  border-radius:18px;
  padding:20px;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.qhrr-card h2{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.2;
}
.qhrr-subtitle{
  color:var(--qhrr-muted);
  margin:0 0 18px;
}
.qhrr-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.qhrr-field label{
  display:block;
  font-weight:700;
  margin:0 0 6px;
}
.qhrr-field input,
.qhrr-field select{
  width:100%;
  padding:13px;
  border:1px solid var(--qhrr-border);
  border-radius:10px;
  font-size:19px;
  background:#fff;
  color:var(--qhrr-ink);
}
.qhrr-section-title{
  margin:18px 0 10px;
  font-size:18px;
  font-weight:800;
  border-top:1px solid var(--qhrr-border);
  padding-top:16px;
}
.qhrr-result{
  margin-top:14px;
  background:var(--qhrr-result);
  border-radius:12px;
  padding:15px;
  text-align:center;
}
.qhrr-qtc-value{
  font-size:34px;
  font-weight:800;
  margin-bottom:4px;
}
.qhrr-details{
  color:var(--qhrr-muted);
  font-size:14px;
}
.qhrr-clear{
  width:100%;
  margin-top:14px;
  padding:12px;
  border:0;
  border-radius:10px;
  background:var(--qhrr-accent);
  color:#fff;
  font-size:16px;
  font-weight:700;
  cursor:pointer;
}
.qhrr-clear:hover{filter:brightness(.95)}
.qhrr-formulas,
.qhrr-note{
  margin-top:14px;
  color:var(--qhrr-muted);
  font-size:13px;
  line-height:1.5;
}
@media (max-width:560px){
  .qhrr-grid{grid-template-columns:1fr}
  .qhrr-card h2{font-size:24px}
}