/* Responsive lightweight styles - unchanged from previous but included */
.ssc-gpa-wrap{max-width:900px;margin:20px auto;padding:18px;border:1px solid #e6e6e6;border-radius:8px;background:#fff;font-family:Arial,Helvetica,sans-serif}
.ssc-title{background:#512a8f;color:#fff;padding:14px;border-radius:6px;text-align:center;font-size:22px;margin:0 0 14px}
.ssc-tabs{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.ssc-tab{flex:1;padding:10px;border-radius:8px;border:1px solid #ddd;background:#f3f3f7;cursor:pointer}
.ssc-tab.active{background:#4b2a90;color:#fff;border-color:#4b2a90}
.ssc-list{display:flex;flex-direction:column;gap:10px}
.ssc-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:6px;background:#f7f7f7;border:1px solid #eee}
.ssc-left{flex:2;display:flex;align-items:center;gap:12px}
.ssc-code{min-width:46px;color:#6b6b6b;font-weight:600}
.ssc-label{font-weight:700}
.ssc-subject-name{flex:1}
.ssc-right{flex:1;display:flex;gap:8px;align-items:center;justify-content:flex-end}
.ssc-select{padding:8px;border-radius:6px;border:1px solid #d8d8d8;min-width:150px}
.ssc-optional{margin-top:12px;padding:10px;border-radius:8px;border:1px solid #dcd6ef;background:#fbf9ff}
.ssc-optional-title{text-align:center;color:#666;padding-bottom:8px}
.ssc-calc{display:block;margin:16px auto 6px;padding:12px 26px;background:#4b2a90;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}
.ssc-result{margin-top:12px;padding:12px;background:#eef9ee;border:1px solid #d6f1d6;border-radius:6px;text-align:center;font-size:18px}
.ssc-note{font-size:13px;color:#666;margin-top:8px;text-align:center}

/* Responsive */
@media (max-width:600px){
    .ssc-row{flex-direction:column;align-items:stretch}
    .ssc-right{justify-content:space-between}
    .ssc-select{width:100%}
    .ssc-left{gap:8px}
}