body{font-family:Arial,sans-serif;margin:20px auto;padding:10px;text-align:center;background-color:#f4f4f4;font-size:16px}.legal-notice{display:block;color:#666;font-size:.85rem;margin-bottom:5px}.nav-bar{background:#fff;padding:10px;border-bottom:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.1);margin-bottom:20px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.nav-button{display:inline-block;padding:8px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-size:.9rem}.nav-button:hover{background-color:#0056b3}.calculator{background:#fff;padding:20px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,0.1);margin:0 auto;box-sizing:border-box}#main-title{display:block;margin:10px 0;font-size:1.6rem;font-weight:700;color:#4f080f;text-align:center;background-color:#e9ecef;padding:8px;border-radius:5px;text-transform:uppercase}#tank-volume-section{background:#f8f9fa}.cube-volume-section{background:#e6f3ff}.height-volume-section{background:#d6d6d6}input,select,button{margin:5px;padding:8px;font-size:14px;box-sizing:border-box}.input-group{margin-bottom:20px;padding:15px;border:1px solid #ddd;border-radius:5px}#tank-volume-title,#cube-volume-title,#height-volume-title{display:block;margin:10px 0;font-size:1.2rem;color:#201470;background-color:#dee2e6;padding:6px;border-radius:4px}#volume-history-title,#cube-history-title,#height-history-title{display:block;margin:10px 0;font-size:1rem;color:#333;background-color:#f1f3f5;padding:5px;border-radius:3px}.input-group h4#result-heading{display:block;margin:auto;font-size:1rem;color:#f8ffad;background-color:#292928;padding:5px 10px;border-radius:3px;max-width:96%;text-align:center;text-transform:uppercase}.input-row{display:flex;align-items:center;margin:8px 0;flex-wrap:wrap}.input-row label{max-width:100px;width:auto;text-align:right;margin-right:10px;background-color:#333333;color:#ffffff;padding:5px 10px;border-radius:3px;font-weight:700;font-size:.9rem}.input-pair{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1}.button-group{display:flex;justify-content:center;gap:10px;margin:10px 0;flex-wrap:wrap}input[type=number]{width:80px;max-width:100%}select{width:100px;max-width:100%}
/* === Other Apps Bar === */
.other-apps-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #eaf3fb;
  padding: 8px 0 5px 0;
  gap: 11px;
}
.app-button {
  color: #236b4d;
  background: #e5f8ff;
  border-radius: 5px;
  padding: 4px 14px;
  font-size: 1em;
  font-weight: 500;
  transition: background .2s, color .2s;
  border: 1px solid;
  text-decoration: none!important;
}
.app-button:hover, .app-button:focus {
  background: #c2e2f7;
  color: #1d3b79;
}
.area-active {
  background: #2d4c7c;
  color: #fff !important;
}
.area-active:hover {
  background: #1f1e1d;
  color: #f8ffad !important;
}


/* Existing button styles */
button {
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 8px 15px;
    font-size: 1rem;
    min-width: 80px;
}
button[onclick*="reset"] {
    background-color: #6c757d;
}
button:hover {
    background-color: #0056b3;
}
button[onclick*="reset"]:hover {
    background-color: #5a6268;
}
/* New Calculate button styles */
#calcVolumeBtn, #calcCubeBtn, #calcHeightBtn {
    background-color: #01438a; /* Darker blue */
}
#calcVolumeBtn:hover, #calcCubeBtn:hover, #calcHeightBtn:hover {
    background-color: #023a78; /* Even darker on hover */
}
#result-volume,#result-height,#result-cube{margin-top:10px;font-weight:700;text-align:left;padding-left:5px;font-size:.9rem}.result-ft3{background:#d9d9d9;padding:4px 4px;border-radius:2px;margin-bottom:-10px;display:block;max-width: 98%;}.result-m3{background:#fcfcfc;padding:4px 4px;border-radius:2px;margin-bottom:-10px;display:block;max-width: 98%;}.result-in3{background:#d9d9d9;padding:4px 4px;border-radius:2px;margin-bottom:-10px;display:block;max-width: 98%;}.result-cm3{background:#fcfcfc;padding:4px 4px;border-radius:2px;margin-bottom:1px;display:block;max-width: 98%;}.result-ft2{background:#d9d9d9;padding:4px 4px;border-radius:2px;margin-bottom:-10px;display:block;max-width: 98%;}.result-m2{background:#fcfcfc;padding:4px 4px;border-radius:2px;margin-bottom:-10px;display:block;max-width: 98%;}.result-in2{background:#d9d9d9;padding:4px 4px;border-radius:2px;margin-bottom:-10px;display:block;max-width: 98%;}.result-cm2{background:#fcfcfc;padding:4px 4px;border-radius:2px;margin-bottom:-10px;display:block;max-width: 98%;}#volume-label,#surface-area-label{display:block;margin-top:10px;padding:5px;border-radius:3px;color:#ffffff;max-width:120px}#volume-label{background-color:#0e0f73}#surface-area-label{background-color:#0b5559}#tankCanvas-volume,#tankCanvas-height,#tankCanvas-cube{margin:15px auto;border:1px solid #ccc;width:100%;max-width:300px;height:auto;aspect-ratio:1/1}#history-volume,#history-height,#history-cube{margin-top:15px;text-align:left;max-height:150px;overflow-y:auto;padding:10px;background:#f9f9f9;border-radius:5px;font-size:.85rem}#history-volume ul,#history-height ul,#history-cube ul{list-style:none;padding:0}#history-volume li,#history-height li,#history-cube li{margin-bottom:5px}
#rtc-para-1 {
    padding: 5px;
    font-size: 16px;
}
#rtc-para-2 {
    text-align: justify;
    padding: 10px;
    font-size: 17px;
}
.ad-container{margin:20px auto;text-align:center;max-width:100%}.ad-slot{min-height:50px}.footer{background:#fff;padding:10px;border-top:1px solid #ddd;margin-top:20px;text-align:center;font-size:.85rem;color:#666}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:#292928;color:#fff;padding:15px;text-align:center;box-shadow:0 -2px 5px rgba(0,0,0,0.2);z-index:1000;display:none}.cookie-consent p{margin:0 0 10px 0;font-size:.9rem}.cookie-consent a{color:#f8ffad;text-decoration:underline}.cookie-consent a:hover{text-decoration:none}.cookie-consent-btn{background:#007bff;color:#fff;border:none;border-radius:5px;padding:8px 15px;cursor:pointer;font-size:.9rem}.cookie-consent-btn:hover{background:#0056b3}@media (max-width:600px){body{margin:10px;padding:5px;font-size:14px}.nav-bar{padding:8px;gap:5px}.nav-button{padding:6px 10px;font-size:.90rem}.calculator{width:95vw;padding:10px}#main-title{font-size:1.1rem;padding:6px}.input-group{padding:8px}.input-row{flex-direction:column;align-items:flex-start}.input-row label{max-width:90%;width:100%;text-align:left;margin-right:0;margin-bottom:5px}.input-pair{width:100%;flex-direction:column;align-items:stretch;gap:3px}input[type=number],select{width:100%;font-size:13px;padding:6px}button{width:100%;padding:10px;font-size:.85rem}.button-group{flex-direction:column;gap:5px}#result-volume,#result-height,#result-cube{padding-left:0;font-size:.90rem}.result-ft3,.result-m3,.result-in3,.result-cm3,.result-ft2,.result-m2,.result-in2,.result-cm2{margin-bottom:-10px}#tankCanvas-volume,#tankCanvas-height,#tankCanvas-cube{max-width:200px}#tank-volume-title,#cube-volume-title,#height-volume-title{font-size:1rem;padding:5px}#volume-history-title,#cube-history-title,#height-history-title{font-size:.95rem;padding:4px}.input-group h4#result-heading{font-size:.95rem}.ad-container{margin:10px auto}.footer{font-size:.8rem;padding:8px}.legal-notice{font-size:.8rem}.cookie-consent{padding:10px}.cookie-consent p{font-size:.85rem}.cookie-consent-btn{padding:6px 10px;font-size:.85rem}}@media (min-width:601px) and (max-width:1024px){.calculator{width:90vw;max-width:800px;padding:15px}#main-title{font-size:1.3rem}.input-row label{max-width:100px;width:auto;text-align:right}input[type=number]{width:90px}select{width:120px}button{padding:8px 20px}#result-volume,#result-height,#result-cube{padding-left:5px}#tankCanvas-volume,#tankCanvas-height,#tankCanvas-cube{max-width:250px}#tank-volume-title,#cube-volume-title,#height-volume-title{font-size:1.2rem}#volume-history-title,#cube-history-title,#height-history-title{font-size:.95rem}.footer{font-size:.85rem}.cookie-consent p{font-size:.9rem}}@media (min-width:1025px) and (max-width:1440px){.calculator{width:85vw;max-width:1000px;padding:20px}#main-title{font-size:1.35rem}.input-row label{max-width:100px;width:auto;text-align:right}input[type=number]{width:100px}select{width:120px}button{padding:10px 25px}#result-volume,#result-height,#result-cube{padding-left:5px;font-size:1rem}.result-ft3,.result-m3,.result-in3,.result-cm3,.result-ft2,.result-m2,.result-in2,.result-cm2{margin-bottom:-10px}#tankCanvas-volume,#tankCanvas-height,#tankCanvas-cube{max-width:300px}#tank-volume-title,#cube-volume-title,#height-volume-title{font-size:1.3rem}.input-group h4#result-heading{font-size:1.2rem}.footer{font-size:.9rem}.legal-notice{font-size:.85rem}.cookie-consent p{font-size:.95rem}}@media (min-width:1441px){.calculator{width:80vw;max-width:1000px;padding:25px}#main-title{font-size:1.4rem}.input-row label{max-width:120px;width:auto;text-align:right;font-size:1rem}.input-pair{gap:10px}input[type=number]{width:120px;font-size:16px}select{width:140px;font-size:16px}button{padding:10px 30px;font-size:1rem}#result-volume,#result-height,#result-cube{padding-left:10px;font-size:1.1rem}#tankCanvas-volume,#tankCanvas-height,#tankCanvas-cube{max-width:350px}#tank-volume-title,#cube-volume-title,#height-volume-title{font-size:1.4rem}.input-group h4#result-heading{font-size:1.3rem}.ad-container{margin:25px auto}.footer{font-size:.95rem}.legal-notice{font-size:.9rem}.cookie-consent p{font-size:1rem}.ad-placeholder{min-height:50px;background:#f0f0f0}}