/* Supervisor portal: layout values from the approved eight-page handoff. */
:root{--sp-border:var(--border-neutral-primary,var(--colors-neutral-300));--sp-muted:var(--colors-neutral-600);--sp-surface:#fff;--sp-green:var(--colors-primary-600);--sp-soft:var(--colors-neutral-100);--sp-text:var(--colors-neutral-800);--sp-top:104px}
*{box-sizing:border-box}html,body{margin:0;font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--sp-text);background:var(--sp-soft)}[hidden]{display:none!important}a{color:var(--sp-green)}button,input{font:inherit}.hgi{font-size:20px;flex-shrink:0;line-height:1}.sp-body{display:flex;flex-direction:column;min-height:100vh}.sp-top{position:sticky;top:0;z-index:40}.sp-header{height:64px;background:var(--colors-primary-900);display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:20px;color:white}.sp-brand{display:flex;align-items:center;gap:16px}.sp-brand a{display:flex}.sp-brand img{height:56px;width:auto}.sp-header #sp-menu{width:40px;height:40px;padding:0;border:0;border-radius:4px;color:white;background:transparent}.sp-header #sp-menu .hgi{font-size:24px}.sp-header #sp-menu:hover,.sp-user summary:hover{background:#ffffff1f}.sp-user{position:relative}.sp-user summary{display:flex;align-items:center;gap:10px;height:44px;padding:0 8px;border-radius:4px;color:#e6efe9;cursor:pointer;list-style:none}.sp-user summary::-webkit-details-marker{display:none}.sp-user-name{font-size:14px;text-align:right}.sp-user small{display:block;font-size:12px;color:#b3d9c3}.sp-user summary>.hgi{font-size:16px}.sp-avatar{border-radius:50%;background:#ffffff29;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:white}.sp-user-panel{position:absolute;inset-inline-end:0;top:52px;width:260px;max-width:calc(100vw - 32px);background:white;color:var(--sp-text);border:1px solid var(--sp-soft);border-radius:8px;box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;overflow:hidden;z-index:50}.sp-user-profile{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--colors-neutral-200)}.sp-user-profile .sp-avatar{width:40px;height:40px;color:var(--sp-green);background:#e7f4ec}.sp-user-profile .sp-avatar .hgi{font-size:22px}.sp-user-profile strong{display:block;font-size:15px;font-weight:600}.sp-user-profile small{font-size:13px;color:#6c737f;text-align:right}.sp-user-panel>a{display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;font-size:14px;color:#b42318;text-decoration:none}.sp-user-panel>a:hover{background:#fef3f2}
.sp-layout{display:flex;align-items:stretch;flex:1;position:relative}.sp-sidebar{width:256px;flex-shrink:0;background:white;border-inline-end:1px solid var(--colors-neutral-200);padding:16px 12px;position:sticky;top:var(--sp-top);height:calc(100vh - var(--sp-top));align-self:flex-start;overflow-y:auto}.sp-sidebar nav{display:flex;flex-direction:column;gap:4px}.sp-sidebar a{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:4px;text-decoration:none;color:var(--colors-neutral-700);font-size:15px}.sp-sidebar a[aria-current]{background:var(--sp-green);color:white;font-weight:600}.sp-sidebar a:hover:not([aria-current]){background:var(--sp-soft)}.sp-main{padding:24px;min-width:0;flex:1;max-width:1120px;width:100%;display:flex;flex-direction:column;gap:20px}.sp-main>*{width:100%;min-width:0}.sp-page-heading{margin:0}.sp-crumb{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:6px;color:var(--sp-muted)}.sp-crumb .hgi{font-size:14px}.sp-crumb a{color:var(--sp-muted)}.sp-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}.sp-title h1{font-size:26px;line-height:1.4;margin:0;font-weight:600}.sp-title p{font-size:15px;line-height:1.7;color:var(--sp-muted);margin:4px 0 0}.sp-export{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;flex-shrink:0}.sp-export>*{width:auto;flex:0 0 auto}.sp-export .nds-btn{height:32px;min-height:32px;font-size:14px;padding:0 12px}.sp-export .hgi{font-size:16px}
.sp-card{border:1px solid var(--sp-border);border-radius:16px;background:white;min-width:0;overflow:clip;margin:0}.sp-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--colors-neutral-200)}.sp-card h2{font-size:18px;line-height:var(--typo-display-clamp-sm-LH,clamp(26px,3.17vw,38px));font-weight:600;margin:0;display:flex;align-items:center;gap:10px}.sp-card-head h2>.hgi{color:var(--sp-green);font-size:22px}.sp-count{font-size:14px;font-weight:400;color:#6c737f;margin-inline:4px}.sp-search{width:280px;max-width:100%}.sp-search .nds-form-control{height:40px;display:flex;padding-inline:8px;gap:8px}.sp-search input{width:100%;min-width:0}.sp-search button{width:24px;height:24px;min-height:24px;padding:0;flex-shrink:0}.sp-search .hgi{font-size:20px}.sp-body .nds-form-control:focus-within,.sp-auth .nds-form-control:focus-within{box-shadow:0 2px 0 #161616,0 4px 6px #1018280d;border-color:#161616}.sp-table{width:100%!important;table-layout:fixed;border-collapse:collapse;text-align:right;font-size:16px;border-radius:8px!important}.sp-table th{background:var(--sp-soft);font-size:14px;font-weight:600;color:var(--colors-neutral-700)}.sp-table th,.sp-table td{padding:8px 16px!important;vertical-align:middle;overflow-wrap:anywhere;word-break:normal;border-radius:0!important}.sp-table th:first-child,.sp-table td:first-child{width:125px;border-inline-start:0}.sp-table th:last-child,.sp-table td:last-child{width:68px;text-align:center;border-inline-end:0}.sp-table tbody tr:nth-child(even){background:var(--colors-neutral-50)}.sp-table small{display:block;color:var(--sp-muted);font-size:13px;margin-top:4px}.sp-row-name{font-weight:600}.sp-num{font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:isolate}.sp-table .nds-tag{max-width:100%;white-space:normal;text-align:center}.sp-table .nds-btn{width:32px;height:32px;min-height:32px;padding:0}.sp-table .hgi{font-size:20px}.sp-course-table th:first-child,.sp-course-table td:first-child{width:48px}.sp-course-table th:nth-child(2){width:150px}.sp-empty{padding:48px 20px;text-align:center;color:var(--sp-muted)}.sp-empty>.hgi{display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#e7f4ec;color:var(--sp-green);width:56px;height:56px;border-radius:50%;font-size:28px}.sp-empty h3{color:var(--sp-text);font-size:20px;margin:8px 0}.sp-empty p{font-size:14px;margin:8px 0}.sp-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border-top:1px solid var(--colors-neutral-200);padding:20px 24px;font-size:12px;color:#6c737f}.sp-footer p{margin:0}.sp-footer nav{display:flex;gap:20px;flex-wrap:wrap}.sp-footer a{display:flex;gap:6px;align-items:center;color:var(--colors-neutral-700)}.sp-footer .hgi{font-size:16px}
.sp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sp-stat{padding:20px;display:flex;flex-direction:column;gap:16px}.sp-stat-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-direction:row-reverse}.sp-stat strong{font-size:36px;font-weight:700;line-height:44px;color:var(--colors-primary-700)}.sp-stat-top .nds-featured-icon{width:48px;height:48px;flex-shrink:0}.sp-stat-top .hgi{font-size:24px}.sp-stat h2{font-size:18px;margin:0}.sp-stat dl{border-top:1px solid var(--colors-neutral-200);margin:0;padding-top:12px;display:flex;flex-direction:column;gap:8px}.sp-stat dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--sp-muted)}.sp-stat dd{margin:0;color:var(--sp-text);font-weight:600}.sp-stat>.nds-btn{width:100%;margin-top:auto}.sp-stat>.nds-btn,.sp-home-chart .nds-btn{height:40px;min-height:40px;font-size:16px;line-height:24px;padding:0 4px}.sp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.sp-home-chart{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));align-items:stretch}.sp-card-body{padding:20px}.sp-home-chart .sp-card{display:flex;flex-direction:column;padding:20px;gap:4px}.sp-home-chart .sp-card-head{border:0;padding:0}.sp-home-chart .sp-card-head .hgi{display:none}.sp-home-chart .sp-card-body{padding:0;flex:1;display:flex;flex-direction:column;gap:16px}.sp-home-chart .sp-inquiry-help{margin:0}.sp-home-chart .sp-card-body>.nds-btn{margin-top:auto;width:100%}.sp-bars{display:flex;flex-direction:column;gap:14px}.sp-bar>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:14px;color:var(--colors-neutral-700)}.sp-bar>div>span:last-child{font-weight:600;color:var(--sp-text)}.sp-bar a{color:var(--colors-neutral-700);text-decoration:none}.sp-bar a:hover{text-decoration:underline}.sp-meter{height:10px;background:var(--sp-soft);border-radius:9999px;overflow:hidden;display:block}.sp-meter>span{display:block;height:100%;border-radius:inherit;background:var(--sp-green)}.sp-stages .sp-bar:nth-child(1) .sp-meter>span{background:#ffb21c}.sp-stages .sp-bar:nth-child(2) .sp-meter>span{background:#61e6a4}.sp-stages .sp-bar:nth-child(3) .sp-meter>span{background:#26d07c}.sp-stages .sp-bar:nth-child(5) .sp-meter>span{background:var(--colors-primary-900)}
.sp-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:18px 24px;margin:0}.sp-fields dt{color:var(--sp-muted);font-size:14px;margin-bottom:4px}.sp-fields dd{margin:0;overflow-wrap:anywhere;font-size:16px;font-weight:500;text-align:right}.sp-inquiry-form{display:flex;align-items:flex-end;gap:12px;flex-direction:row}.sp-inquiry-field{flex:1;min-width:0}.sp-inquiry-field label{display:block;font-weight:500;margin-bottom:8px}.sp-inquiry-field .nds-form-control{width:100%;height:40px}.sp-inquiry-field input{width:100%}.sp-inquiry-form>button{width:auto;flex:0 0 auto;height:40px}.sp-error{color:#b42318;margin:12px 0 0;font-size:14px}.sp-error:empty{display:none}.sp-inquiry-help{color:var(--sp-muted);font-size:14px;margin-bottom:0}.sp-cv{display:block;width:100%;height:480px;border:1px solid var(--sp-border);border-radius:8px;background:var(--sp-soft);margin:0}.sp-cv-empty{background:var(--sp-soft);border:1px solid var(--sp-border);border-radius:8px;padding:72px 20px;text-align:center}.sp-cv-empty .hgi{font-size:36px}.sp-actions{display:flex;gap:12px;flex-wrap:wrap}.sp-actions .nds-btn{width:auto}.sp-detail-title{margin:0;font-weight:600}.sp-overlay{display:none}.sp-skip{position:fixed;top:-100px;z-index:100;background:white;padding:10px}.sp-skip:focus{top:0}.sp-toast{position:fixed;bottom:20px;inset-inline:20px;max-width:400px;margin:auto;z-index:60;background:var(--colors-primary-900);color:white;padding:16px;border-radius:8px}.sp-body a:focus-visible,.sp-body button:focus-visible,.sp-body summary:focus-visible,.sp-auth a:focus-visible,.sp-auth button:focus-visible{outline:2px solid #161616;outline-offset:3px}
.sp-auth{min-height:100vh;display:flex;flex-direction:column}.sp-auth-main{background-color:var(--colors-primary-950);background-image:linear-gradient(#092a1ed1,#092a1ed1),url('../auth/img/login-bg.png');background-size:cover;background-position:center top;background-repeat:no-repeat;min-height:calc(100vh - 40px);flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px}.sp-auth-card{width:493px;max-width:100%;border-radius:16px;background:white;padding:32px 44px 36px;border:1px solid var(--sp-soft);box-shadow:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808;display:flex;flex-direction:column;gap:20px;text-align:center}.sp-auth-brand{display:block;width:110px;height:91px;object-fit:contain;margin:0 auto}.sp-auth-card h1{font-size:24px;line-height:1.5;font-weight:600;margin:0}.sp-auth-card .sp-subtitle{font-size:16px;line-height:1.5;color:var(--sp-muted);margin:4px 0 0}.sp-auth-card form{display:flex;flex-direction:column;gap:18px;text-align:right}.sp-auth-card .nds-form-control{height:40px;min-height:40px;display:flex;align-items:center;gap:8px}.sp-auth-card .nds-input{width:100%;min-width:0}.sp-auth-card #job_id,.sp-auth-card #nationalId{direction:ltr}.sp-auth-card .nds-input::placeholder{color:#6c737f}.sp-auth-card .nds-form-action{display:flex;align-items:center;gap:4px;flex-shrink:0}.sp-auth-card .nds-form-action .nds-btn{width:24px;height:24px;min-height:24px;padding:0}.sp-auth-card .nds-form-control>.hgi{font-size:20px}.sp-auth-card form>.nds-btn{width:100%;height:40px;min-height:40px;font-size:16px;line-height:24px}.sp-auth-field label{display:block}.sp-auth-card>header{display:flex;flex-direction:column;gap:4px}.sp-auth-card>header .sp-subtitle{margin:0}.sp-auth-card .nds-form-header{margin:0}.sp-auth-card .nds-info{display:block;font-size:13px;color:#6c737f}.sp-auth-card .nds-feedback{font-size:13px;margin-top:8px;color:#b42318}.sp-auth-card .nds-feedback:empty{display:none}.sp-auth-recovery{align-self:flex-start;font-size:14px;color:var(--colors-neutral-700);margin-top:-10px}.sp-auth-switch{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:14px}.sp-auth-link{width:493px;max-width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-radius:16px;background:white;text-decoration:none;color:var(--sp-text);min-height:64px}.sp-auth-link img{width:54px;height:32px;object-fit:contain}.sp-auth-foot{color:white;font-size:13px;margin:12px 0 0}.sp-auth-alert{padding:16px;border:1px solid #fecdca;border-inline-start:6px solid #f04438;border-radius:8px;text-align:right;font-size:14px}.sp-auth-random{text-align:center;display:flex;flex-direction:column;gap:var(--spacing-xl,16px)}.sp-auth-random>p{margin:0;line-height:1.5}.sp-auth-random>#nafath-number{font-size:80px;line-height:1.2;color:var(--sp-green);display:block;flex-shrink:0}.sp-auth-random>#nafath-accounts:empty{display:none}.sp-auth-random>#nafath-accounts{display:flex;flex-direction:column;gap:var(--spacing-md,8px)}.sp-auth-random button{width:100%;margin:0}.sp-nafath-brand{width:176px;height:76px}.sp-nafath-subtitle{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--sp-muted);margin:0}.sp-nafath-subtitle img{width:40px;height:38px;object-fit:contain}.sp-auth-options{display:grid;gap:16px}.sp-auth-options .nds-btn{min-height:48px;white-space:normal;text-align:center;width:100%}
@media(max-width:1279px){.sp-wide{display:none!important}.sp-title{flex-wrap:wrap}.sp-table th:first-child,.sp-table td:first-child{width:112px}.sp-course-table th:first-child,.sp-course-table td:first-child{width:48px}}
@media(max-width:767px){.sp-header{padding-inline:20px}.sp-user-name{display:none}.sp-main{padding:16px;max-width:100%}.sp-sidebar{position:fixed;inset-inline-start:0;top:var(--sp-top);bottom:0;z-index:45;width:256px;max-width:85vw;height:calc(100vh - var(--sp-top));display:none}.sp-menu-open .sp-sidebar{display:block}.sp-menu-open .sp-overlay{display:block;position:fixed;inset:var(--sp-top) 0 0;background:#0008;z-index:44;border:0}.sp-grid,.sp-stats{grid-template-columns:1fr;gap:20px}.sp-stats{gap:16px}.sp-card-head{flex-direction:column;align-items:stretch;padding:16px}.sp-search{width:100%}.sp-table,.sp-table tbody,.sp-table tr,.sp-table td{display:block;width:100%!important}.sp-table{border:0!important}.sp-table thead{display:none}.sp-table tr{display:flex;flex-direction:column;padding:16px;border-bottom:1px solid var(--sp-border);background:white!important}.sp-table td{border:0;padding:8px 0!important;display:flex;justify-content:space-between;gap:16px;text-align:left!important;overflow-wrap:anywhere}.sp-table td:before{content:attr(data-label);color:var(--sp-muted);font-size:13px;flex-shrink:0;max-width:38%;text-align:right}.sp-table .sp-row-name{order:-1;font-size:17px;display:block;text-align:right!important;padding-bottom:12px!important}.sp-table .sp-row-name:before{display:none}.sp-table .sp-wide{display:none!important}.sp-table td small{margin-inline-start:8px}.sp-table .sp-college{display:flex!important}.sp-college span{text-align:left}.sp-college small{margin-inline-start:0}.sp-fields{grid-template-columns:1fr;gap:20px}.sp-footer{flex-direction:column;text-align:center}.sp-footer nav{justify-content:center}.sp-export{width:100%;justify-content:flex-end}.sp-inquiry-form{flex-wrap:wrap}.sp-inquiry-field{flex-basis:100%}.sp-inquiry-form>button{width:100%}.sp-auth-main{padding:22px 8px 48px;justify-content:flex-start}.sp-auth-card{padding:28px 22px 32px}.sp-auth-link{font-size:14px;padding:16px}.sp-paging{padding:16px}.sp-paging .nds-btn{min-width:32px;padding:6px}.sp-cv{height:420px}}

/* Result and detail composition follows the supervisor design handoff. */
.sp-heading-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sp-detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.sp-card-head{flex-wrap:wrap;gap:12px}
.sp-count{font-size:13px;margin-inline:0}
.sp-card-head h2{line-height:var(--typo-display-clamp-sm-LH)}
.sp-home-chart .sp-card-head h2{line-height:var(--typo-display-clamp-sm-LH)}
.sp-inquiry-search{padding:20px;display:flex;flex-direction:column;gap:12px}
.sp-inquiry-form{flex-wrap:wrap}
.sp-inquiry-field{flex:1 1 320px}
.sp-inquiry-field label{margin:0;font-weight:inherit}
.sp-inquiry-form>button{height:40px;min-height:40px}
.sp-inquiry-search .sp-inquiry-help{margin:0;font-size:13px;color:var(--text-secondary-paragraph);display:flex;align-items:center;gap:6px}
.sp-inquiry-help .hgi{font-size:16px}
.sp-inquiry-empty{display:flex;flex-direction:column;align-items:center;gap:8px}
.sp-inquiry-empty h3{margin:8px 0 0;font-size:16px;font-weight:600}
.sp-inquiry-empty p{margin:0;max-width:420px}
.sp-result-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--colors-neutral-200)}
.sp-result-person{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 260px}
.sp-result-avatar{width:48px;height:48px;border-radius:50%;background:#e7f4ec;color:var(--sp-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sp-result-avatar .hgi{font-size:24px}
.sp-result-identity{display:flex;flex-direction:column;gap:4px;min-width:0}
.sp-result-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sp-result-name h2{font-size:20px;font-weight:600;line-height:var(--typo-display-clamp-sm-LH);overflow-wrap:anywhere}
.sp-result-identity p{margin:0;font-size:14px;color:var(--sp-muted);overflow-wrap:anywhere}
.sp-result-head>.nds-btn{width:auto;flex-shrink:0;height:40px;min-height:40px}
.sp-inquiry-data{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sp-inquiry-data>div{display:flex;flex-direction:column;gap:12px;min-width:0}
.sp-inquiry-data h3,.sp-training-stages h3{margin:0;font-size:16px;font-weight:600;color:var(--sp-text);line-height:var(--typo-display-clamp-xs-LH)}
.sp-inquiry-data .sp-fields{margin:0;display:flex;flex-direction:column;gap:0}
.sp-inquiry-data .sp-fields>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--sp-soft)}
.sp-inquiry-data dt{font-size:14px;color:var(--sp-muted);flex-shrink:0;margin:0}
.sp-inquiry-data dd{font-size:14px;font-weight:500;color:var(--sp-text);text-align:left;unicode-bidi:plaintext}
.sp-training-stages{padding:20px;border-top:1px solid var(--colors-neutral-200);display:flex;flex-direction:column;gap:12px;overflow-x:auto}
.sp-footer{padding:12px 24px;gap:12px 24px;flex-wrap:wrap;font-size:13px}
.sp-footer nav{gap:4px;margin-inline:-12px}
.sp-footer a{display:inline-flex;gap:8px;height:36px;padding:0 12px;border-radius:4px;font-size:13px;font-weight:500;text-decoration:none;flex-direction:row-reverse}
.sp-footer a:hover{background:var(--sp-soft);color:var(--sp-green);text-decoration:none}
.sp-footer .hgi{font-size:18px;color:var(--sp-green)}
.sp-footer nav a+a{border-inline-start:1px solid var(--sp-border)}
.sp-export{gap:8px}
.sp-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--colors-neutral-200)}
.sp-tabs a{width:auto;flex-shrink:0;text-decoration:none}
.sp-paging{padding:12px 20px;border-top:1px solid var(--colors-neutral-200);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--sp-muted)}
.sp-pagination .nds-pagination-list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none;flex-wrap:wrap}
.sp-pagination .nds-pagination-item{display:flex}
.sp-pagination .nds-btn{width:auto}
.sp-empty h3{font-size:16px;font-weight:600}
@media(max-width:767px){
 .sp-inquiry-data{grid-template-columns:minmax(0,1fr)}
 .sp-inquiry-form>.nds-btn{width:auto}
 .sp-inquiry-field{flex-basis:320px}
 .sp-card-head{padding:16px 20px;flex-direction:row;align-items:center}
 .sp-search{width:280px}
 .sp-detail-grid .sp-fields{gap:18px 24px}
 .sp-table tr{padding:16px 20px;gap:8px}
 .sp-table td{font-size:14px;padding:0!important;align-items:center}
 .sp-table .sp-row-name{font-size:15px;padding-bottom:2px!important}
 .sp-footer{padding:12px 16px;align-items:flex-start;text-align:start}
 .sp-footer nav{justify-content:flex-start}
}

.sp-main{max-width:1120px}
.sp-course-table .sp-row-name{font-weight:400}