/* Studio 3D extends the shared Studio Light shell; artwork is decorative, never a status source. */
.section-art,.course-art{display:none!important}
html[data-theme=studio-light] .learning-icon-trophy{background-position:50% 100%}
html[data-theme=studio-light] .learning-icon-skills{background-position:50% 0}
html[data-theme=studio-light] .learning-icon-calendar{background-position:0 100%}
html[data-theme=studio-3d]{--primary-action:#00bf63;--action-ink:#10271e;--surface-soft:#e9f8ee;--tint:#e9f8ee;--radius:12px}
html[data-theme=studio-3d] .button:not(.light):not(.danger),html[data-theme=studio-3d] .learning-overview .journey-row:first-of-type .journey-action{background:var(--primary-action);color:var(--action-ink)}
html[data-theme=studio-3d] .button:not(.light):not(.danger):hover,html[data-theme=studio-3d] .learning-overview .journey-row:first-of-type:hover .journey-action{background:#00ad59;color:var(--action-ink)}
html[data-theme=studio-3d] .sidebar nav a.active{background:#e9f8ee;color:#005d32}
html[data-theme=studio-3d] .badge,html[data-theme=studio-3d] .studio-type{background:#fff2dd;color:#754107}
html[data-theme=studio-3d] .learning-icon{background-image:url('/assets/studio-3d/icons.webp');background-size:400% 400%;clip-path:inset(7% 3% 3% 3%)}
html[data-theme=studio-3d] .learning-icon-book{background-position:0 0}
html[data-theme=studio-3d] .learning-icon-security{background-position:33.3333% 0}
html[data-theme=studio-3d] .learning-icon-trophy{background-position:66.6667% 0}
html[data-theme=studio-3d] .learning-icon-calendar{background-position:100% 0}
html[data-theme=studio-3d] .learning-icon-people{background-position:0 33.3333%}
html[data-theme=studio-3d] .learning-icon-reports{background-position:33.3333% 33.3333%}
html[data-theme=studio-3d] .learning-icon-skills{background-position:66.6667% 33.3333%}
html[data-theme=studio-3d] .learning-icon-evidence{background-position:100% 33.3333%}
html[data-theme=studio-3d] .learning-icon-text{background-position:0 66.6667%}
html[data-theme=studio-3d] .learning-icon-video{background-position:33.3333% 66.6667%}
html[data-theme=studio-3d] .learning-icon-pdf{background-position:66.6667% 66.6667%}
html[data-theme=studio-3d] .learning-icon-file{background-position:100% 66.6667%}
html[data-theme=studio-3d] .learning-icon-assessment{background-position:0 100%}
html[data-theme=studio-3d] .learning-icon-survey{background-position:33.3333% 100%}
html[data-theme=studio-3d] .learning-icon-compliance{background-position:66.6667% 100%}
html[data-theme=studio-3d] .learning-icon-backup{background-position:100% 100%}
html[data-theme=studio-3d] .course-studio .studio-outline-activity::before{background-image:url('/assets/studio-3d/icons.webp');background-size:400% 400%;background-position:0 66.6667%;clip-path:inset(7% 3% 3% 3%)}
html[data-theme=studio-3d] .course-studio .studio-outline-activity[data-activity-type=video]::before{background-position:33.3333% 66.6667%}
html[data-theme=studio-3d] .course-studio .studio-outline-activity[data-activity-type=pdf]::before{background-position:66.6667% 66.6667%}
html[data-theme=studio-3d] .course-studio .studio-outline-activity[data-activity-type=file]::before{background-position:100% 66.6667%}
html[data-theme=studio-3d] .course-studio .studio-outline-activity[data-activity-type=assessment]::before{background-position:0 100%}
html[data-theme=studio-3d] .course-studio .studio-outline-activity[data-activity-type=survey]::before{background-position:33.3333% 100%}
html[data-theme=studio-3d] h1:has(.section-art){display:flex;align-items:center;gap:18px;min-width:0;overflow-wrap:anywhere}
html[data-theme=studio-3d] .section-art{display:inline-block!important;width:82px;height:82px;flex:none}
html[data-theme=studio-3d] .learning-card-cover{background:#fff4e4!important;color:var(--ink)!important;min-height:180px;position:relative;justify-content:flex-end}
html[data-theme=studio-3d] .learning-card-cover .course-art{display:block!important;width:min(138px,100%);height:auto;aspect-ratio:1;margin:0 auto 8px}
html[data-theme=studio-3d] .learning-card-cover-top{display:none}
html[data-theme=studio-3d] .learning-card-cover>strong{font-size:14px!important}
html[data-theme=studio-3d] .learning-card-cover>strong small{display:inline;font-size:14px!important}
html[data-theme=studio-3d] .learning-card-cover-bottom{color:#59616f!important;font-size:12px}
html[data-theme=studio-3d] .learning-overview .journey-subject{background:#fff4e4}
html[data-theme=studio-3d] .overview-records .metric .learning-icon{width:68px;height:68px}
html[data-theme=studio-3d] :is(.card,.studio-module,.studio-navigation){border-radius:12px}
/* Charts and their equivalent data tables are available in every theme. */
.report-chart-panel{background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:24px;min-width:0}
.report-chart-panel h2{font-size:20px;margin:0 0 8px}
.report-chart-panel .chart-frame{height:280px;position:relative;min-width:0}
.report-chart-panel canvas{max-width:100%}
html:not(.js) .report-chart-panel .chart-frame{display:none}
.report-chart-panel .chart-frame.score-frame{height:420px}
.report-chart-panel .chart-data{margin-top:16px}
.report-chart-panel .chart-data summary{color:var(--green);min-height:44px;align-content:center}
.report-chart-panel .chart-data table{width:100%}
.report-chart-panel .chart-data th,.report-chart-panel .chart-data td{white-space:normal;overflow-wrap:anywhere}
.report-summary-icon{display:flex;align-items:center;gap:14px}
.report-summary-icon .learning-icon{width:66px;height:66px}
@media(max-width:760px){html[data-theme=studio-3d] .section-art{width:54px;height:54px}html[data-theme=studio-3d] h1:has(.section-art){gap:12px;font-size:25px}html[data-theme=studio-3d] .learning-card-cover .course-art{width:min(110px,100%)}html[data-theme=studio-3d] .learning-card-cover{min-height:160px}.report-chart-panel{padding:16px}.report-chart-panel .chart-frame.score-frame{height:480px}}
@media print{.section-art,.course-art,.report-chart-panel .chart-frame{display:none!important}.report-chart-panel .chart-data{display:block}.report-chart-panel .chart-data>table{display:table}}