:root{--primary:#004751;--primary-dark:#003239;--primary-darkest:#001518;--primary-lightest:#e6fbf5;--blue-l:#e7f4ff;--blue-d:#0b68b3;--g0:#fff;--g3:#f8f9f9;--g8:#edeeee;--g12:#e4e4e5;--g16:#dbdbdc;--g40:#a5a6a8;--g56:#818285;--g64:#6f7074;--g80:#4b4d51;--g100:#1e2026;--success:#00ac43;--success-l:#e6f7ec;--success-d:#00782f;--warning-l:#fdf1e6;--warning-d:#a15305;--error-l:#fde9e9;--error-d:#a21616;--purple:#6645c1;--purple-l:#f0ecf9}:root[data-scope=site]{--primary:#00a2e1;--primary-dark:#0087bd;--primary-darkest:#006b96;--primary-lightest:#e6f6fc}*{box-sizing:border-box}body{background:var(--g0);color:var(--g100);margin:0;font-family:Outfit,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea,optgroup{font:inherit;letter-spacing:inherit}a{color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.side{background:var(--g0);border-right:1px solid #0000001f;flex-direction:column;display:flex}.brandrow{border-bottom:1px solid var(--g8);align-items:center;gap:10px;min-height:64px;padding:14px 16px;display:flex}.brandrow .logo{background:var(--primary);color:#fff;border-radius:6px;flex:none;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.brandrow b{font-size:14px;font-weight:600;display:block}.brandrow small{color:var(--g64);font-size:12px;display:block}.navback{border-bottom:1px solid var(--g8);padding-block:10px}.navlist{flex-direction:column;flex:1;padding:8px 0;display:flex}.navitem{min-height:36px;color:var(--g80);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.navitem:hover,.navitem[aria-current=page]{background:var(--primary-lightest);color:var(--primary)}.navitem svg{fill:none;width:20px;height:20px;stroke:var(--primary);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.navsec{color:var(--g56);padding:16px 20px 4px;font-size:12px;font-weight:600}.sidefoot{border-top:1px solid var(--g12);align-items:center;gap:10px;padding:10px 16px;display:flex}.av{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12px;font-weight:600;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--g8);min-height:56px;color:var(--g64);align-items:center;gap:12px;padding:10px 24px;font-size:12.5px;display:flex}.page{flex-direction:column;gap:18px;max-width:1100px;padding:24px;display:flex}h1{margin:0;font-size:24px;font-weight:600}h2{margin:0;font-size:16px;font-weight:600}p.help{color:var(--g64);max-width:72ch;margin:0;font-size:13px}.hero{border:1px solid var(--g16);background:var(--g3);border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;padding:18px;display:flex}.ring{--p:0;background:conic-gradient(var(--primary) calc(var(--p) * 1%), var(--g8) 0);border-radius:50%;flex:none;place-items:center;width:84px;height:84px;display:grid}.ring span{background:var(--g0);border-radius:50%;place-items:center;width:66px;height:66px;font-size:17px;font-weight:600;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.card{border:1px solid var(--g16);color:inherit;background:var(--g0);border-radius:12px;flex-direction:column;gap:10px;padding:16px;text-decoration:none;display:flex}.card:hover{border-color:var(--g40)}.card b{font-size:15px;font-weight:600}.bar{background:var(--g8);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--primary);height:100%;display:block}.bar.done i{background:var(--success)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted{color:var(--g64);font-size:12.5px}.chip{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.done{background:var(--success-l);color:var(--success-d)}.chip.todo{background:var(--g8);color:var(--g80)}.btn{appearance:none;border:1px solid var(--g12);background:var(--g0);min-height:40px;color:var(--g100);cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:9px 19px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--g3);color:var(--primary)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-darkest);color:#fff}.btn.sm{min-height:32px;padding:5px 16px;font-size:13px}.btn:disabled,.btn:disabled:hover{opacity:.45;cursor:default;background:var(--g8);border-color:var(--g12);color:var(--g100)}.btn.primary:disabled,.btn.primary:disabled:hover{background:var(--primary);border-color:var(--primary);color:#fff}.mods{flex-direction:column;gap:8px;display:flex}.mod{border:1px solid var(--g12);color:inherit;background:var(--g0);border-radius:10px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;text-decoration:none;display:grid}.mod:hover{border-color:var(--g40)}.mod small{color:var(--g64);font-size:12px;display:block}.ck{border:1.5px solid var(--g40);width:22px;height:22px;color:var(--g40);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.ck.done{background:var(--success);border-color:var(--success);color:#fff}.ck.progress{border-color:var(--primary);color:var(--primary)}.empty{border:1px dashed var(--g16);text-align:center;color:var(--g64);border-radius:12px;padding:40px}@media (max-width:860px){.shell{grid-template-columns:minmax(0,1fr)}.side{border-right:0;border-bottom:1px solid var(--g8)}.navlist{flex-direction:row;padding:4px;overflow-x:auto}.navitem{width:auto;padding:9px 12px}.navsec,.sidefoot,.navback{display:none}}.modal-bg{z-index:40;background:#1e202699;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--g0);border-radius:12px;width:460px;max-width:100%;overflow:hidden;box-shadow:0 8px 24px #1e202629}.modal h3{margin:0;padding:18px 20px 0;font-size:18px;font-weight:600}.modal .mb{color:var(--g80);padding:10px 20px 18px;font-size:13.5px}.modal .mf{border-top:1px solid var(--g8);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.notice{background:var(--blue-l);color:var(--blue-d);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.notice button{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;font-size:16px;line-height:1}.signout{appearance:none;cursor:pointer;color:var(--g80);background:0 0;border:0;border-radius:999px;padding:6px;display:inline-flex}.signout:hover{background:var(--g8);color:var(--primary)}.signout svg{width:18px;height:18px}.chip.overdue{background:var(--error-l);color:var(--error-d)}.chip.progress{background:var(--primary-lightest);color:var(--primary)}.trackrow{border:1px solid var(--g12);background:var(--g0);border-radius:12px;align-items:flex-start;gap:18px;padding:14px 16px;display:flex}.trackcourses{flex-wrap:wrap;flex:1;gap:8px;display:flex}.field{gap:6px;display:grid}.field>span{color:var(--g80);font-size:13px;font-weight:600}.field input,.field select,.field textarea{font:inherit;border:1px solid var(--g12);background:var(--g0);color:var(--g100);border-radius:10px;width:100%;padding:9px 12px;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--primary-lightest);border-color:var(--primary)}.field input:disabled{background:var(--g3);color:var(--g80)}.field input[type=checkbox]{width:auto}.listrow{border:1px solid var(--g12);background:var(--g0);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.listrow:hover{border-color:var(--g40)}.listrow>.grow{flex:1;min-width:0}.listrow small{color:var(--g64);font-size:12px;display:block}.pickrow{border:1px solid var(--g12);background:var(--g0);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.pickrow:hover{border-color:var(--g40)}.pickrow small{color:var(--g64);font-size:12px;display:block}.page{gap:24px;width:100%;max-width:1240px;padding:28px 40px 56px}.pagehead{flex-direction:column;gap:10px;display:flex}.crumbs{color:var(--g64);flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.crumbs a{color:var(--g64);text-decoration:none}.crumbs a:hover{color:var(--primary)}.crumbsep{color:var(--g40);margin-left:6px}.pagehead-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pagehead-text{flex-direction:column;flex:420px;gap:6px;min-width:0;display:flex}.pagehead h1{letter-spacing:-.01em;text-wrap:balance;font-size:28px;font-weight:600;line-height:1.15}.pagehead-desc{color:var(--g64);max-width:72ch;margin:0;font-size:14px;line-height:1.5}.pagehead-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tabletools{border-bottom:1px solid var(--g8);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.tablefoot{color:var(--g64);border-top:1px solid var(--g8);background:var(--g3);font-variant-numeric:tabular-nums;padding:10px 16px;font-size:12px}.cover{background:var(--primary-darkest);border-radius:12px;width:100%;max-width:100%;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.cover-brand{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-darkest) 100%)}.cover-hapana{background:linear-gradient(135deg,#0a7a6b 0%,#004751 60%,#001518 100%)}.cover-mark{background:radial-gradient(60% 80% at 80% 20%,#ffffff2e,#0000 70%);position:absolute;inset:0}.cover-label{color:var(--g100);letter-spacing:.04em;text-transform:uppercase;background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.pill{background:var(--g8);color:var(--g80);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill-success{background:var(--success-l);color:var(--success-d)}.pill-warning{background:var(--warning-l);color:var(--warning-d)}.pill-error{background:var(--error-l);color:var(--error-d)}.pill-info{background:var(--blue-l);color:var(--blue-d)}.pill-brand{background:var(--primary-lightest);color:var(--primary)}.pill-purple{background:var(--purple-l);color:var(--purple)}.cellmain{color:var(--g100);font-weight:600}.cellsub{color:var(--g64);margin-top:2px;font-size:12.5px}.thumb{object-fit:cover;background:var(--g8);border-radius:6px;flex:none;width:64px;height:36px;display:block}.cellrow{align-items:center;gap:12px;min-width:0;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:12px;font-weight:600}.welcome{color:#fff;background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--primary) 60%, #3dd5ae) 0%, var(--primary) 45%, var(--primary-darkest) 100%);border-radius:20px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:28px;padding:36px;display:grid;position:relative;overflow:hidden}.welcome:after{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-340px;left:-220px}.welcome-text{z-index:1;flex-direction:column;gap:10px;min-width:0;display:flex;position:relative}.welcome h1{letter-spacing:-.015em;text-wrap:balance;font-size:34px;font-weight:600;line-height:1.1}.welcome p{opacity:.88;max-width:52ch;margin:0;font-size:15px}.welcome-stats{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.stat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border-radius:12px;flex-direction:column;min-width:96px;padding:10px 16px;display:flex}.stat b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.1}.stat span{opacity:.85;font-size:12px}.stat-error{background:#e8202047}.resume{z-index:1;color:var(--g100);background:#fff;border-radius:16px;flex-direction:column;min-width:0;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000038}.resume:hover{transform:translateY(-2px);box-shadow:0 22px 48px #00000047}.resume .cover{border-radius:0}.resume-body{flex-direction:column;gap:4px;min-width:0;padding:16px 18px 18px;display:flex}.resume-body .eyebrow{color:var(--primary);opacity:1}.resume-body b{font-size:17px;font-weight:600}.resume-cta{color:var(--primary);margin-top:8px;font-weight:600}.shelf{flex-direction:column;gap:14px;display:flex}.shelf-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.shelf-head h2{font-size:20px;font-weight:600}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:18px;display:grid}.tile{border:1px solid var(--g12);color:inherit;background:#fff;border-radius:16px;flex-direction:column;min-width:0;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.tile:hover{border-color:var(--g16);transform:translateY(-3px);box-shadow:0 16px 36px #1e20261a}.tile:hover .cover img{transform:scale(1.04)}.tile .cover{border-radius:0}.tile-body{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:14px 16px 16px;display:flex}.tile-title{text-wrap:balance;font-size:16px;font-weight:600;line-height:1.3}.tile-meta{font-size:12.5px}.tile .bar{width:100%}@media (max-width:900px){.welcome{grid-template-columns:1fr;padding:24px}.page{padding:20px 16px 40px}}.certgrid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:16px;display:grid}.certcard{text-align:left;border:1px solid var(--g12);cursor:pointer;min-width:0;color:inherit;background:#fff;border-radius:16px;align-items:flex-start;gap:16px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.certcard:hover{transform:translateY(-2px);box-shadow:0 14px 32px #1e20261a}.certcard-body{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.certcard-body b{font-size:16px;font-weight:600;line-height:1.3}.badge{color:#fff;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 3px #ffffff59,0 6px 16px #00000026}.badge img{object-fit:cover;width:100%;height:100%}.badge-brand{background:linear-gradient(135deg, var(--primary), var(--primary-darkest))}.badge-hapana{background:linear-gradient(135deg,#0a7a6b,#004751)}.certdetail{flex-direction:column;min-height:100%;display:flex}.certdetail-hero{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 28px 28px;display:flex;position:relative}.certdetail-hero .badge{margin-bottom:8px;box-shadow:0 0 0 6px #ffffff2e,0 12px 28px #00000040}.certdetail-hero h2{text-wrap:balance;font-size:22px;font-weight:600}.certdetail-hero span:last-child{opacity:.85;font-size:14px}.certdetail-body{flex-direction:column;gap:18px;padding:24px 28px 32px;display:flex}.certdetail-desc{color:var(--g80);margin:0;font-size:14px;line-height:1.55}.certfacts{grid-template-columns:120px minmax(0,1fr);gap:10px 12px;margin:0;font-size:14px;display:grid}.certfacts dt{color:var(--g64)}.certfacts dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:500}.certdetail-h{text-transform:uppercase;letter-spacing:.05em;color:var(--g64);margin:4px 0 0;font-size:13px;font-weight:600}.certlessons{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.certlessons li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.certlessons small{color:var(--g64);font-size:12.5px;display:block}.certdetail-actions{gap:10px;margin-top:6px;display:flex}.coursehero{border:1px solid var(--g12);background:linear-gradient(180deg, var(--g3), #fff);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:32px;padding:24px;display:grid}.coursehero-media .cover{border-radius:14px;box-shadow:0 16px 36px #1e202624}.coursehero-text{flex-direction:column;align-items:flex-start;gap:12px;min-width:0;display:flex}.coursehero-text .eyebrow{color:var(--primary);opacity:1}.coursehero-text h1{letter-spacing:-.01em;text-wrap:balance;font-size:30px;font-weight:600;line-height:1.15}.coursehero-text p{color:var(--g80);max-width:60ch;margin:0;font-size:15px;line-height:1.55}.coursehero-meta{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.coursehero-progress{align-items:center;gap:12px;width:100%;max-width:420px;display:flex}.coursehero-progress .bar{flex:1}.courselayout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.lessonlist{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lessonrow{border:1px solid var(--g12);color:inherit;background:#fff;border-radius:14px;grid-template-columns:32px 112px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 14px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:grid}.lessonrow:hover{border-color:var(--g16);box-shadow:0 8px 22px #1e202612}.lessonrow-num{border:1.5px solid var(--g16);width:30px;height:30px;color:var(--g64);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.lessonrow-done .lessonrow-num{background:var(--success);border-color:var(--success);color:#fff}.lessonrow-progress .lessonrow-num{border-color:var(--primary);color:var(--primary)}.lessonrow-thumb .cover{border-radius:8px}.lessonrow-text{flex-direction:column;gap:2px;min-width:0;display:flex}.lessonrow-text b{font-size:15px;font-weight:600}.certpanel{text-align:center;border:1px solid var(--g12);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px 20px;display:flex;position:sticky;top:24px}.certpanel .eyebrow{color:var(--primary);opacity:1;margin-top:6px}.certpanel b{text-wrap:balance;font-size:17px;font-weight:600}.certpanel p{color:var(--g64);margin:0;font-size:13px;line-height:1.5}.certpanel .btn{margin-top:6px}@media (max-width:960px){.coursehero,.courselayout{grid-template-columns:1fr}.lessonrow{grid-template-columns:30px minmax(0,1fr) auto}.lessonrow-thumb{display:none}.certpanel{position:static}}.lessonhead{flex-direction:column;gap:10px;display:flex}.lessonhead-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.lessonhead-text{flex-direction:column;gap:6px;min-width:0;display:flex}.lessonhead-text .eyebrow{color:var(--primary);opacity:1}.lessonhead-text h1{letter-spacing:-.01em;text-wrap:balance;font-size:26px;font-weight:600}.lessonhead-nav{gap:8px;display:flex}.courseeditor{flex-direction:column;gap:20px;display:flex}.editbar{top:env(safe-area-inset-top,0px);z-index:20;background:var(--g100);color:#fff;opacity:0;pointer-events:none;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:-64px;padding:12px 16px;transition:transform .25s,opacity .2s,margin .25s;display:flex;position:sticky;transform:translateY(-140%);box-shadow:0 14px 34px #1e202638}.editbar-on{opacity:1;pointer-events:auto;margin-bottom:0;transform:translateY(0)}.editbar b{font-size:14px;font-weight:600}.editbar-dot{background:#f5b342;border-radius:50%;flex:none;width:8px;height:8px}.editbar-actions{gap:8px;margin-left:auto;display:flex}.editbar .MuiButton-outlined{color:#fff;border-color:#fff6}.editbar .MuiButton-outlined:hover{background:#ffffff14;border-color:#fff}.editorlayout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.editormain{flex-direction:column;gap:24px;min-width:0;display:flex}.naked{resize:none;width:100%;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;background:0 0;border:0;border-radius:8px;outline:1px solid #0000;margin:0 -6px;padding:2px 6px;transition:outline-color .15s,background .15s;display:block;overflow:hidden}.naked::placeholder{color:var(--g40);opacity:1}.naked:hover{outline-color:var(--g16)}.naked:focus{outline:2px solid var(--primary);background:#fff}.naked-title{letter-spacing:-.01em;font-size:30px;font-weight:600;line-height:1.15}.naked-body{color:var(--g80);font-size:15px;line-height:1.55}.naked-certtitle{text-align:center;font-size:17px;font-weight:600;line-height:1.3}.naked-certbody{color:var(--g64);text-align:center;font-size:13px;line-height:1.5}.covereditable{cursor:pointer;background:0 0;border:0;border-radius:14px;width:100%;padding:0;display:block;position:relative}.covereditable-hint{color:var(--g100);opacity:0;background:#fffffff0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.covereditable:hover .covereditable-hint,.covereditable:focus-visible .covereditable-hint{opacity:1;transform:none}.coursehero-text .naked-title+.naked-body{margin-top:-4px}.editlesson{cursor:default;grid-template-columns:28px 32px 112px minmax(0,1fr) auto}.editlesson-handle{width:28px;height:36px;color:var(--g40);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;place-items:center;display:grid}.editlesson-handle:hover{color:var(--g80);background:var(--g3)}.editlesson-handle:active{cursor:grabbing}.editlesson-open{text-align:left;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;padding:0}.editlesson-open:hover b{color:var(--primary)}.editlesson-remove{opacity:0;transition:opacity .15s}.editlesson:hover .editlesson-remove,.editlesson:focus-within .editlesson-remove{opacity:1}.editlesson-dragging{z-index:5;position:relative}.editlesson-dragging .lessonrow{border-color:var(--primary);box-shadow:0 16px 36px #1e20262e}.addlessonrow{border:1.5px dashed var(--g16);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border-radius:14px;align-items:center;gap:14px;padding:14px;transition:border-color .15s,background .15s;display:flex}.addlessonrow:hover{border-color:var(--primary);background:var(--primary-lightest)}.addlessonrow b{font-weight:600;display:block}.addlessonrow-icon,.pickernew-icon{background:var(--primary-lightest);width:34px;height:34px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.pickernew{border:1.5px dashed var(--g16);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.pickernew:hover{border-color:var(--primary);background:var(--primary-lightest)}.pickernew b{font-size:14px;font-weight:600;display:block}.pickrow{border:1px solid var(--g12);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:6px 10px 6px 2px;display:flex}.pickrow:hover{background:var(--g3)}.pickrow-on{border-color:var(--primary);background:var(--primary-lightest)}.previewcol{flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky;top:84px}.previewcol-label{letter-spacing:.06em;text-transform:uppercase;color:var(--g64);font-size:12px;font-weight:600}.previewcol-tile{pointer-events:none}.previewcol-tile .tile{box-shadow:0 12px 30px #1e202614}.previewcol .certpanel{position:static}.certpanel-off{opacity:.75}.previewcol-actions{flex-wrap:wrap;gap:8px;display:flex}.previewcol-actions .MuiButton-contained{flex:1}.previewcol-note{font-size:12.5px}@media (max-width:1080px){.editorlayout{grid-template-columns:1fr}.previewcol{position:static}.editlesson{grid-template-columns:28px 30px minmax(0,1fr) auto}.editlesson .lessonrow-thumb{display:none}}.playergrid{grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:16px;display:grid}@media (max-width:760px){.playergrid{grid-template-columns:minmax(0,1fr)}}.preview-shell{background:var(--g0);min-height:100vh}.preview-shell>.page{margin:0 auto}@media (max-width:600px){.preview-shell>.page{padding:18px 16px 40px}}