.slopecalc2026-container *{box-sizing:border-box!important;font-family:'Poppins',Arial,sans-serif!important}.slopecalc2026-container input,.slopecalc2026-container select,.slopecalc2026-container button,.slopecalc2026-container textarea{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:none!important;border-radius:12px!important}.slopecalc2026-container button{cursor:pointer!important;text-decoration:none!important}.slopecalc2026-container{max-width:720px!important;width:100%!important;margin:0 auto!important;padding-bottom:0!important;font-family:'Poppins',Arial,sans-serif;color:#222;box-sizing:border-box}.slopecalc2026-container *,.slopecalc2026-container *::before,.slopecalc2026-container *::after{box-sizing:border-box}.slopecalc2026-card-header{text-align:center;margin-bottom:10px;padding:10px;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgb(0 0 0 / .1);transition:transform .3s}.slopecalc2026-card-header:hover{transform:translateY(-2px)}.slopecalc2026-card-header h2{font-size:22px;color:#333;font-weight:600;margin-bottom:6px}.slopecalc2026-card-header p{font-size:14px;color:#555;margin:0 auto}.slopecalc2026-card{background:#fff;padding:3px;border-radius:16px;box-shadow:0 6px 18px rgb(0 0 0 / .08)}.slopecalc2026-input-section{background:#fff;padding:16px;border-radius:16px;box-shadow:0 8px 20px rgb(0 0 0 / .08);margin:0}.slopecalc2026-section-heading{margin-bottom:12px}.slopecalc2026-section-heading h4{margin:0 0 8px 0;font-weight:600;font-size:16px;color:#1976d2;border-bottom:2px solid #1976d2;padding-bottom:6px}.slopecalc2026-input-row{display:flex;gap:12px;flex-wrap:nowrap;margin-bottom:12px}.slopecalc2026-input-group{flex:1;min-width:120px}.slopecalc2026-input-group label{display:block;margin-bottom:4px;font-weight:600;font-size:14px;color:#1976d2}.slopecalc2026-input-group input,.slopecalc2026-input-group select{width:100%;padding:12px 14px;border:1px solid #90caf9;border-radius:12px;font-size:15px;transition:.3s}.slopecalc2026-input-group input:focus,.slopecalc2026-input-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgb(25 118 210 / .15)}.slopecalc2026-unit-input{position:relative;display:flex;align-items:center}.slopecalc2026-unit-input input{padding-right:50px}.slopecalc2026-unit-symbol{position:absolute;right:14px;font-weight:600;color:#1976d2}.slopecalc2026-checkbox-option{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border-radius:8px;transition:background-color 0.2s}.slopecalc2026-checkbox-option:hover{background-color:#f5f5f5}.slopecalc2026-checkbox-option input[type="checkbox"]{width:20px;height:20px;cursor:pointer;margin:0;flex-shrink:0;-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;accent-color:#1976d2;opacity:1!important;background-color:#fff!important;border:2px solid #1976d2!important}.slopecalc2026-checkbox-option input[type="checkbox"]:checked{background-color:#1976d2!important;border-color:#1976d2!important}.slopecalc2026-checkbox-option label{cursor:pointer;font-size:13px;margin:0;font-weight:500;color:#333;user-select:none;flex:1}.slopecalc2026-advanced-options{margin-top:16px;padding-top:16px;border-top:2px dashed #e0e0e0}.slopecalc2026-advanced-options h4{margin:0 0 12px 0;font-size:15px;color:#1976d2}.slopecalc2026-btn-group{display:flex;gap:12px;margin-top:16px}.slopecalc2026-button{flex:1;padding:14px;background:#1976d2;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:.2s}.slopecalc2026-button:hover{background:#125ea8;transform:translateY(-2px)}.slopecalc2026-reset{background:#f44336}.slopecalc2026-reset:hover{background:#c62828}.slopecalc2026-result{display:none;margin-top:20px}.slopecalc2026-result.show{display:block}.slopecalc2026-result h3{font-size:20px;color:#1976d2;margin-bottom:16px;text-align:center}.slopecalc2026-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.slopecalc2026-summaryText{margin-bottom:16px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff;font-size:18px;font-weight:700;text-align:center;transition:background 0.3s;box-shadow:0 4px 12px rgb(0 0 0 / .15);border:2px solid #0d47a1}.slopecalc2026-card-detail{border-radius:12px;padding:14px;text-align:center;font-size:13px;font-weight:500;color:#333;background:#f5f5f5;transition:all 0.3s;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.slopecalc2026-card-detail:nth-child(1){background:#fce4ec;color:#880e4f}.slopecalc2026-card-detail:nth-child(2){background:#e3f2fd;color:#0d47a1}.slopecalc2026-card-detail:nth-child(3){background:#e8f5e9;color:#1b5e20}.slopecalc2026-card-detail:nth-child(4){background:#fff3e0;color:#e65100}.slopecalc2026-card-detail:nth-child(5){background:#f3e5f5;color:#4a148c}.slopecalc2026-card-detail:nth-child(6){background:#e0f7fa;color:#006064}.slopecalc2026-card-detail:nth-child(7){background:#f9fbe7;color:#33691e}.slopecalc2026-card-detail:nth-child(8){background:#fbe9e7;color:#bf360c}.slopecalc2026-card-detail:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.slopecalc2026-card-detail strong{display:block;font-size:11px;color:inherit;opacity:.8;margin-bottom:6px}.slopecalc2026-card-detail .value{font-size:18px;font-weight:700;color:inherit}.slopecalc2026-steps{margin-top:14px;font-size:13px;background:#e3f2fd;padding:14px;border-radius:12px;color:#0d47a1;line-height:1.6;font-family:Arial,sans-serif;word-break:break-word}.slopecalc2026-steps b{color:#01579b}.slopecalc2026-hidden{display:none!important}.slopecalc2026-info-box{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:16px;border-radius:12px;margin-bottom:16px;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.slopecalc2026-info-box p{margin:0;font-size:14px;line-height:1.6}.slopecalc2026-visualization-container{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:12px}.slopecalc2026-visualization-container h4{margin:0 0 12px 0;font-size:15px;color:#1976d2}.slopecalc2026-diagram-container{background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.slopecalc2026-visualization-canvas{width:100%;height:400px;border-radius:8px}.slopecalc2026-formula-section{margin-top:16px;padding:16px;background:#e8f5e9;border-radius:12px}.slopecalc2026-formula-section h4{margin:0 0 12px 0;font-size:15px;color:#2e7d32}.slopecalc2026-equation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.slopecalc2026-equation-card{background:#fff;padding:12px;border-radius:8px;text-align:center;box-shadow:0 2px 6px rgb(0 0 0 / .08)}.slopecalc2026-equation-title{font-size:11px;color:#666;margin-bottom:6px;font-weight:600}.slopecalc2026-equation{font-family:'Courier New',monospace;font-size:14px;color:#2e7d32;font-weight:700}.slopecalc2026-properties-section{margin-top:16px;padding:16px;background:#fff3e0;border-radius:12px}.slopecalc2026-properties-section h4{margin:0 0 12px 0;font-size:15px;color:#e65100}.slopecalc2026-properties-content{font-size:13px;line-height:1.8;color:#333}.slopecalc2026-properties-content p{margin:6px 0;padding:6px 10px;background:#fff;border-radius:6px;border-left:3px solid #ff9800}.slopecalc2026-slope-formats-container{margin-top:16px;padding:16px;background:#f3e5f5;border-radius:12px}.slopecalc2026-slope-formats-container h4{margin:0 0 12px 0;font-size:15px;color:#6a1b9a}.slopecalc2026-formats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.slopecalc2026-format-card{background:#fff;padding:12px;border-radius:8px;text-align:center;box-shadow:0 2px 6px rgb(0 0 0 / .08)}.slopecalc2026-format-title{font-size:11px;color:#666;margin-bottom:6px;font-weight:600}.slopecalc2026-format-value{font-size:16px;color:#6a1b9a;font-weight:700}.slopecalc2026-line-equation-container{margin-top:16px;padding:16px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:12px;text-align:center}.slopecalc2026-line-equation-container h4{margin:0 0 12px 0;font-size:15px;color:#0d47a1}.slopecalc2026-line-equation-container .slopecalc2026-equation{font-size:20px;color:#1976d2;font-weight:700;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}@media(max-width:520px){.slopecalc2026-grid{grid-template-columns:1fr}.slopecalc2026-input-row{flex-wrap:wrap}.slopecalc2026-btn-group{flex-direction:column}.slopecalc2026-equation-grid{grid-template-columns:1fr}}