.height-calculator .input-section{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px rgb(0 0 0 / .05);width:100%}.height-calculator .section-heading{margin-top:20px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.height-calculator .section-heading h4{color:#2980b9;font-size:18px;margin:0;padding-bottom:8px;border-bottom:1px solid #e1e1e1}.height-calculator .tab-container{margin-bottom:20px}.height-calculator .tab-nav{display:flex;margin-bottom:15px;border-bottom:1px solid #ddd}.height-calculator .tab-btn{padding:10px 20px;background-color:#f8f8f8;border:1px solid #ddd;border-bottom:none;border-radius:5px 5px 0 0;cursor:pointer;margin-right:5px;font-weight:700;color:#666;transition:all 0.3s}.height-calculator .tab-btn.active{background-color:#fff;color:#2980b9;border-bottom:2px solid #2980b9;position:relative;bottom:-1px}.height-calculator .tab-btn:hover:not(.active){background-color:#f0f0f0}.height-calculator .tab-content{display:none;padding:15px 0}.height-calculator .tab-content.active{display:block}.height-calculator .input-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.height-calculator .input-group{flex:1;min-width:200px;margin-bottom:10px}.height-calculator .input-group.half{flex:.5;min-width:120px}.height-calculator .input-group label{display:block;margin-bottom:8px;font-weight:700;color:#333}.height-calculator .input-group input[type="number"],.height-calculator .input-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;background-color:#fff;transition:all 0.3s}.height-calculator .input-group input:focus,.height-calculator .input-group select:focus{outline:none;border-color:#2980b9;box-shadow:0 0 0 3px rgb(41 128 185 / .2)}.height-calculator .advanced-options{background-color:#f0f0f0;padding:15px;border-radius:5px;margin-top:20px}.height-calculator .advanced-options h4{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.height-calculator .btn-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.height-calculator .btn-group button{flex:1;padding:12px;font-size:16px;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:all 0.3s;min-width:120px}.height-calculator .calculate-btn{background:linear-gradient(145deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1),0 1px 3px rgb(0 0 0 / .08)}.height-calculator .calculate-btn:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgb(0 0 0 / .1),0 3px 6px rgb(0 0 0 / .08)}.height-calculator .advanced-options{background-color:#f0f0f0;padding:15px;border-radius:5px;margin-top:20px}.height-calculator .advanced-options h4{margin-top:0;margin-bottom:15px;color:#333;font-size:16px}.height-calculator .btn-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.height-calculator .btn-group button{flex:1;padding:12px;font-size:16px;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:all 0.3s;min-width:120px}.height-calculator .calculate-btn{background:linear-gradient(145deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1),0 1px 3px rgb(0 0 0 / .08)}.height-calculator .calculate-btn:hover{transform:translateY(-1px);box-shadow:0 7px 14px rgb(0 0 0 / .1),0 3px 6px rgb(0 0 0 / .08)}.height-calculator .reset-btn{background-color:#f5f5f5;color:#595959;border:1px solid #ccc}.height-calculator .reset-btn:hover{background-color:#e8e8e8}.height-calculator .swap-btn{background-color:#2ecc71;color:#fff}.height-calculator .swap-btn:hover{background-color:#27ae60;transform:translateY(-1px)}.height-calculator .hidden{display:none!important}.height-calculator .result-container{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 8px rgb(0 0 0 / .1);margin-top:30px;width:100%}.height-calculator .result-container h3{color:#2980b9;margin-top:0;margin-bottom:25px;text-align:center;font-size:22px;border-bottom:2px solid #e8f4f8;padding-bottom:15px}.height-calculator .result-container h4{color:#2980b9;margin-top:30px;margin-bottom:15px;font-size:18px}.height-calculator .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:25px}.height-calculator .result-card{background-color:#f8f9fa;border-radius:8px;padding:20px;text-align:center;border:1px solid #e8e8e8;transition:transform 0.2s,box-shadow 0.2s}.height-calculator .result-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .1)}.height-calculator .result-card.primary{background:linear-gradient(145deg,#e8f4f8,#d6eaf8);border-color:#2980b9;grid-column:1 / -1}.height-calculator .result-title{font-weight:700;color:#333;margin-bottom:10px;font-size:16px}.height-calculator .result-value{font-size:28px;font-weight:700;color:#2980b9;margin-bottom:5px}.height-calculator .result-format{font-size:14px;color:#595959}.height-calculator .percentile-details{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-top:25px;border:1px solid #eee}.height-calculator .percentile-chart-container{margin:30px 0;position:relative}.height-calculator .percentile-chart{height:20px;background:linear-gradient(90deg,#ff6b6b 0%,#feca57 25%,#48dbfb 50%,#1dd1a1 75%,#5f27cd 100%);border-radius:10px;position:relative;margin-top:20px}.height-calculator .percentile-markers{position:relative;height:30px;margin-bottom:5px}.height-calculator .percentile-marker{position:absolute;transform:translateX(-50%)}.height-calculator .marker-line{width:1px;height:10px;background-color:#666;margin:0 auto}.height-calculator .marker-label{text-align:center;font-size:12px;color:#666;margin-top:5px}.height-calculator .percentile-indicator{position:absolute;width:10px;height:30px;background-color:#2980b9;top:-5px;transform:translateX(-50%);border-radius:5px;z-index:10}.height-calculator .percentile-table-container{margin-top:25px;overflow-x:auto}.height-calculator .percentile-table{width:100%;border-collapse:collapse;text-align:center}.height-calculator .percentile-table th,.height-calculator .percentile-table td{padding:8px 12px;border:1px solid #ddd}.height-calculator .percentile-table th{background-color:#f0f7fb;color:#2980b9;font-weight:700}.height-calculator .percentile-table tr:nth-child(even){background-color:#f9f9f9}.height-calculator .percentile-table tr.highlighted-row{background-color:#e8f4f8;font-weight:700}.height-calculator .calculator-footer{margin-top:40px;padding-top:20px;border-top:1px solid #e8e8e8}.height-calculator .theory-section{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.height-calculator .theory-section h4{color:#2980b9;margin-top:0;margin-bottom:15px}.height-calculator .theory-section p{line-height:1.6;margin-bottom:15px}.height-calculator .theory-subsection{margin-top:20px;margin-bottom:20px}.height-calculator .theory-subsection h5{color:#2980b9;margin-top:0;margin-bottom:10px;font-size:16px}.height-calculator .theory-subsection ul,.height-calculator .theory-subsection ol{margin:0;padding-left:20px}.height-calculator .theory-subsection li{margin-bottom:8px;line-height:1.5}.height-calculator input[type="number"]{-moz-appearance:textfield}.height-calculator input[type="number"]::-webkit-outer-spin-button,.height-calculator input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width:767px){.height-calculator .input-row{flex-direction:column;gap:10px}.height-calculator .input-group,.height-calculator .input-group.half{min-width:100%}.height-calculator .btn-group{flex-direction:column}.height-calculator .results-grid{grid-template-columns:1fr}.height-calculator .tab-nav{flex-direction:column;gap:5px;border-bottom:none}.height-calculator .tab-btn{border-radius:5px;border:1px solid #ddd;margin-right:0}.height-calculator .tab-btn.active{border-bottom:1px solid #2980b9;bottom:0}}@media (min-width:768px) and (max-width:991px){.height-calculator .results-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.height-calculator .theory-section{padding:30px}}