/* Studio interface only. Course content, learner players and exports keep their own styles. */
:is(.studio-app,.studio-app-body,.studio-author,.studio-form-page,.studio-login-page){
  --studio-ui-sidebar:256px;
  --studio-ui-ink:#20334e;
  --studio-ui-muted:#60718a;
  --studio-ui-line:#dce6ee;
  --studio-ui-teal:#087f83;
  --studio-ui-indigo:#4c50b8;
  --studio-ui-shadow:0 10px 32px #263e6110;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body:is(.studio-app,.studio-app-body,.studio-form-page){background:#f2f6fb;color:var(--studio-ui-ink)}
:is(.studio-app,.studio-app-body,.studio-form-page,.studio-login-page) :is(button,input,select,textarea){font-family:inherit}
:is(.studio-app,.studio-app-body,.studio-author,.studio-form-page,.studio-login-page) :is(a,button,input,select,textarea):focus-visible{outline:3px solid #138a96;outline-offset:3px}

/* One navigation width, logo scale and navigation rhythm across the workspace. */
:is(.studio-app,.studio-app-body) .studio-sidebar,
.studio-author .author-lessons{
  box-sizing:border-box;width:var(--studio-ui-sidebar);
  background:linear-gradient(165deg,#e8f7f5 0%,#f2f5fd 54%,#eeeefa 100%);
  border-right:1px solid #d8e5ed;color:var(--studio-ui-ink);
}
:is(.studio-app,.studio-app-body) .studio-sidebar{padding:28px 18px 22px}
.studio-app-body .studio-shell{grid-template-columns:var(--studio-ui-sidebar) minmax(0,1fr)}
.studio-app .studio-workspace{margin-left:var(--studio-ui-sidebar);background:transparent}
:is(.studio-app .studio-brand,.studio-app-body .studio-side-brand){display:block;padding:0 12px;margin:0 0 30px}
:is(.studio-app .studio-brand,.studio-app-body .studio-side-brand) img{display:block;width:164px;max-width:100%;height:58px;object-fit:contain}
:is(.studio-app,.studio-app-body) .studio-sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:0}
:is(.studio-app,.studio-app-body) .studio-sidebar nav a{
  display:flex;align-items:center;gap:13px;min-height:46px;padding:12px 15px;
  color:#42546e;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:500;line-height:1.5;
}
:is(.studio-app,.studio-app-body) .studio-sidebar nav a>span{width:20px;text-align:center;font-size:17px;color:#57748d}
:is(.studio-app,.studio-app-body) .studio-sidebar nav a:hover{background:#ffffffc9;border-color:#d6e5ed;color:#075d64}
:is(.studio-app,.studio-app-body) .studio-sidebar nav a.active{
  background:linear-gradient(110deg,#087f83,#256c9a);color:#fff;border-color:transparent;
  box-shadow:0 5px 12px #087f8320;font-weight:600;
}
:is(.studio-app,.studio-app-body) .studio-sidebar nav a.active>span{color:#fff}
.studio-app .studio-sidebar .nav-secondary{margin-top:22px;padding-top:18px;border-top:1px solid #d7e2ec}
:is(.studio-app .sidebar-profile,.studio-app-body .studio-side-bottom){margin-top:auto;padding-top:24px}
.studio-app-body .studio-side-bottom{border-top:0}
:is(.studio-app .sidebar-profile-inner,.studio-app-body .studio-profile-chip){display:flex;align-items:center;gap:11px;border-top:1px solid #d7e2ec;padding-top:20px}
:is(.studio-app .sidebar-profile .avatar,.studio-app-body .studio-avatar){width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:linear-gradient(135deg,#b44837,#ce653e);color:white;display:grid;place-items:center;font-size:14px}
:is(.studio-app .sidebar-profile-inner,.studio-app-body .studio-profile-chip) strong{font-size:12px;line-height:1.5;color:#263c59;overflow-wrap:anywhere}
:is(.studio-app .sidebar-profile-inner,.studio-app-body .studio-profile-chip) small{display:block;font-size:11px;color:#62738a;line-height:1.6}
:is(.studio-app .sidebar-signout,.studio-app-body .studio-signout){font-size:12px;color:#536880;margin-top:16px}

/* Shared surfaces and readable typography. */
.studio-app .studio-topbar{border-bottom:1px solid var(--studio-ui-line);background:#ffffffd9;min-height:76px;padding:20px 36px}
.studio-app #main-content{padding:30px 36px 46px}
.studio-app .studio-footer{background:#f8fafde6;border-top-color:var(--studio-ui-line);padding:22px 36px;color:#62738a;font-size:11px}
.studio-app .breadcrumb{font-size:13px;color:#586d87}
.studio-app .breadcrumb strong{color:#24435f;font-weight:600}
.studio-app .workspace-website{color:#47657f}
.studio-app-body .studio-dashboard-main{padding:24px 36px 56px;max-width:1440px;min-width:0}
.studio-app-body .studio-dashboard-topline{height:28px;align-items:center;color:#52667e;font-size:12px}
.studio-app-body .studio-dashboard-topline a{color:#47657f}
.studio-app :is(h1,h2,h3),.studio-app-body :is(h1,h2,h3){color:#233852}
.studio-app h1,.studio-app-body .studio-welcome h1{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:30px;line-height:1.25;letter-spacing:-.8px}
.studio-app .page-heading{background:linear-gradient(115deg,#e4f5f2,#eef0fc 78%,#fbeee7);padding:28px;border:1px solid #dae5ef;border-radius:18px}
.studio-app :is(.eyebrow,.text-link){color:#086c75}
.studio-app :is(.panel,.course-card),.studio-app-body :is(.studio-create-panel,.studio-course-card,.studio-empty-state){border:1px solid var(--studio-ui-line);border-radius:16px;background:#fff;box-shadow:var(--studio-ui-shadow)}
.studio-app :is(.course-card:hover,.panel:focus-within),.studio-app-body .studio-course-card:hover{box-shadow:0 12px 30px #263e6119}
.studio-app .filter-bar{background:#fff}
.studio-app :is(input,select,textarea),.studio-form-page .studio-form-card :is(input,textarea,select){border-color:#cfdee8;border-radius:10px;color:#283d56;background:#fff}
.studio-app th{background:#edf4f9;color:#38516e;border-bottom-color:#d5e1ec}
.studio-app tbody tr:nth-child(even){background:#f8fafd}
.studio-app td{border-bottom-color:#e4ecf3}
.studio-app .badge{border-radius:20px;padding:5px 10px}
:is(.studio-app .button:not(.button-secondary):not(.button-light),.studio-app-body .studio-primary-btn,.studio-app-body .studio-dark-btn,.studio-form-page .studio-primary-btn,.studio-login-page .studio-login-form button){
  background:linear-gradient(115deg,#087f83,#3164a6);color:#fff;border-color:transparent;
  box-shadow:0 4px 12px #1b6c9420;border-radius:10px;font-weight:600;
}
:is(.studio-app .button:not(.button-secondary):not(.button-light),.studio-app-body .studio-primary-btn,.studio-app-body .studio-dark-btn,.studio-form-page .studio-primary-btn,.studio-login-page .studio-login-form button):hover{background:linear-gradient(115deg,#076b70,#284e8b);color:#fff}
.studio-app .button-secondary{background:#fff;border-color:#cddde8;color:#315775}
.studio-app .button-secondary:hover{background:#edf5fa}
:is(.studio-app,.studio-app-body,.studio-author,.studio-form-page,.studio-login-page) button:disabled{box-shadow:none;cursor:not-allowed}

/* Dashboard: pastel workspace, clear primary action and varied course covers. */
.studio-app-body .studio-welcome{padding:30px;margin-top:24px;border:1px solid #d8e6ee;border-radius:20px;background:radial-gradient(ellipse at 100% 0,#dedffd90,transparent 60%),linear-gradient(110deg,#dff4ef,#f1f3ff);align-items:center}
.studio-app-body .studio-welcome p{font-size:13px;line-height:1.75;max-width:680px;color:#536a82}
.studio-app-body .studio-welcome .studio-primary-btn{flex-shrink:0}
.studio-app-body .studio-create-tabs{padding:13px 20px;background:#fff;border-color:#e0e8f0}
.studio-app-body .studio-create-tabs button{font-size:11px;padding:8px 14px}
.studio-app-body .studio-create-tabs button.active{background:#e2f4ef;color:#096568}
.studio-app-body .studio-create-tabs button:disabled{background:#f2f4f8;color:#68788b;opacity:1}
.studio-app-body .studio-create-message{background:linear-gradient(115deg,#fffaf3,#fff5ed 55%,#f6f2ff);padding:30px;min-height:150px}
.studio-app-body .studio-create-message strong{font-size:19px;color:#293e58}
.studio-app-body .studio-create-message p{font-size:13px;line-height:1.8;color:#60718a}
.studio-app-body .studio-create-tools{gap:9px;padding:14px 20px;background:#fff;border-color:#e0e8f0}
.studio-app-body .studio-create-tools span{padding:6px 11px;border-radius:20px;font-size:11px;background:#edf5fb;color:#395b79}
.studio-app-body .studio-create-tools span:nth-child(3n+2){background:#edf6ee;color:#35624c}
.studio-app-body .studio-create-tools span:nth-child(3n){background:#f3effc;color:#64538b}
.studio-app-body .studio-section-head h2{font-size:21px}
.studio-app-body .studio-section-head p{font-size:12px;color:#60718a}
.studio-app-body .studio-course-cover{height:152px;background:linear-gradient(135deg,#dcefea,#e6edfb)}
.studio-app-body .studio-course-card:nth-child(3n+2) .studio-course-cover{background:linear-gradient(135deg,#e9e0fa,#e6eafb)}
.studio-app-body .studio-course-card:nth-child(3n) .studio-course-cover{background:linear-gradient(135deg,#fae7da,#f8eedf)}
.studio-app-body .studio-course-cover span{font-size:10px;color:#3e5773}
.studio-app-body .studio-cover-mark{background:#096f76;color:#fff}
.studio-app-body .studio-course-card:nth-child(3n+2) .studio-cover-mark{background:#6853a3}
.studio-app-body .studio-course-card:nth-child(3n) .studio-cover-mark{background:#a95030}
.studio-app-body .studio-course-meta{padding:20px}
.studio-app-body .studio-course-meta h3{font-size:15px;line-height:1.5}
.studio-app-body .studio-course-meta :is(p,small){font-size:11px;line-height:1.6;color:#60718a}
.studio-app-body .studio-course-actions{background:#f9fbfd;border-top-color:#e1e9f1}
.studio-app-body .studio-course-card{display:flex;flex-direction:column}
.studio-app-body .studio-course-open{flex:1}
.studio-app-body .studio-course-actions{margin-top:auto}
.studio-app .course-card:nth-child(3n+2) .course-cover{background:linear-gradient(135deg,#555092,#8063ab)}
.studio-app .course-card:nth-child(3n) .course-cover{background:linear-gradient(135deg,#94502e,#bc6b45)}

/* Author controls only: never recolor authored blocks or course theme values. */
.studio-author .author-bar{background:linear-gradient(100deg,#fff,#f1f7fc);border-bottom-color:#d8e4ed;box-shadow:0 2px 12px #263e6106}
.studio-author .author-brand{color:#233852}
.studio-author .author-brand>b{background:linear-gradient(145deg,#137e85,#3573a3);color:#fff;border-radius:11px}
.studio-author .author-brand small{color:#536e88}
.studio-author .author-brand>span{font-family:Inter,"Segoe UI",Arial,sans-serif}
.studio-author .author-outline-heading{border-bottom-color:#d8e4ed;padding:30px 24px 24px}
.studio-author .author-outline-heading h2{color:#233852;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:20px;line-height:1.45}
.studio-author .author-outline-heading .section-label{color:#526f86;letter-spacing:1.5px}
.studio-author .outline-edit{color:#076b75}
.studio-author .author-outline-list a{padding:18px 20px;gap:12px;color:#4d627b;border-bottom-color:#dce7ee}
.studio-author .author-outline-list a>span{color:#60758b}
.studio-author .author-outline-list a:hover{background:#ffffffa6}
.studio-author .author-outline-list a.current{background:#fff;border-left-color:#087f83;color:#155f6a;box-shadow:0 3px 12px #263e6106}
.studio-author .outline-new{background:#ffffffb8;color:#156b75;border:1px dashed #9bbfc9;border-radius:10px}
.studio-author .outline-new:hover{background:#e4f4f0}
.studio-author .author-outline-footer,.studio-author .author-outline-footer small{color:#62748c}
.studio-author .author-inspector{border-left-color:#d9e4ed;box-shadow:-6px 0 24px #263e6108}
.studio-author .inspector-heading{background:linear-gradient(110deg,#eaf6f3,#f0f2fc);border-bottom-color:#dce6ef}
.studio-author .inspector-heading h2{color:#263f5d}
.studio-author .inspector-heading small{color:#566c85}
.studio-author .inspector-tabs button{background:#f8fafc;color:#60718a}
.studio-author .inspector-tabs button[aria-pressed=true]{background:#fff;border-bottom-color:#087f83;color:#086d77}
.studio-author #inspectorBody .inspector-help{color:#61738a}
.studio-author #inspectorBody label{color:#4a607a}
.studio-author #inspectorBody :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-color:#cfdee8;border-radius:9px}
.studio-author :is(.solid-button,.author-insert){background:linear-gradient(115deg,#087f83,#3164a6);color:#fff;border-radius:9px}
.studio-author .author-insert{border-radius:50%}
.studio-author .solid-button:hover{background:linear-gradient(115deg,#076b70,#284e8b)}
.studio-author .quiet-button{color:#49627c;border-radius:9px}
.studio-author .quiet-button:hover{background:#e8f2f7}
.studio-author .author-block-toolbar button{border-color:#d6e2ec;color:#45617c;border-radius:7px;background:#f9fbfe}
.studio-author .author-block-toolbar button:hover{background:#e8f3f7;color:#075d69}
.studio-author .author-dialog{border:1px solid #d9e5ee;border-radius:20px;background:linear-gradient(160deg,#f3faf8,#fff 42%,#f7f5fe);box-shadow:0 24px 90px #20334e30}
.studio-author .dialog-heading h2{color:#253e5a}
.studio-author .dialog-heading small,.studio-author .author-dialog>p{color:#5b7188}
.studio-author .block-library-grid button{background:#fff;border-color:#dce6ef;border-radius:13px;box-shadow:0 3px 10px #263e6105}
.studio-author .block-library-grid button>span{display:grid;place-items:center;min-width:40px;min-height:40px;padding:7px;border-radius:11px;background:#e2f4ee;color:#086b73;font-size:22px}
.studio-author .block-library-grid button:nth-child(3n+2)>span{background:#ede9fc;color:#6550a2}
.studio-author .block-library-grid button:nth-child(3n)>span{background:#fbeadd;color:#9b502b}
.studio-author .block-library-grid button strong{color:#263d57}
.studio-author .block-library-grid button small{color:#61738a}
.studio-author .block-library-grid button:hover{background:#f5fafc;border-color:#84b4bf;box-shadow:0 6px 18px #263e6110}
.studio-author .block-library-grid button[data-add-type=h5p]>span{font-size:17px;font-weight:700}
.studio-author .item-nav button[aria-pressed=true]{background:#087f83;border-color:#087f83;color:#fff}
.studio-author .preview-controls{background:#f4f8fc;border-bottom-color:#dce6ee}
.studio-author .preview-controls button[aria-pressed=true]{background:#087f83;color:#fff}

/* Create and sign-in screens use the same palette and form surfaces. */
.studio-form-page{background:radial-gradient(ellipse at 10% 10%,#dcefe8,transparent 50%),radial-gradient(ellipse at 95% 90%,#e4e1f7,transparent 55%),#f2f6fb}
.studio-form-page .studio-form-card{border-color:#d5e3ec;border-radius:22px;padding:40px;box-shadow:0 18px 55px #263e6115;border-top:5px solid #13858c}
.studio-form-page .studio-form-card h1{color:#233852;font-family:Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.8px}
.studio-form-page .studio-eyebrow{color:#08717b}
.studio-form-page .studio-back{font-size:12px;color:#536d86}
.studio-login-page .studio-login-brand{background:radial-gradient(ellipse at 100% 0,#117c7d77,transparent 55%),radial-gradient(ellipse at 0 100%,#6152a677,transparent 65%),linear-gradient(145deg,#10253e,#173e59)}
.studio-login-page .studio-login-panel{background:linear-gradient(145deg,#eaf6f2,#f2f2fc 65%,#fff3ea)}
.studio-login-page .studio-login-card{border-color:#d5e3ec;border-radius:22px;box-shadow:0 18px 55px #263e6115}
.studio-login-page .studio-login-form input{border-color:#cfdee8;background:#fbfdff}
.studio-login-page .studio-login-support{background:#edf6f4;color:#476780}

/* Keep the current sidebar toggles and responsive breakpoints intact. */
/* Dedicated Studio branding; course logos remain independent uploaded assets. */
:is(.studio-app .studio-brand,.studio-app-body .studio-side-brand){padding:0 12px;margin-bottom:24px}
:is(.studio-app .studio-brand,.studio-app-body .studio-side-brand) img{height:110px;width:164px;object-fit:contain;background:#fff;border-radius:13px}
.studio-author .author-brand{min-width:100px}
.studio-author .author-brand img{display:block;width:94px;height:62px;object-fit:contain;background:#fff;border-radius:8px}
.studio-form-page .studio-create-brand{display:block;width:164px;height:110px;object-fit:contain;margin:0 auto 22px}
.studio-form-page .course-logo-help{display:block;margin-top:9px;color:#60718a;font-size:11px;font-weight:400;line-height:1.6}
.studio-author .inspector-course-logo{display:block;max-width:200px;max-height:110px;object-fit:contain;padding:8px;background:#fff;border:1px solid #dce6ee;border-radius:10px;margin-bottom:18px}
@media(max-width:800px){.studio-author .author-brand{min-width:76px}.studio-author .author-brand img{width:76px;height:50px}}
@media(min-width:721px){.studio-app.visual-editor .author-layout{grid-template-columns:var(--studio-ui-sidebar) minmax(0,1fr)}}
.studio-app.visual-editor .author-outline{background:linear-gradient(165deg,#e8f7f5,#f2f5fd 54%,#eeeefa);border-right-color:#d8e5ed}
@media(min-width:1201px){.studio-author:not(.lessons-hidden) .author-canvas{margin-left:var(--studio-ui-sidebar)}}
@media(min-width:801px) and (max-width:1200px){.studio-author:not(.has-inspector):not(.lessons-hidden) .author-canvas{margin-left:var(--studio-ui-sidebar)}}
@media(max-width:960px){
  .studio-app .studio-workspace{margin-left:0}
  .studio-app .studio-sidebar{width:var(--studio-ui-sidebar)}
  .studio-app .studio-topbar{padding:16px 24px}
  .studio-app #main-content{padding:24px}
  .studio-app .studio-footer{padding:20px 24px}
}
@media(max-width:900px){.studio-app-body .studio-shell{grid-template-columns:minmax(0,1fr)}.studio-app-body .studio-dashboard-main{padding:22px 24px 40px}}
@media(max-width:800px){.studio-author .author-lessons{width:min(var(--studio-ui-sidebar),88vw)}}
@media(max-width:600px){
  .studio-app #main-content,.studio-app-body .studio-dashboard-main{padding:20px 16px 32px}
  .studio-app .studio-topbar{padding:14px 16px}
  .studio-app .page-heading{padding:22px;border-radius:15px}
  .studio-app h1,.studio-app-body .studio-welcome h1{font-size:26px}
  .studio-app-body .studio-welcome{padding:24px;gap:16px}
  .studio-app-body .studio-create-message{padding:24px}
  .studio-app-body .studio-course-grid{grid-template-columns:minmax(0,1fr)}
  .studio-author .author-dialog{padding:20px}
  .studio-author .block-library-grid button{padding:14px;gap:9px}
  .studio-form-page{padding:20px 14px}
  .studio-form-page .studio-form-card{padding:28px 22px}
  .studio-login-page .studio-login-panel{padding:28px 16px}
  .studio-login-page .studio-login-card{padding:30px 24px}
}