*{box-sizing:border-box}body{background-color:#f5f5f5;font-family:Segoe UI,sans-serif;color:#333;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4{color:#212d74;margin-bottom:.5rem}h1{font-size:1.8rem}h2{font-size:1.5rem;margin-top:1.5rem}h3{font-size:1.25rem;margin-top:1.25rem}h4{font-size:1.1rem;margin-top:1rem}input[type=text]{padding:.5rem;border-radius:6px;border:1px solid #ccc;margin-top:.25rem;font-size:1rem;width:100%;max-width:200px}input[type=checkbox]{margin-left:.5rem}label{font-weight:500;font-size:.95rem}.error{color:#f44336;font-size:.9rem;margin-top:.25rem}button{margin-top:1rem;background-color:#212d74;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:6px;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .2s ease-in-out}button:hover{background-color:#3949ab}.grade-block{margin-top:1.5rem;padding:1rem;border-left:4px solid #ccc;background-color:#fff;border-radius:6px;box-shadow:0 2px 6px #0000000d}.grade-Honors{color:#4caf50}.grade-HighPass{color:#2196f3}.grade-Pass{color:#ff9800}.grade-Fail{color:#f44336}.grade-Incomplete{color:#9c27b0}.grade-Unknown{color:#607d8b}.flex-wrap{display:flex;flex-wrap:wrap;gap:.75rem}.input-group{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.input-group label{font-weight:500}.input-group input[type=number]{padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;width:120px}.checkbox-inline{display:flex;align-items:center;font-size:.9rem;gap:.25rem}@media (max-width: 768px){body{padding:1rem}h1,h2{font-size:1.25rem}h3,h4{font-size:1.1rem}input[type=text]{width:100%;font-size:1rem}button{width:100%;font-size:1rem;padding:.75rem}.grade-block{padding:1rem;margin-top:1rem}.flex-wrap{flex-direction:column}ul{padding-left:1.2rem}.input-group{flex-direction:column;align-items:flex-start}.input-group input[type=number]{width:100%}}