/* 3S Experience: public requests and Admin student profile only. */
:where(body#page-local-sjaccess-index) .sjaccess{max-width:1120px!important;margin:22px auto!important;padding:0!important;border:1px solid #dce5f0!important;border-radius:26px!important;overflow:hidden;background:#f4f7fc!important;box-shadow:0 24px 70px #12244512!important;font-family:"Segoe UI",system-ui,-apple-system,sans-serif!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:24px;padding:42px 44px!important;border:0!important;margin:0!important;background:radial-gradient(ellipse at 95% 0%,#3356a477,transparent 60%),linear-gradient(120deg,#0b172e,#172d58 65%,#21366b)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#93b4ff0b 1px,transparent 1px),linear-gradient(#93b4ff0b 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000)}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head .sjeyebrow{color:#98caff!important;border:1px solid #8eb7ee45!important;background:#b9d8ff0c!important;border-radius:30px!important;padding:7px 12px!important;display:inline-flex!important;font-size:10px!important;letter-spacing:1.25px!important;margin:0 0 17px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head h1{font-size:34px!important;font-weight:750!important;letter-spacing:-.8px!important;line-height:1.25!important;color:white!important;margin:0 0 12px!important;max-width:650px}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head .sjsubtitle{color:#bbc9e5!important;font-size:14px!important;line-height:1.7!important;margin:0!important;max-width:590px}
:where(body#page-local-sjaccess-index) .sjaccess .sjhero-sigil{width:128px;height:128px;flex:0 0 128px;margin-left:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #68a9fb6b;border-radius:28px;background:linear-gradient(145deg,#4277da33,#a06fff0a);box-shadow:0 0 60px #6cb4ff20,inset 0 0 30px #89bbff12;transform:rotate(-5deg)}
:where(body#page-local-sjaccess-index) .sjaccess .sjhero-sigil svg{width:54px!important;height:54px!important;color:#a5d9ff!important;flex:0 0 54px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjhero-sigil span{font-size:18px!important;font-weight:750!important;letter-spacing:7px!important;color:#d7eaff!important}
:where(body#page-local-sjaccess-index) .sjaccess>p{margin:12px 30px!important;font-size:12px!important}
:where(body#page-local-sjaccess-index) .sjaccess>p a{font-size:12px!important;color:#3c6095!important;text-decoration:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsteps{display:flex!important;align-items:center!important;gap:15px!important;padding:20px 32px!important;margin:0!important;background:#fff!important;border-bottom:1px solid #e5ebf5!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsteps li{font-size:12px!important;flex:1!important;color:#73839b!important;display:flex!important;align-items:center!important;gap:9px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsteps li b{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid #e2e9f3!important;background:#f5f7fc!important;border-radius:50%!important;color:#687c9b!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsteps .is-active{color:#17488e!important;font-weight:650!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsteps .is-active b{background:var(--sj-primary)!important;color:white!important;border-color:var(--sj-primary)!important;box-shadow:0 0 0 5px #eaf1ff!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjlogin-note{background:#eef4ff!important;border:1px solid #dce7f7!important;margin:22px 28px 0!important;padding:15px 20px!important;border-radius:12px!important;color:#455e83!important;font-size:13px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjlogin-note p{font-size:12px!important;color:#687e9c!important;margin-bottom:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;padding:28px;align-items:start}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide{position:sticky;top:95px;padding:28px 24px;background:linear-gradient(145deg,#111f3c,#172f50)!important;border:1px solid #2a4269;border-radius:18px;color:#c6d5ee;box-shadow:0 10px 30px #102b5214}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-crest{width:52px;height:52px;display:grid;place-items:center;color:#9bdcff;background:#3872c528;border:1px solid #70c9ff50;border-radius:15px;box-shadow:0 0 24px #34b3ff15;margin-bottom:24px}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-crest svg{width:30px;height:30px}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide .sjeyebrow{font-size:9px!important;color:#8baedc!important;letter-spacing:1.5px!important;line-height:1.6!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide h2{color:#fff!important;font-size:23px!important;line-height:1.35!important;letter-spacing:-.6px!important;margin:13px 0 18px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide p{color:#b1c2dd!important;font-size:12px!important;line-height:1.85!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-journey{margin:25px 0;border-top:1px solid #8badde22;padding-top:15px}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-journey>div{display:flex;gap:11px;padding:14px 0;align-items:start}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-journey b{color:#88bfff;font-size:10px!important;letter-spacing:1px;padding-top:3px}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-journey strong{display:block;font-size:12px!important;color:#edf4ff;font-weight:600}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-journey small{display:block;font-size:10px!important;color:#91a9cb;line-height:1.6;margin-top:4px}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-security{display:flex;gap:10px;padding:16px 0 0;border-top:1px solid #8badde22;color:#a2bddd;font-size:10px!important;line-height:1.7}
:where(body#page-local-sjaccess-index) .sjaccess .sjguide-security svg{color:#83c7fb;width:18px!important;flex:0 0 18px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjstudent-form{margin:0!important;padding:0!important;border:0!important;background:transparent!important;min-width:0}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-section{margin:0 0 20px!important;padding:25px!important;border:1px solid #e1e8f3!important;border-radius:17px!important;background:#fff!important;box-shadow:0 7px 25px #253c6610!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title{gap:14px!important;align-items:center!important;padding-bottom:19px!important;margin:0 0 19px!important;border-bottom:1px solid #edf1f7!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border:1px solid #d4e4fb!important;border-radius:12px!important;color:#235dbc!important;background:linear-gradient(145deg,#f0f7ff,#e7edff)!important;font-size:12px!important;font-weight:700!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title h2{font-size:18px!important;font-weight:700!important;letter-spacing:-.35px!important;color:#152745!important;margin:0 0 5px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title p{font-size:12px!important;color:#7b8ba2!important;margin:0!important;line-height:1.5!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-grid{gap:14px 18px!important}
:where(body#page-local-sjaccess-index) .sjaccess label{font-size:12px!important;font-weight:650!important;color:#3d506c!important;margin:14px 0 8px!important;line-height:1.5!important}
:where(body#page-local-sjaccess-index) .sjaccess input:not([type=checkbox]):not([type=radio]),:where(body#page-local-sjaccess-index) .sjaccess select,:where(body#page-local-sjaccess-index) .sjaccess textarea{border:1px solid #dce5f1!important;border-radius:11px!important;background:#fcfdff!important;min-height:48px!important;padding:12px 14px!important;font-size:14px!important;color:#253a58!important;box-shadow:inset 0 1px 3px #24426303!important;font-family:inherit!important}
:where(body#page-local-sjaccess-index) .sjaccess input[readonly]{background:#f1f5fb!important;color:#6c7f9b!important}
:where(body#page-local-sjaccess-index) .sjaccess input::placeholder,:where(body#page-local-sjaccess-index) .sjaccess textarea::placeholder{color:#96a6bf!important;font-size:12px!important}
:where(body#page-local-sjaccess-index) .sjaccess input:focus,:where(body#page-local-sjaccess-index) .sjaccess select:focus,:where(body#page-local-sjaccess-index) .sjaccess textarea:focus{outline:0!important;border-color:#558feb!important;box-shadow:0 0 0 4px #eaf1ff!important;background:#fff!important}
:where(body#page-local-sjaccess-index) .sjaccess textarea{min-height:120px!important;resize:vertical!important;line-height:1.7!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;margin:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card{position:relative;min-height:100px!important;margin:0!important;padding:18px!important;border:1px solid #dfe7f2!important;border-radius:14px!important;gap:12px!important;background:#fff!important;transition:transform .15s,box-shadow .15s,border-color .15s}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card>span{display:flex!important;gap:12px!important;align-items:center!important;min-width:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card>span>svg{width:30px!important;height:30px!important;flex:0 0 30px!important;color:var(--course-color)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-copy{display:flex!important;flex-direction:column!important;gap:5px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-copy strong{font-size:16px!important;color:#1c3151!important;font-weight:700!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-copy small{font-size:10px!important;color:#7c8ca3!important;line-height:1.5!important}
:is(body#page-local-sjaccess-index,body#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjcourse-qlsx{--course-color:#e23a5f;--course-tint:#fff0f3;--course-edge:#f8b2c3}
:is(body#page-local-sjaccess-index,body#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjcourse-cokhi{--course-color:#2574e6;--course-tint:#edf5ff;--course-edge:#a7cbff}
:is(body#page-local-sjaccess-index,body#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjcourse-dientu{--course-color:#8551dc;--course-tint:#f5efff;--course-edge:#d6baf8}
:is(body#page-local-sjaccess-index,body#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjcourse-ma{--course-color:#11916c;--course-tint:#eafaf3;--course-edge:#a2e0c8}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card input{width:20px!important;height:20px!important;flex:0 0 20px!important;accent-color:var(--course-color)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:has(input:checked){background:linear-gradient(145deg,#fff,var(--course-tint))!important;border:2px solid var(--course-color)!important;padding:17px!important;box-shadow:0 5px 18px color-mix(in srgb,var(--course-color) 12%,transparent)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:has(input:checked):after{content:"ĐÃ CHỌN";position:absolute;top:8px;right:10px;font-size:8px;font-weight:700;letter-spacing:1px;color:var(--course-color)}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:hover{transform:translateY(-2px);border-color:var(--course-edge)!important;box-shadow:0 6px 16px #24385b0a!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjtype-options{gap:11px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjradio{background:#fcfdff!important;border:1px solid #e1e8f2!important;border-radius:11px!important;padding:13px!important;font-weight:500!important;font-size:12px!important;margin:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjradio:has(input:checked){background:#edf4ff!important;border-color:#7ca6eb!important;color:#174990!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload{background:#f8fbff!important;border:1px dashed #b4c9e6!important;border-radius:12px!important;padding:17px!important;margin-top:20px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload label{margin-top:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload input[type=file]{padding:8px!important;border:0!important;background:transparent!important;font-size:12px!important;min-height:38px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload input::file-selector-button{border:0;background:#e7effb;color:#315b99;padding:10px 13px;border-radius:7px;margin-right:10px;font-size:11px;cursor:pointer}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:6px 0 2px!important;margin:0!important;background:transparent!important;border:0!important;gap:9px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer p{font-size:11px!important;text-align:center!important;color:#7c8fae!important;order:2!important;margin:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button{position:relative;overflow:hidden;background:linear-gradient(120deg,#185dd9,#3b67e3)!important;border:1px solid #2161d5!important;color:#fff!important;min-height:54px!important;border-radius:12px!important;font-size:15px!important;box-shadow:0 9px 25px #245fe529!important;margin:0!important;gap:10px!important;letter-spacing:.2px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button:after{content:"";position:absolute;inset:0 auto 0 -70%;width:35%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skewX(-22deg);animation:sj-submit-glow 7s ease-in-out infinite;pointer-events:none}
@keyframes sj-submit-glow{0%,70%{left:-70%}90%,100%{left:140%}}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjworkspace{padding:26px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpage-head{display:none!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjback{display:inline-flex;margin:0 0 20px!important;color:#657b99!important;font-size:12px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #334b7c;border-radius:23px;background:linear-gradient(110deg,#0b1831,#182e56 65%,#263867);box-shadow:0 20px 40px #1228501b;margin-bottom:20px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-aura{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 85% -30%,#7b6df050,transparent 60%),radial-gradient(circle at 8% 0%,#2599fc30,transparent 40%),linear-gradient(120deg,transparent 60%,#b3d2ff09 60%,#b3d2ff09 61%,transparent 61%)}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity{display:flex;gap:24px;align-items:center;padding:34px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar{width:102px;height:102px;flex:0 0 102px;padding:6px;border-radius:28px;background:linear-gradient(140deg,#87dcff,#4875ec 55%,#a185ff);box-shadow:0 0 0 7px #9dccff09,0 0 40px #66c2ff26}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userpicture,body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userinitials{width:90px!important;height:90px!important;max-width:90px!important;border:3px solid #15294a!important;border-radius:22px!important;margin:0!important;display:grid!important;place-items:center!important;font-size:34px!important;font-weight:700!important;color:#c6e9ff!important;background:#18375d!important;object-fit:cover!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-name{min-width:0;flex:1}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-name .sjeyebrow{color:#8fbdea!important;font-size:10px!important;letter-spacing:1.7px!important;margin-bottom:10px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-name h2{font-size:30px!important;letter-spacing:-.7px!important;font-weight:750!important;color:white!important;margin:0 0 8px!important;line-height:1.25!important;overflow-wrap:anywhere}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-mail{font-size:13px!important;color:#b3c6e5!important;margin:0 0 14px!important;overflow-wrap:anywhere}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-tags{display:flex;flex-wrap:wrap;gap:7px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-tags>span{display:inline-flex;align-items:center;gap:6px;color:#b8d6ff!important;border:1px solid #76a5e535;background:#8eafff0b;padding:5px 9px;border-radius:7px;font-size:10px!important;line-height:1.4!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-tags svg{width:14px!important;height:14px!important;flex:0 0 14px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity>.sjbutton{background:#cadbff0b!important;border:1px solid #8eabdc55!important;color:#d1e3ff!important;font-size:11px!important;min-height:39px!important;gap:8px;margin:0!important;white-space:nowrap}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity>.sjbutton svg{width:15px!important;height:15px!important;flex:0 0 15px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 34px;background:#040f252d;border-top:1px solid #91bcff20;gap:20px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics>div{border-right:1px solid #8bb4ea24;padding-right:15px;min-width:0}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics>div:last-child{border:0}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics small{display:block;color:#92a8c9;font-size:9px!important;letter-spacing:1.1px;margin-bottom:9px;line-height:1.5}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics strong{display:block;color:#e6f0ff;font-size:17px!important;line-height:1.4;font-weight:600}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics strong span{color:#95adce;font-size:11px!important;font-weight:400}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-nav{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #dce5f2;margin-bottom:22px;padding-bottom:17px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-nav a{display:inline-flex;gap:7px;align-items:center;text-decoration:none;color:#4b668b;padding:8px 0;margin-right:18px;font-size:12px!important;font-weight:600}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-nav svg{width:17px!important;height:17px!important;flex:0 0 17px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlocks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock{display:flex;flex-wrap:wrap;align-items:center;gap:13px;padding:18px;background:white;border:1px solid #e0e7f2;border-radius:14px;text-decoration:none!important;transition:transform .15s,box-shadow .15s;min-width:0}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock.is-active{background:linear-gradient(140deg,#fff,var(--course-tint));border-color:var(--course-edge);box-shadow:0 5px 15px #1f3f6d07}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-course-icon{display:grid;place-items:center;width:38px;height:38px;color:#9aa9bb;background:#f1f5fa;border:1px solid #dde5ef;border-radius:11px;flex:0 0 38px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .is-active .sjprofile-course-icon{color:var(--course-color);border-color:var(--course-edge);background:var(--course-tint);box-shadow:0 0 0 4px #ffffffa0}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-course-icon svg{width:21px!important;height:21px!important;stroke-width:2.5}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock h3{color:#243c5d!important;font-size:15px!important;margin:0 0 5px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock div>span{color:#7388a4!important;font-size:10px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock.is-active div>span{color:var(--course-color)!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock small{width:100%;font-size:10px!important;color:#6e83a1;border-top:1px solid #839db120;padding-top:10px;margin-top:1px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1839690c}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjeditor-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:22px!important;align-items:start!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjeditor-card{background:#fff!important;border:1px solid #e0e7f2!important;border-radius:18px!important;padding:25px!important;box-shadow:0 8px 25px #203c6006!important;scroll-margin-top:95px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjeditor-heading{display:flex;gap:11px;align-items:center;border-bottom:1px solid #e8eef6;padding-bottom:17px;margin-bottom:8px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjeditor-heading>svg{color:#457bd0;width:22px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjeditor-heading h2{font-size:17px!important;font-weight:700!important;color:#233b5b!important;margin:0!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjedit-course{background:#fcfdff;border:1px solid #e0e7f1;border-left:3px solid var(--course-color);border-radius:12px;margin-top:17px;padding:17px!important;scroll-margin-top:90px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjedit-course h3{color:#253e61!important;font-size:15px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjedit-course-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjedit-course .sjlabel{font-size:10px!important;border:1px solid var(--course-edge);color:var(--course-color)!important;background:var(--course-tint)!important;padding:5px 9px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess label{font-size:12px!important;color:#4e6587!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess input:not([type=checkbox]):not([type=radio]),body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess select,body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess textarea{min-height:46px!important;border:1px solid #dce5f1!important;border-radius:10px!important;font-family:inherit!important;font-size:13px!important;background:#fcfdff!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess textarea{min-height:170px!important;line-height:1.8!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjsavebar{position:sticky;bottom:14px;z-index:4;background:#ffffffed!important;backdrop-filter:blur(12px);border:1px solid #dce6f4!important;box-shadow:0 12px 30px #1a3b6518!important;border-radius:14px!important;gap:13px;padding:17px 20px!important;margin-top:24px!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjsavebar p{font-size:11px!important;color:#7b8ba3!important}
body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjsavebar button{border-radius:10px!important;box-shadow:0 6px 16px #2165d322!important;gap:8px!important;min-height:45px!important}
@media(max-width:1100px){:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-layout{grid-template-columns:215px minmax(0,1fr);gap:20px;padding:23px}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide{padding:23px 18px}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide h2{font-size:21px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlocks{grid-template-columns:repeat(2,minmax(0,1fr))}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjeditor-grid{grid-template-columns:1fr!important}}
@media(max-width:850px){:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head{padding:32px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head h1{font-size:28px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjhero-sigil{width:94px;height:94px;flex-basis:94px;border-radius:23px}:where(body#page-local-sjaccess-index) .sjaccess .sjhero-sigil svg{width:40px!important;height:40px!important;flex-basis:40px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-layout{grid-template-columns:1fr;padding:22px}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide{position:static;display:grid;grid-template-columns:46px 1fr;gap:0 15px;padding:22px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjguide-crest{width:46px;height:46px;margin:0;grid-row:1/4}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide h2{font-size:21px!important;margin:7px 0!important}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide h2 br{display:none}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide p{margin:0!important}:where(body#page-local-sjaccess-index) .sjaccess .sjguide-journey,:where(body#page-local-sjaccess-index) .sjaccess .sjguide-security{display:none}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity{flex-wrap:wrap;padding:26px;gap:19px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity>.sjbutton{margin-left:120px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-name h2{font-size:26px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics{padding:20px 26px;gap:14px}}
@media(max-width:600px){:where(body#page-local-sjaccess-index) .sjaccess{border-radius:18px!important;margin:12px auto!important}:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head{padding:28px 23px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head h1{font-size:25px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head .sjsubtitle{font-size:12px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjhero-sigil{display:none}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-layout{padding:17px;gap:17px}:where(body#page-local-sjaccess-index) .sjaccess .sjform-section{padding:20px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjform-grid{grid-template-columns:1fr!important}:where(body#page-local-sjaccess-index) .sjaccess .sjsteps{padding:18px!important;gap:8px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjsteps li{font-size:10px!important;gap:7px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjsteps li b{flex:0 0 25px!important;width:25px!important;height:25px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card{padding:13px!important;min-height:97px!important;gap:8px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:has(input:checked){padding:12px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card>span{gap:7px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card>span>svg{display:none!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-copy strong{font-size:14px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjtype-options{grid-template-columns:1fr!important}:where(body#page-local-sjaccess-index) .sjaccess .sjlogin-note{margin:17px 17px 0!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjworkspace{padding:16px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar{width:82px;height:82px;flex-basis:82px;border-radius:23px;padding:5px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userpicture,body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userinitials{width:72px!important;height:72px!important;max-width:72px!important;border-radius:18px!important;font-size:27px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity{padding:23px 20px;gap:17px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-name h2{font-size:23px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity>.sjbutton{margin-left:99px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:19px 20px;gap:20px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics>div:nth-child(2){border:0}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics strong{font-size:15px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlocks{gap:11px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock{padding:15px;gap:11px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-nav{gap:0 12px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-nav a{font-size:11px!important;margin-right:7px}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjeditor-card{padding:21px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjform-grid{grid-template-columns:1fr!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjsavebar{position:static;flex-wrap:wrap;padding:17px!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjsavebar p{width:100%}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjsavebar button{width:100%!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjsavebar .sjbutton{width:100%!important}body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-mail{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button:after{animation:none!important;display:none}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card,body#page-local-sjaccess-student .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-unlock{transition:none!important;transform:none!important}}

/* 1.4.7 compact request and personal information. */
:where(body#page-local-sjaccess-index) .sjaccess{max-width:920px!important;margin:20px auto!important;border:1px solid #dbe2ea!important;border-radius:16px!important;background:#fff!important;box-shadow:0 20px 55px #19263810!important;font-family:"Segoe UI",system-ui,-apple-system,sans-serif!important;color:#182538!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head{background:#101e31!important;padding:24px 28px!important;border-bottom:3px solid #df2844!important;display:block!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head:before{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head .sjeyebrow{display:block!important;background:none!important;border:0!important;padding:0!important;color:#b6c6dc!important;font-size:10px!important;letter-spacing:1.4px!important;margin:0 0 8px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head h1{font-size:27px!important;line-height:1.25!important;letter-spacing:-.6px!important;margin:0 0 6px!important;font-weight:700!important;color:#fff!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head .sjsubtitle{font-size:13px!important;line-height:1.5!important;color:#c6d2e3!important;max-width:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjhero-sigil{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsteps{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess>p{margin:8px 28px!important;font-size:12px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjlogin-note{margin:0!important;padding:10px 28px!important;border:0!important;border-bottom:1px solid #e7ebf1!important;border-radius:0!important;background:#f8fafc!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjlogin-note p{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-layout{display:block!important;padding:0!important;gap:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-guide{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjstudent-form{display:block!important;min-width:0!important;gap:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-section{margin:0!important;padding:18px 28px!important;background:#fff!important;border:0!important;border-bottom:1px solid #e8edf3!important;border-radius:0!important;box-shadow:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title{display:flex!important;align-items:center!important;gap:9px!important;border:0!important;padding:0!important;margin:0 0 12px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title>span{width:auto!important;height:auto!important;flex:0 0 auto!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;color:#dd2843!important;font-size:11px!important;font-weight:750!important;box-shadow:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title h2{font-size:17px!important;line-height:1.3!important;letter-spacing:-.25px!important;margin:0!important;color:#182538!important;font-weight:700!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title p{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 18px!important}
:where(body#page-local-sjaccess-index) .sjaccess label{font-size:12px!important;line-height:1.5!important;font-weight:650!important;color:#3b4b62!important;margin:0 0 5px!important}
:where(body#page-local-sjaccess-index) .sjaccess input:not([type=checkbox]):not([type=radio]),:where(body#page-local-sjaccess-index) .sjaccess select,:where(body#page-local-sjaccess-index) .sjaccess textarea{min-height:44px!important;height:44px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;padding:10px 12px!important;font-size:14px!important;color:#182538!important;line-height:1.5!important;min-width:0!important}
:where(body#page-local-sjaccess-index) .sjaccess input::placeholder,:where(body#page-local-sjaccess-index) .sjaccess textarea::placeholder{color:#8794a6!important}
:where(body#page-local-sjaccess-index) .sjaccess input[readonly]{background:#f3f5f8!important;color:#637084!important}
:where(body#page-local-sjaccess-index) .sjaccess input:focus,:where(body#page-local-sjaccess-index) .sjaccess select:focus,:where(body#page-local-sjaccess-index) .sjaccess textarea:focus{border-color:#375b8b!important;outline:3px solid #375b8b16!important;outline-offset:1px!important;box-shadow:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjclass-fields{margin-top:12px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjclass-other{margin-top:10px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-options{margin:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card{height:auto!important;min-height:72px!important;margin:0!important;padding:12px!important;display:flex!important;gap:9px!important;border:1px solid #d4dce7!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;transition:background .15s,border-color .15s!important;position:relative!important;overflow:hidden!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card>span{display:flex!important;gap:8px!important;align-items:center!important;min-width:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card svg{height:22px!important;width:22px!important;flex:0 0 22px!important;color:var(--sj-course-color)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card input{width:18px!important;height:18px!important;flex:0 0 18px!important;accent-color:var(--sj-course-color)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-copy strong{font-size:14px!important;line-height:1.35!important;color:#23324b!important;font-weight:700!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-copy small{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-qlsx{--sj-course-color:#d72b49!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-cokhi{--sj-course-color:#246ce0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-dientu{--sj-course-color:#8054db!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-ma{--sj-course-color:#008a76!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:has(input:checked){border:1.5px solid var(--sj-course-color)!important;background:color-mix(in srgb,var(--sj-course-color) 7%,white)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--sj-course-color) 8%,transparent)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:has(input:checked):after{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-fields{display:grid!important;grid-template-columns:1fr 1.25fr!important;gap:18px!important;align-items:start!important}
:where(body#page-local-sjaccess-index) .sjaccess textarea{height:72px!important;min-height:72px!important;max-height:220px!important;resize:vertical!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional{margin:12px 0 0!important;border:0!important;border-radius:0!important;background:transparent!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional summary{display:flex!important;align-items:center!important;gap:8px!important;list-style:none!important;cursor:pointer!important;font-size:12px!important;line-height:1.6!important;font-weight:600!important;color:#526985!important;padding:7px 0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional summary::-webkit-details-marker{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional summary:before{content:"＋"!important;display:inline-block!important;color:#3d5c83!important;font-size:16px!important;font-weight:500!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional[open] summary:before{content:"−"!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional summary span{margin-left:auto!important;color:#8c98a8!important;font-size:10px!important;font-weight:400!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional label{margin-top:8px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload{padding:10px 12px!important;margin:4px 0 0!important;background:#f8fafc!important;border:1px dashed #ccd6e4!important;border-radius:8px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload label{margin:0 0 4px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload input[type=file]{padding:4px!important;height:auto!important;min-height:34px!important;border:0!important;background:transparent!important;font-size:12px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjupload p{font-size:10px!important;margin:4px 0 0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:16px 28px!important;margin:0!important;background:#fafbfd!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer p{font-size:11px!important;margin:0!important;text-align:left!important;color:#728097!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button{width:auto!important;min-width:210px!important;min-height:46px!important;max-width:100%!important;border:0!important;border-radius:8px!important;box-shadow:0 5px 16px #d52c4420!important;background:#d92342!important;color:#fff!important;font-size:14px!important;font-weight:700!important;margin:0!important;padding:11px 20px!important;animation:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button:before{display:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button:hover{background:#ba1735!important;transform:none!important}
@media(max-width:640px){:where(body#page-local-sjaccess-index) .sjaccess{margin:12px 0!important;border-radius:12px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head{padding:20px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head h1{font-size:23px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjform-section{padding:16px 20px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-options{grid-template-columns:1fr 1fr!important}:where(body#page-local-sjaccess-index) .sjaccess .sjrequest-fields{grid-template-columns:1fr!important;gap:12px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer{padding:16px 20px!important;flex-direction:column!important;align-items:stretch!important}:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button{width:100%!important}:where(body#page-local-sjaccess-index) .sjaccess .sjlogin-note{padding:10px 20px!important}}
@media(max-width:430px){:where(body#page-local-sjaccess-index) .sjaccess .sjform-grid{grid-template-columns:1fr!important;gap:10px!important}}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-overview{background:#fff!important;padding:24px!important;border:1px solid #dde5ee!important;border-radius:14px!important;margin:18px 0!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 18px!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-heading h2{font-size:18px!important;margin:0!important;color:#14263e!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-heading a{font-size:12px!important;min-height:36px!important;margin:0!important;padding:8px 12px!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:0!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-summary dt{font-size:11px!important;color:#768599!important;font-weight:500!important;margin-bottom:6px!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-summary dd{margin:0!important;font-size:14px!important;color:#26384f!important;overflow-wrap:anywhere!important}
body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess{max-width:840px!important;border-radius:16px!important;background:#fff!important;padding:24px!important;font-family:"Segoe UI",system-ui,sans-serif!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpage-head{background:none!important;border:0!important;padding:0 0 16px!important;box-shadow:none!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpage-head h1{font-size:25px!important;letter-spacing:-.4px!important;margin:0!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpage-head .sjsubtitle{display:none!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head{display:flex;gap:18px;align-items:center;background:#14253c;border-radius:12px;color:#fff;padding:20px;margin:18px 0 24px}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head h2{font-size:23px!important;color:white!important;margin:2px 0 7px!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head p{margin:0!important;color:#b9c9dd!important;font-size:13px!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-avatar img,body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-avatar .userinitials{width:72px!important;height:72px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#314664!important;color:white!important;font-size:24px!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-form .sjform-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px 20px!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-form .sjwide{grid-column:1/-1!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-form label{margin:0 0 6px!important;font-size:12px!important;font-weight:600!important;color:#46556b!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-form input,body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-form select{min-height:46px!important;height:46px!important;padding:10px 12px!important;border:1px solid #ccd5e0!important;border-radius:8px!important;font-size:14px!important;background:#fff!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-form input[readonly]{background:#f3f5f8!important;color:#78869a!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjfield-help{font-size:11px!important;margin:5px 0 0!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-heading{display:block!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-heading p{font-size:12px!important;margin:6px 0 0!important;color:#7a8798!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e5eaf0;margin-top:24px;padding-top:16px}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-actions span{display:flex;gap:7px;align-items:center;font-size:11px;color:#8290a3}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-actions button{margin:0!important;background:#17365b!important;border:0!important;border-radius:8px!important;min-height:44px!important;font-size:13px!important}
@media(max-width:640px){body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-summary{grid-template-columns:1fr 1fr!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess{padding:18px!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-form .sjform-grid{grid-template-columns:1fr!important}body#page-local-sjaccess-personal .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-actions{flex-direction:column;align-items:stretch}}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer{flex-direction:row!important}:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer button svg{width:17px!important;height:17px!important}
@media(max-width:640px){:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer{flex-direction:column!important}}

:where(body#page-local-sjaccess-index) .sjaccess .sjclass-fields{margin-top:0!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card svg{display:block!important}
@media(max-width:430px){:where(body#page-local-sjaccess-index) .sjaccess input:not([type=checkbox]):not([type=radio]),:where(body#page-local-sjaccess-index) .sjaccess select,:where(body#page-local-sjaccess-index) .sjaccess textarea{font-size:16px!important}}

/* 1.4.8: one Moodle avatar, vivid frame and gold profile hero. */
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-hero,body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head{border:3px solid #f5c842!important;box-shadow:0 0 0 1px #ffdf7c33,0 12px 30px #172b4520!important;box-sizing:border-box!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-column{display:flex!important;flex-direction:column!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-avatar,body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar{display:grid!important;place-items:center!important;box-sizing:border-box!important;padding:5px!important;border:0!important;background:conic-gradient(from 30deg,#ff5477,#ffcf50,#53dbb0,#40b4ff,#926cff,#ff5477)!important;box-shadow:0 0 0 3px #ffffff12,0 5px 22px #64a6ff33!important;overflow:hidden!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-avatar{width:82px!important;height:82px!important;border-radius:23px!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-avatar .userpicture,body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-avatar .userinitials{width:72px!important;height:72px!important;max-width:72px!important;border:0!important;border-radius:18px!important;margin:0!important;object-fit:cover!important;box-sizing:border-box!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar{width:102px!important;height:102px!important;border-radius:28px!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userpicture,body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userinitials{width:92px!important;height:92px!important;max-width:92px!important;border:0!important;border-radius:23px!important;margin:0!important;object-fit:cover!important;box-sizing:border-box!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-edit{display:inline-flex!important;align-items:center!important;gap:5px!important;border:1px solid #ffe39b77!important;border-radius:7px!important;padding:5px 9px!important;background:#ffffff0c!important;color:#ffe39b!important;font-size:11px!important;font-weight:600!important;line-height:1.4!important;white-space:nowrap!important;text-decoration:none!important;min-height:28px!important;box-sizing:border-box!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-edit svg{width:13px!important;height:13px!important;flex:0 0 13px!important;color:inherit!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-edit:hover{background:#f5c84222!important;border-color:#f5c842!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-edit:focus-visible{outline:3px solid #ffe39b!important;outline-offset:3px!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head>div:last-child{min-width:0!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head h2,body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head p{overflow-wrap:anywhere!important}
@media(max-width:700px){body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar{width:82px!important;height:82px!important;border-radius:23px!important}body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userpicture,body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userinitials{width:72px!important;height:72px!important;max-width:72px!important;border-radius:18px!important}}

body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics .sjlabel-unknown,body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics .sjlabel-waiting{color:#53647d!important;background:#edf2f8!important}

/* 1.4.9: warm yellow profile background, dark text. */
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head,body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-hero{background:linear-gradient(115deg,#ffe59a 0%,#fff2cb 65%,#fff8e6 100%)!important;border:2px solid #dfbd62!important;color:#382a17!important;box-shadow:0 8px 24px #9b7a2815!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-aura{background:radial-gradient(ellipse at 95% 0%,#ffffff66,transparent 60%)!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head h2,body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-name h2{color:#382a17!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-head p,body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-mail,body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-name .sjeyebrow{color:#735a33!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpersonal-avatar .userinitials,body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-avatar .userinitials{background:#fff8e4!important;color:#5b4322!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-edit{background:#fff9eccc!important;color:#65481f!important;border-color:#cba653!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-edit:hover{background:#fff!important;border-color:#a7802a!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjavatar-edit:focus-visible{outline-color:#8d641a!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-tags>span{color:#6e542b!important;border-color:#bf9b4b55!important;background:#fff9e780!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-identity>.sjbutton{background:#fff9e7!important;border-color:#cba653!important;color:#65481f!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics{background:#fffaf066!important;border-top-color:#c3a55d55!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics>div{border-right-color:#c3a55d44!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics small,body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics strong span{color:#7c633c!important}
body:is(#page-local-sjaccess-personal,#page-local-sjaccess-student) .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjprofile-metrics strong:not(.sjlabel){color:#382a17!important}

/* 1.4.10: light request header and luminous compact form. */
:where(body#page-local-sjaccess-index) .sjaccess{border:2px solid transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#e8b358,#e8a8be 30%,#a99adf 65%,#72cbbc) border-box!important;border-radius:19px!important;box-shadow:0 14px 40px #718aa51c,0 0 0 5px #ffffff66,0 0 26px #dfb46612!important;overflow:hidden!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head{background:radial-gradient(ellipse at 100% 0%,#c7ede755,transparent 65%),linear-gradient(115deg,#fff0ca,#fff5e9 55%,#f0faf8)!important;border:0!important;border-bottom:1px solid #e5d8be!important;padding:26px 28px!important;box-shadow:none!important;position:relative!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head:before{background:none!important;border-color:#bdab6b22!important;box-shadow:0 0 0 25px #bdab6b06!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head:after{content:""!important;position:absolute!important;left:0!important;bottom:0!important;right:0!important;height:2px!important;background:linear-gradient(90deg,#dcb259,#e3adb6,#b9a3e3,#77c9ba)!important;pointer-events:none!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head h1{color:#3c3020!important;font-weight:750!important;letter-spacing:-.6px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head .sjeyebrow{color:#896a34!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head .sjsubtitle{color:#74634e!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-section{border-bottom-color:#edf0f5!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjsection-title>span{color:#9a7130!important}
:where(body#page-local-sjaccess-index) .sjaccess input:not([type=checkbox]):not([type=radio]):not([type=file]),:where(body#page-local-sjaccess-index) .sjaccess select,:where(body#page-local-sjaccess-index) .sjaccess textarea{border-color:#d1d9e4!important;background:linear-gradient(#fff,#fcfdff)!important;border-radius:10px!important;box-shadow:inset 0 1px 2px #edf2f650!important;transition:border-color .18s,box-shadow .18s!important}
:where(body#page-local-sjaccess-index) .sjaccess input:not([type=checkbox]):not([type=radio]):focus,:where(body#page-local-sjaccess-index) .sjaccess select:focus,:where(body#page-local-sjaccess-index) .sjaccess textarea:focus{border-color:#aa8753!important;outline:0!important;box-shadow:0 0 0 3px #d4b57424!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card{border:1px solid color-mix(in srgb,var(--sj-course-color) 25%,#dce3ee)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--sj-course-color) 4%,white),#fff)!important;border-radius:12px!important;box-shadow:0 3px 9px #23324b05!important;min-height:78px!important;gap:9px!important;padding:12px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card>span{gap:9px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-emblem{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px!important;box-sizing:border-box!important;border-radius:10px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--sj-course-color) 65%,white),var(--sj-course-color))!important;box-shadow:0 4px 10px color-mix(in srgb,var(--sj-course-color) 20%,transparent),inset 0 1px 0 #ffffff66!important;border:1px solid #ffffff70!important;color:#fff!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-emblem svg{width:28px!important;height:28px!important;flex:0 0 28px!important;color:#fff!important;stroke-width:1.65!important;display:block!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:hover{border-color:color-mix(in srgb,var(--sj-course-color) 55%,white)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--sj-course-color) 12%,transparent)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:has(input:checked){border:1.5px solid var(--sj-course-color)!important;background:linear-gradient(120deg,color-mix(in srgb,var(--sj-course-color) 10%,white),color-mix(in srgb,var(--sj-course-color) 3%,white))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--sj-course-color) 9%,transparent)!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card:has(input:focus-visible){outline:3px solid #aa875355!important;outline-offset:3px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional summary{border-radius:8px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjoptional summary:focus-visible{outline:2px solid #aa8753!important;outline-offset:4px!important}
:where(body#page-local-sjaccess-index) .sjaccess .sjform-footer{background:linear-gradient(90deg,#fffaf0,#f9fcfc)!important}
@media(max-width:640px){:where(body#page-local-sjaccess-index) .sjaccess .sjpage-head{padding:22px 20px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card{padding:10px!important;gap:7px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card>span{gap:7px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-emblem{width:32px!important;height:32px!important;flex-basis:32px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-emblem svg{width:25px!important;height:25px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card input{width:16px!important;height:16px!important;flex-basis:16px!important}:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-copy strong{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){:where(body#page-local-sjaccess-index) .sjaccess input,:where(body#page-local-sjaccess-index) .sjaccess select,:where(body#page-local-sjaccess-index) .sjaccess textarea,:where(body#page-local-sjaccess-index) .sjaccess .sjcourse-card{transition:none!important}}

body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpassword-section{border-top:1px solid #e5eaf2!important;padding-top:18px!important;margin-top:4px!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpassword-section h3{font:700 16px/1.5 system-ui,sans-serif!important;margin:0 0 6px!important;color:#263b57!important}
body[id^="page-local-sjaccess-"] .sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess.sjaccess .sjpassword-hint{font:400 11px/1.6 system-ui,sans-serif!important;color:#74849b!important;margin:0 0 16px!important}