main{box-sizing:border-box;flex-direction:column;gap:2rem;width:100%;max-width:960px;margin:0 auto;padding-bottom:2.5rem;display:flex;overflow-x:hidden}.calculator-hero{text-align:center;margin-top:1.5rem;margin-bottom:.5rem}.calculator-hero h1{margin-bottom:.5rem;font-size:clamp(2rem,4vw,2.6rem)}.calculator-hero p{color:var(--text-muted);max-width:640px;margin:0 auto 2rem;line-height:1.5}.calc-card{background:var(--surface-color);border:1px solid var(--border-color);box-sizing:border-box;border-radius:18px;width:100%;padding:1.75rem 1.5rem;overflow-x:hidden;box-shadow:0 18px 40px #00000040}.calc-card h2{margin-top:0;margin-bottom:1rem;font-size:1.2rem}.courses-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.courses-wrapper::-webkit-scrollbar{height:6px}.courses-wrapper::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}table.grade-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:540px}table.grade-table th,table.grade-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.55rem .4rem}table.grade-table th{text-align:left;color:var(--text-muted);white-space:nowrap;font-size:.85rem;font-weight:600}table.grade-table th:first-child{width:20%}table.grade-table th:nth-child(2){width:24%}table.grade-table th:nth-child(3),table.grade-table th:nth-child(4),table.grade-table th:nth-child(5),table.grade-table th:nth-child(6){width:14%}table.grade-table input,table.grade-table select{box-sizing:border-box;background:var(--surface-color);border:1px solid var(--border-color);width:100%;color:var(--text-color);border-radius:8px;padding:.45rem .6rem;font-size:.9rem}table.grade-table input:focus,table.grade-table select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6d28d940}.actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.btn{cursor:pointer;color:var(--text-color);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.85rem 1.4rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-outline{color:#22c55e;border-color:#22c55e}.btn-outline:hover{box-shadow:0 0 12px #22c55e80}.btn-primary{color:#0f172a;background:#22c55e}.btn-primary:hover{box-shadow:0 12px 32px #22c55e40}.btn-remove{color:#fda4af;border-color:#f8717199;padding:.4rem .75rem;font-size:.8rem}.btn-remove:hover{box-shadow:0 0 10px #ef444480}.course-note{color:var(--text-muted);margin-top:.75rem;font-size:.85rem}.results-panel{box-sizing:border-box;flex-wrap:wrap;gap:.75rem;width:100%;margin-top:2rem;display:flex}.result-box{background:var(--surface-color);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;flex:calc(20% - .6rem);min-width:140px;max-width:240px;padding:1rem 1.1rem}.result-box.highlight{color:#0f172a;background:linear-gradient(135deg,#22c55e,#16a34a);border:none}.result-box span{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.6rem;font-size:.9rem;display:block}.result-box h3{margin:0;font-size:2rem;font-weight:700}.result-box.highlight span,.result-box.highlight h3{color:#042f1a}.result-box.highlight h3{font-size:2.3rem}.summary-table{border-collapse:collapse;width:100%}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.6rem .4rem;font-size:.9rem}.summary-table th{color:var(--text-muted);font-weight:600}.grade-A{color:#22c55e}.grade-B{color:#3b82f6}.grade-C{color:#eab308}.grade-D{color:#f97316}.grade-F{color:#ef4444}@media (max-width:720px){main{gap:1.5rem;padding-left:.5rem;padding-right:.5rem}.calc-card{padding:.75rem .5rem}.courses-wrapper{margin:0 -.5rem;padding:0 .5rem}table.grade-table{min-width:100%;font-size:.85rem}table.grade-table th,table.grade-table td{padding:.4rem .25rem}table.grade-table input,table.grade-table select{padding:.35rem .4rem;font-size:.85rem}.actions-row{flex-direction:column;align-items:stretch;gap:.75rem}.btn{width:100%;padding:.7rem 1rem;font-size:.9rem}.course-note{font-size:.8rem}.results-panel{flex-direction:column;gap:.5rem}.result-box{text-align:center;flex:none;width:100%;min-width:auto;max-width:100%;min-height:100px;padding:.75rem;font-size:2rem!important}.result-box h3{word-break:break-word;font-size:2rem!important}.result-box span{font-size:.75rem}.summary-table{font-size:.85rem}.summary-table th,.summary-table td{padding:.5rem .3rem}}