/* Studio Light: owner-approved EIEIO palette, local assets, existing LMS behavior. */
@font-face{font-family:Manrope;src:url('/assets/studio-light/manrope.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.eieio-logo{width:34px;height:44px;flex:none;object-fit:contain}
.ui-icon{display:none;flex:none}
.learning-icon{display:none}
.ui-icon.legacy-course-icon{display:block}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .ui-icon.legacy-course-icon{display:none}
:root:is([data-theme=studio-light],[data-theme=studio-3d]){--brand-red:#ff3131;--action-ink:#000;--brand-peach:#ffbd59;--brand-green:#00bf63;--ink:#17202b;--muted:#59616f;--green:#00783e;--accent-dark:#00783e;--red:#bd2020;--line:#dde0e4;--bg:#fafaf7;--surface:#fff;--surface-soft:#fff4e4;--tint:#fff4e4;--navy:#17202b;--radius:10px;color-scheme:light;scrollbar-color:#a2a6ac #fafaf7}
html:is([data-theme=studio-light],[data-theme=studio-3d]) body{font-family:Manrope,'Segoe UI',sans-serif;font-size:14px;line-height:1.65;background:var(--bg);color:var(--ink)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) h1{font-size:32px;font-weight:800;letter-spacing:-.035em;line-height:1.25}
html:is([data-theme=studio-light],[data-theme=studio-3d]) h2{font-size:20px;font-weight:800;letter-spacing:-.025em}
html:is([data-theme=studio-light],[data-theme=studio-3d]) h3{font-size:16px;font-weight:750}
html:is([data-theme=studio-light],[data-theme=studio-3d]) ::selection{background:var(--brand-peach);color:var(--ink)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) :is(input,textarea,[contenteditable]){caret-color:var(--ink)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) :is(button,a,input,select,textarea,summary,[contenteditable]):focus-visible{outline:3px solid #9c4314;outline-offset:3px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .app{grid-template-columns:220px minmax(0,1fr)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .app>main{min-width:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .sidebar{padding:22px 14px;border-color:var(--line)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .brand{gap:10px;font-size:20px;letter-spacing:-.035em;padding:0 6px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .brand b{font-weight:600}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .brand small{font-size:8px;letter-spacing:0;color:var(--muted)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .nav-label{font-size:10px;letter-spacing:.06em;margin:22px 12px 8px;color:var(--muted)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .ui-icon{display:inline-block;vertical-align:middle}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .sidebar nav{gap:4px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .sidebar nav a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.5;border-radius:8px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .sidebar nav a:hover{background:#f4f4f0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .sidebar nav a.active{color:#b91c1c;background:var(--surface-soft)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .side-note{font-size:12px;color:var(--muted);padding:18px 10px;margin-top:24px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .topbar{min-height:76px;height:auto;padding:14px 28px;gap:14px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-label{font-size:12px;color:var(--muted)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .avatar{background:#e4f8ee;color:#00783e}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .content{padding:30px 28px;max-width:1640px;width:100%}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .button{border-radius:8px;background:var(--brand-red);color:var(--action-ink);font-weight:750;min-height:44px;box-shadow:none;padding:10px 16px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .button:hover{background:#ed2727;filter:none}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .button.light{background:#fff;color:var(--ink);border-color:#7c838d}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .button.light:hover{background:#f5f5f0;border-color:var(--ink)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .button.danger{background:#fff0f0;color:#a11919;border-color:#c45c5c}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .button:disabled{opacity:.55;cursor:not-allowed}
html:is([data-theme=studio-light],[data-theme=studio-3d]) :is(input,select,textarea){border:1px solid #808894;border-radius:8px;background:#fff;color:var(--ink);min-height:44px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) :is(input,textarea)::placeholder{color:#606877;opacity:1}
html:is([data-theme=studio-light],[data-theme=studio-3d]) :is(input,select,textarea):disabled{background:#f2f3f1;color:#59616f}
html:is([data-theme=studio-light],[data-theme=studio-3d]) label{font-size:13px;font-weight:650}
html:is([data-theme=studio-light],[data-theme=studio-3d]) input:is([type=checkbox],[type=radio]){min-height:0;accent-color:var(--green)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) :is(.card,.studio-module,.studio-navigation,.studio-course-details){border-color:var(--line);box-shadow:none;border-radius:10px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .badge{background:#fff1dc;color:#78420b;font-size:12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .alert.success{background:#e4f8ee;color:#075c32}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .alert.error{background:#ffeded;color:#9e1d1d}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .text-link{color:var(--green);text-decoration:underline;text-underline-offset:4px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon{display:inline-block;width:52px;height:52px;flex:none;background-image:url('/assets/studio-light/learning-icons.webp');background-size:300% 200%;background-repeat:no-repeat}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon-text{background-position:0 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon-video{background-position:50% 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon-pdf{background-position:100% 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon-file{background-position:0 100%}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon-assessment{background-position:50% 100%}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon-survey{background-position:100% 100%}
html:is([data-theme=studio-light],[data-theme=studio-3d]) progress{accent-color:var(--green);border:0;background:#e6e8ea;border-radius:5px;overflow:hidden;height:7px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) progress::-webkit-progress-bar{background:#e6e8ea;border-radius:5px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) progress::-webkit-progress-value{background:var(--green);border-radius:5px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) progress::-moz-progress-bar{background:var(--green);border-radius:5px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) th{color:#545c69;background:#f6f7f7;font-size:11px;letter-spacing:0;text-transform:none;font-weight:700}
html:is([data-theme=studio-light],[data-theme=studio-3d]) td{font-size:13px;font-variant-numeric:tabular-nums}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .preferences[open] .theme-control{border-color:#808894}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .guest-brand{padding:18px 32px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .auth-story img{border-radius:10px}
@media(max-width:1100px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .app{grid-template-columns:200px minmax(0,1fr)}html:is([data-theme=studio-light],[data-theme=studio-3d]) .content{padding:24px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .topbar{padding:14px 24px}}
@media(max-width:760px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .app{display:block}html:is([data-theme=studio-light],[data-theme=studio-3d]) .sidebar{height:auto;padding:16px 18px;position:static}html:is([data-theme=studio-light],[data-theme=studio-3d]) .brand{font-size:20px;padding:0}html:is([data-theme=studio-light],[data-theme=studio-3d]) .topbar{padding:12px 18px;min-height:66px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .content{padding:22px 18px}html:is([data-theme=studio-light],[data-theme=studio-3d]) h1{font-size:28px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .side-note{display:none}html:is([data-theme=studio-light],[data-theme=studio-3d]) .sidebar nav a{font-size:14px;min-height:44px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .user{gap:10px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .guest-brand{padding:16px 20px}}
@media(prefers-reduced-motion:no-preference){html:is([data-theme=studio-light],[data-theme=studio-3d]) :is(.button,.sidebar nav a){transition:background-color .16s ease,border-color .16s ease}}
/* Dashboard surfaces share the same authoritative view data in every theme. */
.dashboard-columns{display:block}
.dashboard-secondary{min-width:0}
.metric-copy{min-width:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-primary{min-width:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary>.card{padding:22px;margin-bottom:20px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-heading{border:0;margin:0 0 28px;padding:0;align-items:flex-start;gap:24px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-heading h1{font-size:32px;margin:0 0 10px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-heading p{font-size:14px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-heading .actions{justify-content:flex-end;max-width:480px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;margin:0 0 24px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .section-head{margin-bottom:8px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:22px 0;margin:0;gap:16px;flex-wrap:wrap;align-items:center}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:last-child{border-bottom:0;padding-bottom:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-subject{width:76px;height:76px;background:var(--surface-soft);border-radius:10px;flex:none;grid-template-columns:minmax(0,1fr)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .journey-subject .learning-icon{width:96px;height:96px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-copy{flex:1 1 180px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-copy strong{font-size:16px;line-height:1.45;letter-spacing:-.02em}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-copy small{font-size:12px;margin-top:8px;color:var(--muted)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-copy progress{max-width:100%;margin:12px 0 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-action{min-width:0;text-align:left;font-size:13px;font-weight:750;color:var(--ink);padding:10px 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-action small{font-size:12px;color:var(--muted);font-weight:500}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type{display:grid;grid-template-columns:136px minmax(0,1fr);gap:14px 22px;padding:24px 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .journey-subject{width:136px;height:148px;grid-row:1 / span 2}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .learning-icon{width:166px;height:166px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .journey-copy strong{font-size:21px;line-height:1.4}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .journey-action{justify-self:start;background:var(--brand-red);color:var(--action-ink);border-radius:8px;padding:10px 18px;min-height:44px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .journey-action small{color:var(--action-ink)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type:hover .journey-action{background:#ed2727}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:22px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .section-head{margin-bottom:16px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric{display:flex;align-items:center;gap:8px;padding:16px 8px;border:0;border-radius:0;background:#fff;margin:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric:hover{background:#fafaf7}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric .learning-icon{width:48px;height:48px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric small{font-size:11px;line-height:1.5;display:block}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric strong{font-size:28px;margin:4px 0;font-weight:800}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric span{font-size:11px;color:var(--green)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary h2{font-size:18px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary .list-row{padding:16px 0;gap:10px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary .list-row strong{font-size:13px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary .list-row small{font-size:11px;overflow-wrap:anywhere}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary .list-row form .button{font-size:12px;padding:8px 10px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .module-dashboard{padding:22px;margin-bottom:12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .module-dashboard .section-head p{font-size:12px;color:var(--muted);margin:6px 0 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .module-dashboard .button{font-size:12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .module-dashboard th,html:is([data-theme=studio-light],[data-theme=studio-3d]) .module-dashboard td{padding:12px 8px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .module-dashboard td{font-size:12px}
/* Other themes retain compact, readable grouping without loading the new icon atlas. */
html:not(:is([data-theme=studio-light],[data-theme=studio-3d])) .dashboard-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
@media(max-width:1250px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-columns{grid-template-columns:minmax(0,1fr)}html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary>.card{margin:0}}
@media(max-width:760px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-columns{gap:24px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary,html:not(:is([data-theme=studio-light],[data-theme=studio-3d])) .dashboard-secondary{display:block}html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-secondary>.card{margin-bottom:20px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-heading{display:block;margin-bottom:24px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-heading h1{font-size:28px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .workspace-heading .actions{margin-top:20px;justify-content:flex-start;max-width:none}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview{padding:18px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .section-head{align-items:center;gap:8px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .section-head h2{font-size:19px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .section-head .text-action{font-size:12px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:20px 0}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .journey-subject{width:72px;height:84px;grid-row:1}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .learning-icon{width:96px;height:96px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .journey-copy strong{font-size:17px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row:first-of-type .journey-action{grid-column:1/-1;justify-self:stretch;text-align:center;margin:0}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-row{gap:12px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-overview .journey-action{margin-left:0;flex:auto}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records{padding:18px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric{padding:14px 0;gap:5px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric .learning-icon{width:42px;height:42px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric strong{font-size:25px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .module-dashboard{padding:18px}}
/* Focused editor: native form nodes, picker and publication contracts stay mounted. */
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio{--studio-outline:240px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-toolbar{background:var(--bg);padding:0 0 16px;border:0;border-bottom:1px solid var(--line);gap:20px;top:0;z-index:10}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-toolbar h1{font-size:22px;margin:5px 0 8px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-toolbar nav{font-size:12px;color:var(--muted)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-course-title{max-width:420px;font-size:12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-course-title input{font-size:20px;font-weight:750;padding:8px 12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-toolbar .actions{gap:8px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-toolbar .button{font-size:12px;padding:11px 14px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-save-state{margin:12px 0 20px;color:var(--green);font-size:12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-grid{gap:18px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-aside{top:184px;gap:16px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation{padding:18px 12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation .section-head{display:block;margin:0 6px 14px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation .section-head h2{font-size:18px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation .section-head .button{margin-top:12px;background:transparent;color:var(--green);border-color:#7c838d;font-size:12px;min-height:40px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav{max-height:calc(100vh - 440px);min-height:200px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav .studio-outline-module{padding:12px 8px;font-size:13px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav .studio-outline-activity{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 8px;align-items:center;padding:12px 8px;text-align:left;min-height:72px;border-radius:8px;font-size:12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity::before{content:'';display:block;grid-column:1;grid-row:1 / span 2;width:48px;height:48px;background:url('/assets/studio-light/learning-icons.webp') 0 0 / 300% 200% no-repeat}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity[data-activity-type=video]::before{background-position:50% 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity[data-activity-type=pdf]::before{background-position:100% 0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity[data-activity-type=file]::before{background-position:0 100%}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity[data-activity-type=assessment]::before{background-position:50% 100%}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity[data-activity-type=survey]::before{background-position:100% 100%}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity span{grid-column:2;font-weight:650;line-height:1.5}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-outline-activity small{grid-column:2;color:var(--muted);font-size:10px;line-height:1.5}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav button[aria-current=true]{background:var(--surface-soft);color:var(--ink)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav button:hover{background:#f5f5f0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav button[aria-current=true]:hover{background:#ffecd1}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav .studio-outline-add{font-size:12px;color:var(--green);padding:10px 12px;min-height:44px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-module-heading{padding:16px 20px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-module-heading h2{font-size:16px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-module-body{padding:20px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content{grid-template-columns:minmax(0,1fr) 200px;column-gap:20px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading{padding:0 0 18px;gap:10px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading>button{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 12px;text-align:left;align-items:center;min-width:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading .learning-icon{width:76px;height:76px;grid-row:1 / span 2;grid-column:1;margin-left:-6px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading .studio-type{grid-column:2;justify-self:start;background:transparent;color:var(--muted);font-size:11px;padding:0;font-weight:500}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading strong{grid-column:2;font-size:21px;font-weight:800;line-height:1.4;letter-spacing:-.025em}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading .studio-menu>summary{font-size:11px;min-height:44px;align-content:center}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-activity-editor{padding-top:22px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-activity-settings{padding-left:20px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-activity-settings h3{font-size:16px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-activity-settings .choice{font-size:12px;line-height:1.65;margin-bottom:22px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-help{color:var(--muted);font-size:12px;line-height:1.8}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .rich-toolbar{background:#fafaf7;border-color:var(--line);padding:10px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .rich-toolbar button{color:var(--ink);border-radius:5px;min-height:36px;font-size:12px;padding:6px 8px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .rich-toolbar button:hover{background:var(--surface-soft)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .rich-canvas{min-height:260px;font-size:15px;line-height:1.85;padding:20px;border-color:#808894}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-panel-switcher button{border-color:#808894;background:#fff;color:var(--ink)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-panel-switcher button[aria-pressed=true]{background:var(--surface-soft);color:var(--ink);font-weight:750}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker{border-color:#808894;border-radius:12px;padding:24px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker-types button{display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 10px;min-height:98px;align-content:center;border-color:#808894}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker-types .learning-icon{grid-row:1 / span 2;width:64px;height:64px;margin-left:-4px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker-types strong{grid-column:2;font-size:13px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker-types span:not(.learning-icon){grid-column:2;font-size:12px;color:var(--muted)}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker-types button:hover{background:var(--surface-soft)}
@media(min-width:1280px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .app:has(.course-studio){grid-template-columns:200px minmax(0,1fr)}html:is([data-theme=studio-light],[data-theme=studio-3d]) .content:has(.course-studio){padding:26px 22px;max-width:1800px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .app:has(.course-studio) .brand{font-size:17px;gap:7px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .app:has(.course-studio) .eieio-logo{width:30px;height:39px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .app:has(.course-studio) .sidebar nav a{font-size:11px;gap:10px;padding:10px 8px}}
@media(max-width:1279px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-aside{position:static}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content{display:block}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-activity-settings{padding:20px 0;border-left:0}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-toolbar{position:static}}
@media(max-width:899px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-navigation nav{max-height:none}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-module-body{padding:18px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-toolbar .actions{width:100%;flex-wrap:wrap}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading{flex-wrap:wrap}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-heading strong{font-size:19px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-course-title{max-width:none}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio input,html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio textarea,html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio select{font-size:16px}}
@media(max-width:599px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker{padding:18px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker-types button{grid-template-columns:48px minmax(0,1fr)}html:is([data-theme=studio-light],[data-theme=studio-3d]) .studio-picker-types .learning-icon{width:56px;height:56px}}
/* Compact record rows on phones, and keep the editor's recurring context quiet. */
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-section-details{margin-bottom:12px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-section-details>summary{min-height:32px;margin-bottom:6px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-title{align-items:center;gap:12px;margin:0 0 14px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-title h3{font-size:14px;margin:0}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-title .studio-help{display:none}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-module-heading{padding:12px 20px}
html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-module-body{padding-top:12px}
@media(min-width:1280px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .app:has(.course-studio) .sidebar nav a{font-size:12px}}
@media(max-width:760px){html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric-grid{grid-template-columns:minmax(0,1fr)}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric{padding:14px 0;border-bottom:1px solid var(--line);gap:12px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric:last-child{border-bottom:0}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric .learning-icon{width:48px;height:48px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;width:100%;align-items:center}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric small{font-size:12px;grid-column:1}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric strong{grid-column:2;grid-row:1 / span 2;margin:0}html:is([data-theme=studio-light],[data-theme=studio-3d]) .overview-records .metric-copy>span{grid-column:1;font-size:12px}html:is([data-theme=studio-light],[data-theme=studio-3d]) .course-studio .studio-content-title .button{font-size:12px;white-space:nowrap}}
@media print{html:is([data-theme=studio-light],[data-theme=studio-3d]) .app{display:block}html:is([data-theme=studio-light],[data-theme=studio-3d]) .content{padding:0}html:is([data-theme=studio-light],[data-theme=studio-3d]) .learning-icon{display:none}html:is([data-theme=studio-light],[data-theme=studio-3d]) .dashboard-columns{display:block}}