body {font-family: Arial, sans-serif;margin: 0;padding: 0;background-color: #f5f5f5;border-collapse: collapse;}@media screen and (max-width: 629px) {.gitf-sp-container {display: grid;background-color: #ccc;max-width: 287px;overflow: auto;}.gitf-sp-row-container {display: grid;grid-template-columns: 45px repeat(1, 242px);grid-template-rows: max-content;gap: 0px;}}@media screen and (min-width: 630px) and (max-width: 869px) {.gitf-sp-container {display: grid;background-color: #ccc;max-width: 529px;overflow: auto;}.gitf-sp-row-container {display: grid;grid-template-columns: 45px repeat(2, 242px);grid-template-rows: max-content;gap: 0px;}}@media screen and (min-width: 870px) and (max-width: 1119px){.gitf-sp-container {display: grid;background-color: #ccc;max-width: 771px;overflow: auto;}.gitf-sp-row-container {display: grid;grid-template-columns: 45px repeat(3, 242px);grid-template-rows: max-content;gap: 0px;}}@media screen and (min-width: 1120px) {.gitf-sp-container {display: grid;background-color: #ccc;max-width: 1013px;overflow: auto;}.gitf-sp-row-container {display: grid;grid-template-columns: 45px repeat(4, 242px);grid-template-rows: max-content;gap: 0px;}}.gitf-sp-report {display: grid;background-color: #ccc;max-width: 100%;margin: 0 auto;}.gitf-sp-row-container > .gitf-sp-report {display: contents;}.gitf-sp-container > .gitf-sp-report {display: contents;}.gitf-sp-course {background-color: #e8f3fb;grid-column: span auto;display: grid;grid-template-columns: minmax(220px, 220px);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course1 {background-color: #e8f3fb;grid-column: span auto;display: grid;grid-template-columns: minmax(220px, 220px);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course2 {background-color: #e8f3fb;grid-column: span 2;display: grid;grid-template-columns: minmax(462px, 462px);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course3 {background-color: #e8f3fb;grid-column: span 3;display: grid;grid-template-columns: minmax(704px, 704px);padding: 10px;border: 1px solid #ccc;position: relative;}.gitf-sp-course4 {background-color: #e8f3fb;grid-column: span 4;display: grid;grid-template-columns: minmax(946px, 946px);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;border: solid 1px #ccc;grid-row: span 10;text-orientation: mixed;writing-mode: vertical-lr;text-align: center;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;max-width: 70%;}.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;}