.solar-calculator-container{max-width:980px;margin:30px auto;font-family:Arial,Helvetica,sans-serif;color:#111;padding:0 16px;}
.sc-title{text-align:center;font-size:34px;margin-bottom:18px;font-weight:700;}
.solar-form{display:block;text-align:center;}
.solar-form input{width:70%;max-width:600px;border:2px solid #000;padding:12px 14px;margin:10px 0;box-sizing:border-box;font-size:15px;}
.choose-txt{font-size:13px;margin-top:8px;margin-bottom:6px;}
.category-buttons{display:flex;gap:18px;justify-content:center;margin:10px 0;flex-wrap:wrap;}
.category-btn{background:#7d7d7d;color:#fff;border:none;padding:12px 28px;cursor:pointer;letter-spacing:1px;border-radius:2px;}
.category-btn.active{background:#000;color:#fff;}
.calc-wrap{margin-top:12px;}
.calc-btn{background:#b98305;color:#000;border:none;padding:12px 36px;cursor:pointer;font-weight:600;border-radius:2px;}
.solar-result{border:3px dashed #111;margin-top:30px;padding:18px;display:block;}
.result-top{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.left,.center,.right{flex:1;text-align:center;padding:8px;}
.left{border-right:1px dashed #111;padding-right:18px;}
.center{padding:0 18px;}
.right{padding-left:18px;}
.kw-circle{width:86px;height:86px;border-radius:50%;background:#eaeaea;margin:8px auto;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-direction:column;}
.kw-circle small{font-size:12px;color:#555;}
.area-txt{font-size:12px;color:#333;margin-top:6px;}
.bill-stack{display:flex;gap:16px;align-items:flex-end;justify-content:center;flex-wrap:wrap;}
.stack{width:120px;text-align:center;}
.stack .big{display:block;font-size:28px;font-weight:700;margin-bottom:8px;}
.stack.green .big{color:#6dbf2f;}
.divider{border-top:2px dashed #111;margin:18px 0;}
.result-bottom{display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.item{text-align:center;flex:1;min-width:150px;}
.item .num{font-size:24px;font-weight:800;color:#cc8114;margin-bottom:6px;}
.item .label{font-size:13px;color:#333;}
.note{text-align:right;font-size:11px;color:#666;margin-top:8px;}
@media(max-width:800px){ .solar-form input{width:90%;} .left{border-right:none;padding-right:0;} .result-top{flex-direction:column;} .result-bottom{flex-direction:column;gap:12px;} }