/* Scoped to the refreshed homepage sections. */
.sv-home{padding:64px 0;color:#243047;background:#f7f9fc}
.sv-home *{box-sizing:border-box}
.sv-home h2,.sv-home h3,.sv-home h4{color:#222e43;line-height:1.4}
.sv-home h2{font-size:clamp(25px,3vw,34px);margin:6px 0 14px;font-weight:800}
.sv-home p{font-size:14px;line-height:1.75;color:#66758e}
.sv-home a{text-decoration:none}
.sv-home a:focus-visible{outline:3px solid #e9a127;outline-offset:5px;border-radius:3px}
.sv-heading{text-align:center;max-width:680px;margin:0 auto 48px}
.sv-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4676df}
.sv-heading-line{display:block;width:64px;height:4px;border-radius:4px;background:#efa200;margin:18px auto}
.sv-course-group{--group-color:#2943bb;margin-top:32px}
.sv-group-chinese{--group-color:#dc3e4b}
.sv-group-technology{--group-color:#098778}
.sv-group-skills{--group-color:#8056b3}
.sv-course-group>h3{font-size:20px;border-left:3px solid var(--group-color);padding-left:14px;margin:0 0 24px}
.sv-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.sv-course-card,.sv-blog-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 2px 2px #24304703;transition:transform .4s ease,box-shadow .4s ease}
.sv-card-body{padding:22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.sv-course-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#f1f5fc;color:var(--group-color);font-size:20px;margin-bottom:18px}
.sv-course-card h4{font-size:16px;margin:0 0 12px;font-weight:700}
.sv-home h4 a,.sv-home h3 a{color:inherit}
.sv-card-body p{margin:0 0 18px}
.sv-read-more{font-size:13px;font-weight:600;color:var(--group-color,#af7100);margin-top:auto;padding-top:10px;display:inline-flex;gap:8px;align-items:center}
.sv-card-image{display:block;overflow:hidden;aspect-ratio:2.2;background:#edf2f8}
.sv-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.sv-about{position:relative;isolation:isolate;overflow:hidden;background:#f4f8fd}
.sv-about::before{content:"";position:absolute;inset:-30px;z-index:-2;background:url('../img/ui/learning-path-ai.png') center/cover no-repeat;filter:blur(20px);opacity:.13;pointer-events:none}
.sv-about::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#f5f9fd70,#f7faffeb 65%);pointer-events:none}
.sv-about-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.sv-about-image{border-radius:20px;overflow:hidden;aspect-ratio:4/3}
.sv-about-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s ease}
.sv-benefits{display:grid;gap:20px;margin-top:26px}
.sv-benefits>div{display:flex;gap:16px}
.sv-benefits>div>span{background:#eff4ff;color:#315bb7;border-radius:10px;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:700}
.sv-benefits h3{font-size:17px;margin:0 0 6px}
.sv-benefits p{margin:0}
.sv-blog-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid #dce4ef;padding-bottom:20px;margin-bottom:32px}
.sv-blog-heading h2{margin-bottom:0}
.sv-all-posts{color:#2943bb;font-size:13px;flex-shrink:0;padding-bottom:7px}
.sv-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sv-post-category{font-size:10px;text-transform:uppercase;font-weight:700;color:#2943bb;margin-bottom:10px}
.sv-blog-card h3{font-size:16px;margin:0 0 10px}
.sv-blog-card p{font-size:13px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .sv-course-card:hover,.sv-blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #2430470d}
 .sv-course-card:hover img,.sv-blog-card:hover img,.sv-about-image:hover img{transform:scale(1.035)}
}
@media(max-width:1023px){.sv-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-about-grid{gap:28px}.sv-card-body{padding:18px}}
@media(max-width:639px){.sv-home{padding:40px 0}.sv-heading{margin-bottom:30px}.sv-course-grid,.sv-blog-grid,.sv-about-grid{grid-template-columns:1fr}.sv-blog-heading{align-items:flex-start;flex-direction:column;gap:10px}.sv-about-image{max-height:320px}.sv-course-group>h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sv-home *{transition:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* Course filters and photographic cards. */
.sv-course-tabs{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:8px;margin:0 0 22px;background:#eaf0f8;border:1px solid #dfe7f3;border-radius:20px;box-shadow:inset 0 1px 2px #fff,0 8px 24px #24427306;scrollbar-width:thin;scrollbar-color:#b6c6e0 transparent}
.sv-course-tabs[hidden],.sv-course-card[hidden],.sv-empty[hidden]{display:none}
.sv-course-tab{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;border:1px solid transparent;border-radius:14px;background:transparent;color:#50617b;font:600 13px/1.4 Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.sv-course-tab>i{font-size:15px}
.sv-course-tab:hover{background:#ffffffb3;color:#2447a6}
.sv-course-tab[aria-selected="true"]{color:#fff;background:linear-gradient(125deg,#173d97,#3675db);border-color:#3867bd;box-shadow:0 5px 14px #214c9a30,inset 0 1px 0 #ffffff30}
.sv-tab-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:8px;font-size:11px;background:#fff9;color:#5a6e8d}
.sv-course-tab[aria-selected="true"] .sv-tab-count{background:#ffffff26;color:#fff}
.sv-course-tab:focus-visible,.sv-course-panel:focus-visible{outline:3px solid #e9a127;outline-offset:3px}
.sv-courses .sv-course-summary{font-size:13px;margin:0 0 22px;color:#687b96}
.sv-course-card{--group-color:#2943bb;position:relative;isolation:isolate;min-height:300px;background:#152b42;border:0;border-radius:18px;box-shadow:0 6px 18px #152b4212}
.sv-course-card .sv-course-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .65s cubic-bezier(.2,.65,.3,1)}
.sv-course-card::before{content:none}
.sv-course-card h3,.sv-course-card .sv-card-body p,.sv-course-card .sv-read-more{text-shadow:0 1px 3px #09182bcc,0 2px 8px #09182b80}
.sv-course-card .sv-card-body{width:100%;padding:22px}
.sv-course-topline{width:100%;display:flex;align-items:flex-start;gap:10px;margin-bottom:48px}
.sv-course-card .sv-course-icon{flex-shrink:0;margin:0;width:38px;height:38px;font-size:17px;color:#fff;background:#ffffff24;border:1px solid #ffffff50;border-radius:11px}
.sv-course-label{margin-left:auto;max-width:150px;padding:6px 9px;color:#fff;background:#102842b8;border:1px solid #ffffff32;border-radius:8px;font-size:10px;line-height:1.5;font-weight:600}
.sv-course-card h3{color:#fff;font-size:17px;font-weight:700;line-height:1.5;margin:auto 0 12px;text-wrap:pretty}
.sv-course-card h3 a{color:#fff}
.sv-course-card .sv-card-body p{color:#e0e8f5;font-size:12px;line-height:1.6}
.sv-course-card .sv-read-more{margin-top:0;width:100%;border-top:1px solid #ffffff2e;padding-top:14px;color:#ffdc8b;font-size:12px}
.sv-course-card .sv-read-more span{margin-left:auto;font-size:18px}
@media(min-width:1200px){.sv-course-tab{flex:1 0 auto}}
@media(max-width:639px){.sv-course-tabs{margin-right:-8px;margin-left:-8px;border-radius:16px}.sv-course-tab{padding:12px}.sv-course-card{min-height:280px}.sv-course-topline{margin-bottom:40px}}