.hzcontainer{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1100px}.hzleft-section,.hzright-section{width:45%}.hzhzbody-properties{background:#fff;border:2px solid #ccc;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:10px;padding:20px;text-align:center}input,select{background-color:#fdfdfd;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:16px;margin:10px 0;padding:8px;transition:all .3s ease;width:100%}@media screen and (max-width:768px){.hzcontainer{align-items:center;flex-direction:column}.hzleft-section,.hzright-section{max-width:600px;width:90%}}input:focus,select:focus{border-color:#0073e6;box-shadow:0 0 5px rgba(0,115,230,.5)}button{background-color:#0073e6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:12px;transition:background .3s ease;width:100%}table{border-collapse:collapse;width:100%}td{padding:5px}label,legend{color:#444;font-size:16px}legend{font-size:18px;font-weight:700}.hzexplanation h3,.hzexplanation h4{margin-bottom:3px}.hzexplanation p,.hzexplanation ul{margin-top:3px}.hzequation,.hzkatex-display{background-color:#f4f4f4;border-radius:5px;font-family:Courier New,monospace;font-size:14px;margin-bottom:3px;margin-top:3px;max-width:100%;overflow-x:auto;padding:10px;text-align:left}@media screen and (max-width:768px){.hzequation,.hzkatex-display{font-size:14px}}.hzbody-image{border-radius:10px;display:block;height:auto;margin:0 auto;max-width:100%}.hzexplanation p,.hzexplanation ul{font-size:14px;line-height:1.2;margin-bottom:5px;text-align:left}.hzexplanation ul{padding-left:20px}#result{color:#0073e6;font-size:20px;font-weight:700;margin-top:15px}