body {font-family: Arial, sans-serif;margin: 0;padding: 0;background-color: #f5f5f5;}@media screen and (max-width: 1400px) {.gitf-sp-container {display: grid;background-color: #ccc;max-width: 1200px;//        margin: 0 auto;overflow: auto;}}@media screen and (width > 1400px) {.gitf-sp-container {display: grid;background-color: #ccc;max-width: 1200px;//    margin: 0 auto;}}.gitf-sp-row-container {display: grid;grid-template-columns: 1fr repeat(5, 1fr);grid-template-rows: auto;gap: 1px;}.gitf-sp-report {display: grid;background-color: #ccc;max-width: 1200px;margin: 0 auto;}.gitf-sp-course {background-color: #e8f3fb;display: grid;grid-template-columns: minmax(280px, auto);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course1 {background-color: #e8f3fb;display: grid;grid-template-columns: minmax(280px, auto);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course2 {background-color: #e8f3fb;display: grid;grid-template-columns: minmax(583px, auto);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course3 {background-color: #e8f3fb;display: grid;grid-template-columns: minmax(886px, auto);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course4 {background-color: #e8f3fb;display: grid;grid-template-columns: minmax(1189px, auto);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-header {grid-column: 1 / -1;background-color: #6a6a6a;color: white;text-align: center;padding: 10px;font-weight: bold;}.gitf-sp-semester-label {background-color: #444;color: white;text-orientation: mixed;writing-mode: vertical-lr;padding: 10px;-moz-transform: scale(-1, -1);-webkit-transform: scale(-1, -1);-o-transform: scale(-1, -1);-ms-transform: scale(-1, -1);transform: scale(-1, -1);}.gitf-sp-course-title {font-weight: bold;color: #333;}.gitf-sp-course-subtitle {font-size: 0.9em;color: #0066cc;}.gitf-sp-course-details {font-size: 0.8em;color: #666;margin-top: 5px;font-weight: bold;}.gitf-sp-course-notes {font-size: 0.8em;color: #666;margin-top: 5px;}.gitf-sp-course-credits {position: absolute;top: 10px;right: 10px;background-color: #b3d9ff;padding: 5px 10px;border-radius: 50%;font-weight: bold;}