@import url("../brand/tokens.css");
body.course-home-active #menuOv{background:radial-gradient(circle at 12% 8%,#ffffff80 0 1px,transparent 2px),radial-gradient(circle at 82% 18%,#ffffff66 0 2px,transparent 3px),linear-gradient(145deg,var(--movli-sky-300),var(--movli-sky-500));background-size:72px 72px,110px 110px,auto}
body.course-home-active #menuCard{background:transparent}
#course-home{margin:auto;width:min(1100px,100%);min-height:100%;box-sizing:border-box;padding:clamp(18px,4vw,42px);text-align:left;color:var(--movli-road-900);display:flex;flex-direction:column;font-family:var(--movli-font-display)}
.course-home-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:clamp(18px,4vh,34px)}.course-wordmark{display:flex;align-items:center;gap:10px;color:var(--movli-cloud-000);font-size:21px;letter-spacing:.18em;text-shadow:0 2px 0 var(--movli-sky-700)}.course-wordmark img{width:38px;height:38px;filter:drop-shadow(0 3px 0 #1168ad)}.course-home-tools{display:flex;align-items:center;gap:10px}.week-score{display:flex;align-items:center;gap:10px;background:var(--movli-cloud-000);border:2px solid var(--movli-mist-200);border-bottom-width:5px;border-radius:18px;padding:8px 13px;color:var(--movli-slate-600);font-size:13px;font-weight:850}.week-score>div{display:flex;gap:5px}.week-dot{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e5ebf0;color:white;font-size:14px}.week-dot.is-done{background:var(--movli-sun-500);box-shadow:inset 0 -3px 0 var(--movli-sun-700)}
.course-gameboard{flex:1;display:grid;place-items:center}.mission-panel{width:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);overflow:hidden;background:var(--movli-cloud-000);border:2px solid var(--movli-mist-200);border-bottom-width:8px;border-radius:var(--movli-radius-panel);box-shadow:var(--movli-shadow-panel)}.mission-copy{padding:clamp(30px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:310px}.mission-kicker,.path-chapter{color:var(--movli-sky-500);font-size:13px;font-weight:900;letter-spacing:.1em}.mission-copy h1{max-width:640px;color:var(--movli-road-900);font-size:clamp(38px,5vw,64px);line-height:1.02;letter-spacing:-.045em;margin:11px 0 18px}.mission-copy p{max-width:570px;color:var(--movli-slate-600);font-size:clamp(16px,1.8vw,20px);line-height:1.5;margin:0 0 28px}.mission-actions{width:min(100%,360px)}
#course-home .course-button{font-weight:850;border:0}.mission-start{position:relative;width:100%;min-height:62px;border-radius:17px!important;background:var(--movli-go-500)!important;color:white!important;font-size:18px!important;box-shadow:var(--movli-shadow-control-edge);margin:0!important;padding:14px 52px 14px 22px!important;transition:transform var(--movli-motion-micro) var(--movli-ease),box-shadow var(--movli-motion-micro) var(--movli-ease)}.mission-start::after{content:'→';position:absolute;right:22px;font-size:25px;top:50%;transform:translateY(-53%)}.mission-start:hover{filter:brightness(1.06);transform:translateY(-1px)}.mission-start:active{transform:translateY(4px);box-shadow:0 2px 0 var(--movli-go-700)}
.path-link{margin:22px 0 0;padding:4px 0;border:0;background:transparent;color:var(--movli-sky-700);font:800 15px/1.3 inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.learning-path{position:relative;background:var(--movli-mist-100);border-left:2px solid var(--movli-mist-200);padding:clamp(28px,4vw,46px);overflow:hidden}.learning-path::after{content:'';position:absolute;right:-70px;bottom:-100px;width:220px;height:220px;border:38px solid #dcebf5;border-radius:50%;opacity:.7}.learning-path h2{position:relative;z-index:1;color:var(--movli-road-900);font-size:clamp(23px,2.6vw,32px);line-height:1.15;margin:7px 0 26px}.learning-path ol{position:relative;z-index:1;list-style:none;padding:0;margin:0}.path-stop{position:relative;display:flex;align-items:center;gap:14px;min-height:63px;color:#8a98a8}.path-stop:not(:last-child)::after{content:'';position:absolute;left:22px;top:48px;height:30px;border-left:5px dotted var(--movli-mist-300)}.path-marker{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:15px;background:#dce5ec;color:white;font-size:16px;font-weight:950;box-shadow:inset 0 -4px 0 #c5d0d9}.path-stop>span:last-child{display:flex;flex-direction:column;gap:2px}.path-stop small{font-size:11px;font-weight:900;letter-spacing:.1em}.path-stop b{font-size:15px}.path-stop.is-current{color:var(--movli-road-900)}.path-stop.is-current .path-marker{background:var(--movli-sun-500);box-shadow:inset 0 -4px 0 var(--movli-sun-700)}.path-stop.is-current small{color:var(--movli-sun-700)}.path-stop.is-complete{color:var(--movli-slate-600)}.path-stop.is-complete .path-marker{background:var(--movli-go-500);box-shadow:inset 0 -4px 0 var(--movli-go-700)}
.tool-button{min-height:45px!important;border:2px solid #ffffffb5!important;border-bottom-width:4px!important;border-radius:14px!important;background:#ffffff26!important;color:white!important;padding:8px 14px!important;margin:0!important}.tool-button:hover{background:#ffffff3f!important}.course-home-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;color:#e9f7ff}.course-home-footer nav{margin-left:auto}.course-home-footer #course-community{font-size:13px;font-weight:700;letter-spacing:0}.quiet-action{border:0!important;background:transparent!important;color:white!important;text-decoration:underline;text-underline-offset:4px;margin:0!important;padding:8px!important}
#course-home button:focus-visible{outline:4px solid #fff;outline-offset:3px}
.mastery-chapter{padding:15px 0;border-top:1px solid #becfc2}.mastery-chapter>h3{margin:0 0 3px}.mastery-node{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.mastery-node>span{min-width:0}.mastery-node small{margin-top:3px}.mastery-node button{flex:none}.mastery-evidence{background:#e7efe5;border-radius:12px;padding:16px;margin:8px 0 14px}.mastery-evidence h3{margin:5px 0}.mastery-evidence ul{padding-left:20px}
.course-modal{position:fixed;inset:0;z-index:160;background:rgba(9,22,20,.62);display:grid;place-items:center;padding:16px;overflow:auto}
.course-card{background:#f6f7ef;color:#162e24;border-radius:18px;width:min(540px,100%);max-height:90dvh;overflow:auto;padding:26px;box-shadow:0 12px 45px #0004;text-align:left}
.course-card h2{font-size:25px;margin:0 0 12px}.course-card p{margin:10px 0;line-height:1.5}
.course-card input[type=text],.course-card input[type=email]{display:block;font:inherit;width:100%;padding:12px;border:1px solid #718879;border-radius:8px;box-sizing:border-box;background:white;color:#162e24;margin:10px 0}
.course-card button,.course-button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #547462;border-radius:9px;background:#286846;color:white;padding:10px 15px;margin:5px 8px 5px 0}
.course-card button.secondary,.course-button.secondary{background:transparent;color:inherit}
.course-card .course-skill{padding:12px 0;border-top:1px solid #becfc2}.course-card small{display:block;line-height:1.5;color:#415c4d}
.course-card .course-error{color:#96312d;min-height:1.5em}.course-card label{display:block;margin:12px 0}
body.course-driving #poeng{display:none!important}
@media(max-height:600px) and (min-width:761px){#course-home{padding:14px 28px}.course-home-bar{margin-bottom:10px}.mission-copy{min-height:250px;padding:28px 40px}.mission-copy h1{font-size:40px}.mission-copy p{font-size:16px;margin-bottom:18px}.learning-path{padding:24px 34px}.learning-path h2{margin-bottom:14px}.path-stop{min-height:53px}.path-marker{width:40px;height:40px}.path-stop:not(:last-child)::after{left:19px;top:43px;height:24px}.course-home-footer{min-height:42px}.course-card{padding:16px;max-height:84dvh}}
@media(max-width:760px){#course-home{padding:16px;min-height:auto}.course-home-bar{align-items:flex-start}.course-wordmark{padding-top:10px}.course-home-tools{align-items:flex-end;flex-direction:column}.week-score{order:2}.mission-panel{grid-template-columns:1fr;border-radius:24px}.mission-copy{min-height:auto;padding:34px 25px}.mission-copy h1{font-size:clamp(36px,11vw,52px)}.learning-path{border-left:0;border-top:2px solid #dbe5ec;padding:28px 25px}.course-home-footer{align-items:flex-end;min-height:70px}.course-home-footer #course-community{max-width:55%}.mastery-node{align-items:flex-start}.mastery-node button{min-width:76px}}
@media(max-width:430px){.course-home-bar{margin-bottom:14px}.course-home-tools{gap:6px}.tool-button{font-size:13px!important;min-height:40px!important;padding:6px 10px!important}.week-score{padding:6px 9px}.week-score>span{display:none}.week-dot{width:21px;height:21px}.mission-copy p{font-size:16px}.course-home-footer #course-community{display:none}}