#phc-calculator.phc-wrap{
  max-width:720px;margin:1.5em auto;padding:24px;
  background:#faf7f2;border:1px solid #e6ddd1;border-radius:14px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#3a342e;box-sizing:border-box;
}
#phc-calculator *,#phc-calculator *:before,#phc-calculator *:after{box-sizing:border-box}
#phc-calculator .phc-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}
#phc-calculator .phc-title{margin:0;font-size:1.35em;font-weight:700;color:#3a342e}
#phc-calculator .phc-units{display:flex;border:1px solid #d8cbb8;border-radius:8px;overflow:hidden}
#phc-calculator .phc-unit-btn{
  padding:6px 14px;border:none;background:#fff;color:#8a7a66;font-size:.85em;
  cursor:pointer;transition:background .15s;line-height:1.4;margin:0;
}
#phc-calculator .phc-unit-btn.phc-active{background:#b08968;color:#fff}
#phc-calculator .phc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
#phc-calculator .phc-tab{
  flex:1;min-width:130px;padding:10px 12px;border:1px solid #d8cbb8;border-radius:8px;
  background:#fff;color:#6b5d4c;font-size:.92em;font-weight:600;cursor:pointer;
  transition:all .15s;line-height:1.3;margin:0;
}
#phc-calculator .phc-tab.phc-active{background:#3a342e;border-color:#3a342e;color:#fff}
#phc-calculator .phc-panel{display:none}
#phc-calculator .phc-panel.phc-show{display:block}
#phc-calculator .phc-note{margin:0 0 14px;font-size:.88em;color:#8a7a66;line-height:1.5}
#phc-calculator .phc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 16px;margin-bottom:18px}
#phc-calculator .phc-field{display:flex;flex-direction:column;gap:5px;margin:0}
#phc-calculator .phc-label{font-size:.82em;font-weight:600;color:#6b5d4c;line-height:1.3}
#phc-calculator .phc-label em.phc-u{font-style:normal;font-weight:400;color:#a89a87}
#phc-calculator .phc-field input,#phc-calculator .phc-field select{
  width:100%;padding:9px 12px;border:1px solid #d8cbb8;border-radius:8px;
  background:#fff;color:#3a342e;font-size:1em;line-height:1.4;margin:0;
}
#phc-calculator .phc-field input:focus,#phc-calculator .phc-field select:focus{
  outline:none;border-color:#b08968;box-shadow:0 0 0 3px rgba(176,137,104,.18)
}
#phc-calculator .phc-results{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:10px;margin-bottom:18px;
}
#phc-calculator .phc-result-card{
  background:#fff;border:1px solid #e6ddd1;border-radius:10px;padding:12px 14px;text-align:center;
}
#phc-calculator .phc-result-card.phc-hero{background:#3a342e;border-color:#3a342e}
#phc-calculator .phc-result-label{font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#a89a87;margin-bottom:4px}
#phc-calculator .phc-hero .phc-result-label{color:#cbbfa9}
#phc-calculator .phc-result-value{font-size:1.35em;font-weight:700;color:#3a342e;line-height:1.2}
#phc-calculator .phc-hero .phc-result-value{color:#fff}
#phc-calculator .phc-result-sub{font-size:.75em;color:#a89a87;margin-top:2px}
#phc-calculator .phc-hero .phc-result-sub{color:#cbbfa9}
#phc-calculator .phc-diagram{background:#fff;border:1px solid #e6ddd1;border-radius:10px;padding:10px;overflow:hidden}
#phc-calculator .phc-diagram svg{display:block;width:100%;height:auto}
#phc-calculator .phc-tip{margin:14px 0 0;font-size:.85em;color:#8a7a66;line-height:1.55}
@media (max-width:480px){
  #phc-calculator.phc-wrap{padding:16px}
  #phc-calculator .phc-tab{min-width:100%}
}