/* Holtrop–Mennen calculator (holtrop-calculator.html). Builds on fueleu.css. */
.hm-form-head { margin-top:0; }
.hm-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 24px; margin-top:20px; align-items:end; }
.hm-speed { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.hm-grid-adv label { font-size:.85rem; }
.calculator input::placeholder { color:#8b9ba3; }
.calculator input:disabled,.calculator select:disabled { background:#eef2f4; color:#8b9ba3; }
.calculator .hm-check { display:flex; align-items:center; gap:10px; min-height:44px; font-weight:600; }
.calculator .hm-check input { width:auto; min-height:0; }
.calc-error ul { margin:8px 0 0; padding-left:20px; }
.hm-notes { margin:24px 0; padding:16px 20px 16px 38px; background:#fbf6ec; color:#69502d; font-size:.9rem; }
.hm-notes li { margin:4px 0; }
.calc-results .calc-panel { margin-top:24px; }
.hm-table { min-width:900px; }
.hm-table th,.hm-table td { padding:10px 8px; }
.hm-table tbody th { text-align:left; font-weight:600; background:none; }
.hm-table .hm-total { font-weight:600; }
.hm-table .hm-pe { background:#eaf3f7; font-weight:600; color:var(--blue-dark); }
.hm-table thead .hm-pe { background:#dcebf2; }
.hm-used dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; margin:12px 0 0; font-size:.9rem; }
.hm-used dl > div { display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--line); }
.hm-used dt { color:var(--muted); }
.hm-used dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; }
.hm-tag { display:inline-block; margin-left:6px; padding:1px 6px; font-size:.72rem; color:#69502d; background:#fbf6ec; border-radius:2px; }
.hm-tag-entered { color:var(--blue-dark); background:var(--soft); }
@media (max-width:980px) {
  .hm-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .hm-grid { grid-template-columns:1fr; }
  .hm-used dl { grid-template-columns:1fr; }
}
@media print {
  #hm-form,.hm-notes:empty { display:none !important; }
  .hm-table { min-width:0; }
}
.hm-table tbody th,.hm-table thead th:first-child { position:sticky; left:0; z-index:1; }
.hm-table tbody th { background:#fff; }