.pjh-container{max-width:720px!important;width:100%!important;margin:0 auto!important;padding:0!important;font-family:'Poppins',Arial,sans-serif;border-radius:10;color:#222;box-sizing:border-box}.pjh-container *,.pjh-container *::before,.pjh-container *::after{box-sizing:border-box}.pjh-card-header{text-align:center;margin:0 0 12px 0;padding:16px;border-radius:10;background:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .08);transition:transform .3s}.pjh-card-header:hover{transform:translateY(-2px)}.pjh-card-header h2{font-size:22px;color:#444;font-weight:600;margin:0 0 6px 0}.pjh-card-header p{font-size:14px;color:#555;margin:0;line-height:1.4}.eduCalc-card{background:#fff;padding:10px;border-radius:0;box-shadow:0 4px 12px rgb(0 0 0 / .06);margin:0 0 12px 0}.input-section{background:#fff;padding:16px;border-radius:0;box-shadow:0 4px 12px rgb(0 0 0 / .06);margin:0 0 12px 0}.info-container{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);padding:12px;border-radius:8px;margin:0 0 12px 0}.info-box p{margin:6px 0;font-size:13px;line-height:1.5;color:#1565c0}.section-heading strong{display:block;margin:0 0 10px 0;font-weight:600;font-size:15px;color:#1976d2}.input-row{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 12px 0}.input-group{flex:1;min-width:200px}.input-group label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:#1976d2}.input-group input,.input-group select{width:100%;padding:12px 16px;border:2px solid #e3f2fd;border-radius:12px;font-size:15px;transition:.3s;font-family:inherit}.input-group input:focus,.input-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px rgb(25 118 210 / .15)}.unit-input{display:flex;gap:8px}.unit-input input{flex:2}.unit-input select{flex:1;min-width:80px}.unit-selector{display:flex;align-items:center;padding:12px 16px;background:#f5f5f5;border-radius:8px;font-weight:600;color:#1976d2;min-width:60px;justify-content:center}.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:8px}.radio-option{position:relative}.radio-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.radio-option label{display:block;padding:10px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;text-align:center;font-weight:500;transition:all 0.3s;margin-bottom:0}.radio-option input[type="radio"]:checked+label{background:#1976d2;color:#fff;border-color:#1976d2}.radio-option label:hover{border-color:#1976d2;background:#e3f2fd}.radio-option input[type="radio"]:checked+label:hover{background:#1565c0}.btn-group{display:flex;gap:10px;margin:12px 0 0 0}.calculate-btn,.reset-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-weight:700;font-size:15px;cursor:pointer;transition:all 0.3s;font-family:inherit}.calculate-btn{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff}.calculate-btn:hover{background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgb(25 118 210 / .3)}.reset-btn{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);color:#fff}.reset-btn:hover{background:linear-gradient(135deg,#d32f2f 0%,#c62828 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgb(244 67 54 / .3)}.result-container{background:#fff;padding:16px;border-radius:0;box-shadow:0 4px 12px rgb(0 0 0 / .06);margin:0 0 12px 0}.result-container h3{color:#1976d2;font-size:20px;font-weight:700;margin:0 0 12px 0;text-align:center}.result-container h4{color:#1976d2;font-size:16px;font-weight:600;margin:0 0 10px 0}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 16px 0}.result-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:20px;border-radius:12px;text-align:center;border:2px solid #e9ecef;transition:all 0.3s}.result-card.primary{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-color:#1976d2}.result-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.result-title{font-size:14px;font-weight:600;color:#666;margin-bottom:8px}.result-card.primary .result-title{color:#1976d2}.result-value{font-size:28px;font-weight:700;color:#333;margin-bottom:4px}.result-card.primary .result-value{color:#1976d2}.result-unit{font-size:16px;font-weight:500;color:#666}.result-card.primary .result-unit{color:#1565c0}.hidden{display:none!important}.text-center{text-align:center}.mb-20{margin-bottom:20px}.visualization-container{margin:16px 0;background:#f8f9fa;padding:16px;border-radius:8px}.visualization-tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:2px solid #e9ecef}.tab-btn{flex:1;padding:10px 16px;background:#fff0;border:none;border-bottom:3px solid #fff0;cursor:pointer;font-weight:600;font-size:14px;color:#666;transition:all 0.3s;font-family:inherit}.tab-btn:hover{color:#1976d2;background:rgb(25 118 210 / .05)}.tab-btn.active{color:#1976d2;border-bottom-color:#1976d2;background:rgb(25 118 210 / .1)}.tab-content{position:relative}.tab-pane{display:none;animation:fadeIn 0.3s ease-in}.tab-pane.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.canvas-container{background:#fff;border-radius:8px;padding:16px;margin-bottom:10px;box-shadow:0 2px 8px rgb(0 0 0 / .05);display:flex;justify-content:center;align-items:center;min-height:300px}.canvas-container canvas{max-width:100%;height:auto;display:block}.diagram-explanation,.chart-explanation{font-size:13px;color:#666;line-height:1.5;margin:8px 0 0 0;padding:10px;background:#fff;border-radius:6px;border-left:3px solid #1976d2}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:10px;font-size:13px}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:20px;height:12px;border-radius:2px}@media (max-width:768px){.input-row{flex-direction:column}.input-group{min-width:100%}.radio-group{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:1fr}.btn-group{flex-direction:column}.visualization-tabs{flex-direction:column}.tab-btn{border-bottom:none;border-left:3px solid #fff0}.tab-btn.active{border-left-color:#1976d2;border-bottom-color:#fff0}}@media (max-width:480px){.pjh-card-header h2{font-size:20px}.pjh-card-header p{font-size:13px}.radio-group{grid-template-columns:1fr}.canvas-container{padding:10px;min-height:250px}}