.roof-tool{--rt-border:#dfe5ed;--rt-ink:#1d2939;--rt-muted:#667085;color:var(--rt-ink);font-size:14px;max-width:100%;}.roof-tool *{box-sizing:border-box}.roof-tool .rt-panel{border:1px solid var(--rt-border);border-radius:10px;background:#fff;padding:16px;min-width:0}.roof-tool .rt-section-heading{font-size:14px;font-weight:750;margin-bottom:12px;display:flex;align-items:center;gap:8px}.roof-tool .rt-section-heading i{color:#355d93}.roof-tool .rt-label{font-weight:600;font-size:12px;margin:0 0 5px;display:block}.roof-tool .form-control,.roof-tool .form-select,.roof-tool .input-group-text{font-size:13px;min-height:38px;border-color:#d4dae3}.roof-tool .rt-hint{font-size:11px;color:var(--rt-muted);line-height:1.5}.roof-tool .rt-symbol{min-width:35px;justify-content:center}.roof-tool .rt-visual-panel svg{display:block;width:100%;max-height:205px}.roof-tool .rt-preview-caption{text-align:center;color:var(--rt-muted);font-size:12px}.roof-tool .rt-result{padding:13px;border:1px solid var(--rt-border);border-radius:8px;background:#fff;min-height:83px}.roof-tool .rt-result span{display:block;color:#586477;font-size:11px;margin-bottom:6px}.roof-tool .rt-result strong{display:block;font-size:clamp(17px,2vw,24px);line-height:1.22;font-weight:750;overflow-wrap:anywhere}.roof-tool .rt-result small{display:block;font-size:11px;color:#53657d;margin-top:7px}.roof-tool .rt-result-primary{background:#F0F5FE;border-color:#F0F5FE;min-height:105px}.roof-tool .rt-result-primary strong{font-size:clamp(22px,2.8vw,31px)}.roof-tool .rt-chart-wrap{display:flex;align-items:center;gap:14px}.roof-tool #roofCostChart{width:54%;max-width:230px;height:auto;aspect-ratio:1.3}.roof-tool .rt-legend{flex:1;min-width:0;font-size:11px}.roof-tool .rt-legend-line{display:flex;align-items:center;gap:6px;margin:7px 0}.roof-tool .rt-legend-swatch{height:9px;width:9px;flex:none;border-radius:2px}.roof-tool .rt-legend-name{flex:1}.roof-tool .rt-legend-value{font-weight:700}.roof-tool .rt-table{font-size:12px;min-width:480px}.roof-tool .rt-table th{color:#475467;font-weight:700}.roof-tool .rt-table td,.roof-tool .rt-table th{padding:9px 7px}.roof-tool .rt-controls{display:flex;gap:9px}.roof-tool .btn-calc{color:#fff;background:#225aa5;border:1px solid #225aa5;font-weight:700;min-height:43px}.roof-tool .btn-calc:hover,.roof-tool .btn-calc:focus{color:#fff;background:#19467e;border-color:#19467e}.roof-tool .rt-reset{min-width:50px;flex:0 0 52px}.roof-tool .dropdown-item{font-size:13px;padding:10px 14px}.roof-tool .dropdown-menu{border-color:var(--rt-border)}@media(max-width:575.98px){.roof-tool .rt-panel{padding:12px}.roof-tool .rt-result{padding:10px;min-height:78px}.roof-tool .rt-result strong{font-size:18px}.roof-tool .rt-result-primary strong{font-size:25px}.roof-tool .rt-controls{display:flex;flex-wrap:nowrap}.roof-tool .rt-chart-wrap{gap:8px}.roof-tool .rt-legend{font-size:10px}.roof-tool #roofCostChart{width:51%}}@media(max-width:370px){.roof-tool .rt-chart-wrap{flex-direction:column}.roof-tool #roofCostChart{width:80%}.roof-tool .rt-legend{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 7px}}