.hcgen{max-width:900px;margin:0 auto;color:#435a72;font-family:inherit;font-size:14px;line-height:1.65;box-sizing:border-box}.hcgen *{box-sizing:border-box}.hcgen header{margin-bottom:18px}.hcgen .eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#1e73e8;margin-bottom:6px}.hcgen header h2{color:#2c3e50;font-size:26px;line-height:1.25;font-weight:700;margin:0 0 8px;padding:0}.hcgen header p{font-size:15px;line-height:1.5;margin:0 0 8px;color:#52677e}.hcgen .panel,.hcgen .conv{background:#fff;border:1px solid #d8e1ec;border-radius:12px;padding:20px;margin:0 0 18px;box-shadow:0 2px 8px rgba(28,53,79,.04)}.hcgen h3{color:#2c3e50;font-size:21px;line-height:1.3;margin:0 0 10px}.hcgen h4{color:#2c3e50;font-size:16px;margin:0}.hcgen label{display:block;color:#2c3e50;font-weight:600;margin:12px 0 6px}.hcgen .control{display:block;width:100%;min-width:0;min-height:42px;border:1px solid #d8e1ec;border-radius:8px;background:#fff;padding:9px 10px;color:#2c3e50;font:inherit;line-height:1.35;box-shadow:none}.hcgen .control:focus{outline:2px solid #d5e6fc;border-color:#1e73e8}.hcgen .help{font-size:12px;color:#52677e;margin:7px 0 12px}.hcgen .subrow{display:flex;justify-content:space-between;align-items:center;gap:12px}.hcgen .loads{display:grid;gap:8px}.hcgen .load{display:grid;grid-template-columns:minmax(120px,1.3fr) 65px minmax(90px,1fr) minmax(105px,1fr) 30px;gap:7px;align-items:center}.hcgen .rowhead{font-size:10px;text-transform:uppercase;color:#52677e;font-weight:700}.hcgen .remove{border:0;border-radius:7px;background:#f1f5f9;color:#52677e;font-size:22px;min-height:38px;cursor:pointer}.hcgen .twocol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin-top:12px}.hcgen .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #1e73e8;border-radius:7px;background:#1e73e8;color:#fff;padding:9px 14px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}.hcgen .btn.secondary{background:#fff;color:#1e73e8;border-color:#c7d5e5}.hcgen .btn.reset{background:#1e73e8;color:#fff;border-color:#1e73e8}.hcgen .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.hcgen .error{padding:10px;background:#fff3f1;color:#9d2e22;border-radius:8px}.hcgen .hero{padding:18px;background:#f3f7fc;border:1px solid #e0e9f4;border-radius:10px;margin:12px 0}.hcgen .hero span,.hcgen .hero small{display:block;color:#52677e}.hcgen .hero strong{display:block;color:#1e73e8;font-size:32px;line-height:1.25;margin:5px 0}.hcgen .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hcgen .stats div{padding:12px;border:1px solid #e3eaf2;border-radius:9px}.hcgen .stats span,.hcgen .stats b{display:block}.hcgen .stats span{font-size:12px;color:#52677e}.hcgen .stats b{font-size:17px;color:#2c3e50}.hcgen .converters{margin-top:24px}.hcgen .convgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hcgen .conv{padding:0;overflow:hidden;margin:0}.hcgen .conv h4{padding:14px 16px 4px}.hcgen .conv code{display:block;padding:0 16px 12px;color:#52677e;font-size:11px;white-space:normal;background:none}.hcgen .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 16px 14px}.hcgen .fields label{font-size:11px;color:#52677e;text-transform:uppercase;letter-spacing:.03em}.hcgen .fields .control{margin-top:5px;font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal}.hcgen .answer{padding:14px 16px;background:#f3f7fc;border-top:1px solid #e3eaf2}.hcgen .answer b{display:block;font-size:25px;line-height:1.25;color:#2c3e50}.hcgen .answer span{display:block;font-size:12px;color:#52677e;margin-top:3px}.hcgen .hcgen-footer{text-align:center;color:#718096;font-size:12px;margin:18px 0 0}.hcgen-footer a{color:inherit;text-decoration:underline}@media(max-width:600px){.hcgen header h2{font-size:24px}.hcgen .panel{padding:15px}.hcgen .rowhead{display:none}.hcgen .load{grid-template-columns:minmax(0,1fr) 58px;padding:9px;border:1px solid #e3eaf2;border-radius:8px}.hcgen .load .name{grid-column:1}.hcgen .load .qty{grid-column:2}.hcgen .load .running{grid-column:1}.hcgen .load .starting{grid-column:2}.hcgen .load .remove{grid-column:2;grid-row:1}.hcgen .twocol,.hcgen .convgrid{grid-template-columns:1fr}.hcgen .subrow{align-items:flex-start;flex-wrap:wrap}.hcgen .hero strong{font-size:28px}}@media print{body *{visibility:hidden}.hcgen,.hcgen *{visibility:visible}.hcgen{position:absolute;left:0;top:0;width:100%;max-width:none}.hcgen .inputs,.hcgen .add,.hcgen .actions,.hcgen .print,.hcgen .remove{display:none!important}.hcgen .panel,.hcgen .conv{box-shadow:none;break-inside:avoid}}

/* Information box styling follows the established HomeCostify Electricity calculator reference. */
.hcgen .hcgen-info{border:1px solid #d8e1ec;border-radius:12px;background:#fff;padding:18px 20px;margin:0 0 14px;color:#435a72;font-size:14px;line-height:1.65}
.hcgen .hcgen-info h3{font-size:19px;line-height:1.35;color:#2c3e50;font-weight:700;margin:0 0 12px}
.hcgen .hcgen-info h3:not(:first-child){margin-top:20px}
.hcgen .hcgen-info ol{padding-left:21px;margin:0}
.hcgen .hcgen-info li{padding-left:2px;margin:0 0 4px}
.hcgen .hcgen-info p{font-size:14px;line-height:1.65;color:#435a72;margin:0}
@media(max-width:600px){.hcgen .hcgen-info{padding:16px}}