/* Examera layout: shared course identity, white panels, centred wordmark. */
:root{--course-primary:#9C6114;--course-background:#F5EFE8;--course-medium:#E9D0A8;--course-dark:#664515;--panel-line:#DED7CD;--l8-on-accent:#FFFFFF}
.workspace{max-width:1220px;padding:24px 28px 110px}.shell:before{opacity:.045}
.l8-exam-wordmark{--wordmark-font:29px;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--wordmark-font)*.24);margin:0;line-height:1;color:var(--course-primary)}
.l8-exam-wordmark>svg{width:calc(var(--wordmark-font)*1.23076923);height:auto;flex:none;color:var(--course-primary)}
.l8-exam-wordmark>span{font-family:Lilita,Georgia,serif;font-size:var(--wordmark-font);font-weight:400;line-height:1;color:#FFFFFF;white-space:nowrap}
.masthead-inner{max-width:1220px;min-height:82px;grid-template-columns:230px minmax(200px,560px) 1fr;padding:14px 28px;gap:20px}.masthead-brand{padding:0}.masthead-brand>span{font-family:inherit;font-size:inherit}
.masthead-course{min-height:46px;padding:11px 23px;border:1px solid #FFFFFF99;background:#FFFFFF;border-radius:6px}.masthead-course strong{font-size:23px}
.masthead-tools{grid-template-columns:1fr;gap:6px;justify-items:end}.profile-control{background:#FFFFFF;color:var(--course-primary);border:1px solid #FFFFFF;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.profile-control svg{width:20px;height:20px}.header-storage{font-size:10px;grid-column:auto}.header-pdf{display:none}
.bottom-navigation{box-shadow:0 -2px 12px #66451509;padding-top:8px}.bottom-navigation button{min-height:45px;font-size:13px;padding:10px 20px}.bottom-navigation button.active{background:var(--course-background)}
.exam-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"practice brand repeat" "metrics brand tools";gap:16px;margin-bottom:18px}
.exam-dashboard>section{min-width:0;border-radius:8px}.exam-card-label{font-size:13px;font-weight:600;display:block;color:var(--course-dark);line-height:1.3}
.exam-practice{grid-area:practice;padding:23px;background:var(--course-primary);color:#FFFFFF;display:flex;flex-direction:column;justify-content:space-between;gap:13px;min-height:172px}
.exam-practice .exam-card-label{color:#FFFFFF}.l8-surface .exam-practice h2{font-size:25px;color:#FFFFFF;line-height:1.1;margin:0}.l8-surface .exam-practice p{color:#FFFFFF;font-size:14px;line-height:1.5}.exam-practice .button{font-size:14px;background:#FFFFFF;border-color:#FFFFFF;color:var(--course-dark);width:100%;margin-top:4px}
.exam-brand{grid-area:brand;background:var(--course-primary);position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:26px 10px;min-height:312px}
.exam-brand:before{content:'';position:absolute;inset:0;z-index:-1;background:#FFFFFF;opacity:.08;mask:url('/assets/webbprofil/patterns/Mikrobiologi_Organrytm_Plommon.svg') center/360px repeat;-webkit-mask:url('/assets/webbprofil/patterns/Mikrobiologi_Organrytm_Plommon.svg') center/360px repeat}
.exam-brand h1{margin:0;padding:0;line-height:1}.exam-brand .l8-exam-wordmark{--wordmark-font:clamp(35px,4.2vw,52px)}
.exam-repeat{grid-area:repeat;padding:23px;background:#F4EADC;border:1px solid #E9D0A8;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.exam-repeat-number{font-family:Lilita;font-weight:400;font-size:60px;line-height:1.06;color:var(--course-primary);margin-top:9px}.exam-repeat p{font-size:14px;line-height:1.3}.exam-repeat .button{margin-top:8px;background:#FFFFFF;border-color:var(--course-medium);font-size:13px;align-self:stretch;justify-content:center}
.exam-metrics{grid-area:metrics;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}.exam-metrics button{background:#FFFFFF;border:1px solid var(--panel-line);border-radius:6px;padding:15px;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:84px}.exam-metrics strong{font-size:23px;color:var(--course-primary);font-weight:600;line-height:1.1}.exam-metrics span{font-size:12px;color:#000000;line-height:1.35}.exam-metrics button:hover{border-color:var(--course-primary)}
.exam-tools{grid-area:tools;padding:18px 21px;border:1px solid var(--panel-line);background:#FFFFFF;display:flex;flex-direction:column;justify-content:center;gap:8px}.exam-tools>strong{font-size:15px;color:var(--course-primary)}.exam-tools p{font-size:13px;color:#000000}.exam-tools>button:not(.primary){text-align:left;display:flex;justify-content:space-between;gap:10px;background:transparent;color:var(--course-primary);font-size:13px;min-height:33px;padding:6px 0}.exam-tools>.primary{margin-top:5px}.exam-tools>button>span{font-size:18px}
.exam-progress{background:#FFFFFF;border:1px solid var(--panel-line);border-radius:6px;padding:15px 18px;margin-bottom:20px}.exam-progress>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:10px;color:var(--course-dark)}.exam-progress>div:first-child>span{color:#000000}.exam-progress-track{height:9px;background:var(--course-background);border:1px solid var(--panel-line);border-radius:5px;overflow:hidden}.exam-progress-track>span{display:block;height:100%;background:var(--course-primary);border-radius:inherit}
.exam-method-panel,.exam-task-panel{background:#FFFFFF;border:1px solid var(--panel-line);border-radius:8px;padding:21px;margin-top:20px}.exam-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.exam-panel-heading h2{font-size:23px;color:var(--course-primary);line-height:1.15}.exam-panel-heading .text-button{padding:0;min-height:32px;font-size:13px}.exam-panel-heading .button{font-size:13px;min-height:39px;padding:9px 13px}
.exam-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.exam-methods button{display:flex;align-items:center;gap:12px;border:1px solid var(--panel-line);border-radius:6px;background:var(--course-background);padding:15px 13px;color:var(--course-primary);min-height:89px;text-align:left}.exam-methods button[aria-pressed=true]{border-color:var(--course-primary);outline:1px solid var(--course-primary);outline-offset:-1px;background:#F4EADC}.exam-methods button[aria-pressed=true] strong:after{content:' ✓'}.exam-methods .study-method-icon{width:42px;height:48px;flex-shrink:0;background:var(--course-primary)}.exam-methods strong{font-size:15px;line-height:1.25;display:block;color:var(--course-dark)}.exam-methods small{font-size:12px;line-height:1.3;display:block;margin-top:5px;color:#000000}
.exam-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.exam-task{display:flex;align-items:center;gap:16px;background:var(--course-background);border:1px solid transparent;border-radius:6px;padding:16px;text-align:left;width:100%;min-height:88px}.exam-task:hover{border-color:var(--course-primary)}.exam-task>span:first-child{flex:1;min-width:0}.exam-task strong{display:block;font-size:16px;color:var(--course-dark);line-height:1.3}.exam-task small{display:block;font-size:12px;line-height:1.3;margin-top:5px;color:#000000}.exam-task-action{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--course-primary);white-space:nowrap}.exam-task-action b{font-size:25px;font-weight:400;line-height:1}
/* Plain Examera panels instead of the coloured Medicine section bands. */
.course-panel,.panel,.hy-exercise,.hy-start,.hy-subjects,.progress-summary{border:1px solid var(--panel-line);border-radius:8px;background:#FFFFFF}.panel-head{background:#FFFFFF;color:var(--course-primary);border:0;padding:22px 24px 8px}.l8-surface .panel-head :is(h1,h2,h3){color:var(--course-primary);font-family:Lilita;font-size:24px}.panel-head .small,.panel-head .question-meta,.panel-head .question-meta span{color:var(--course-dark)}.panel-content{padding:20px 24px 24px}.unit-layout,.session-layout{grid-template-columns:minmax(0,1fr) 245px}.rail-panel,.study-context{background:#FFFFFF;border:1px solid var(--panel-line);border-radius:8px;padding:20px}.right-rail{gap:16px}
.view-content,.theme-lila,.theme-rosa,.theme-magenta,.theme-gron,.theme-orange,.theme-rod,.theme-turkos,.theme-hallon,.theme-bla,.theme-brons{--accent:var(--course-primary);--dark:var(--course-dark);--mid:var(--course-medium);--soft:var(--course-background);--l8-on-accent:#FFFFFF}
.lab-journey{--accent:var(--course-primary);--dark:var(--course-dark);--soft:var(--course-background);--mid:var(--course-medium);grid-template-columns:minmax(0,1fr) 230px;gap:0 20px;margin:auto;max-width:1164px}
.lab-case-heading{grid-column:1;grid-row:1;background:#FFFFFF;border:1px solid var(--panel-line);border-bottom:0;border-radius:8px 8px 0 0;padding:20px 23px;color:var(--course-primary);gap:13px}
.lab-case-heading .lab-case-icon{background:var(--course-primary);mask:var(--case-icon) center/contain no-repeat;-webkit-mask:var(--case-icon) center/contain no-repeat;width:48px;height:48px}.lab-case-icon img{visibility:hidden}.l8-surface .lab-case-heading h1{color:var(--course-primary);font-size:25px}.lab-case-heading>.button{color:var(--course-primary);border-color:var(--panel-line);background:#FFFFFF;min-height:38px}
.lab-case-context{grid-column:1;grid-row:2;background:#FFFFFF;border-left:1px solid var(--panel-line);border-right:1px solid var(--panel-line);padding:0 24px 21px}.lab-case-context p{font-size:17px;line-height:1.6;color:#000000}
.lab-case-file{grid-column:2;grid-row:1/span 3;background:#FFFFFF;border:1px solid var(--panel-line);border-radius:8px;padding:20px 17px;align-self:start}.lab-case-file .case-file-title{font-size:21px;color:var(--course-primary);margin-bottom:18px}.lab-checkpoints{margin:0;gap:15px}.lab-checkpoints li{font-size:13px;line-height:1.4}.lab-topic-tags{font-size:12px;padding-top:18px;margin-top:18px;border-top:1px solid var(--panel-line)}
.lab-stage{grid-column:1;grid-row:3;border:1px solid var(--panel-line);border-top:0;border-radius:0 0 8px 8px;background:#FFFFFF;padding:0 24px 24px}.lab-stage-meta{border-top:1px solid var(--panel-line);padding-top:19px;color:var(--course-dark);margin-bottom:15px}.lab-stage h2{font-size:22px;line-height:1.4;color:#000000}.lab-option{border-color:var(--panel-line);font-size:17px}.lab-option.selected{background:var(--course-background);border-color:var(--course-primary)}.lab-letter{border-color:var(--panel-line);background:var(--course-background);color:var(--course-primary)}.lab-option.selected .lab-letter{background:var(--course-primary);color:#FFFFFF}.lab-bins{gap:12px}.lab-bin{background:var(--course-background);border-color:var(--course-primary)}.lab-option.is-right{background:#F4EADC;border-color:var(--course-primary)}.lab-option.is-wrong{background:#F6EDF0}.lab-hint{background:var(--course-background);border-color:var(--panel-line)}.ratings .rating{border-color:var(--panel-line);background:var(--course-background)}.ratings .rating.again{background:#F6EDF0}.lab-recap>div>span,.lab-checkpoints .done b{color:#FFFFFF;background:var(--course-primary)}.source-disclosure,.study-source,.lab-references{display:none}
.hy-exercise{padding:25px;max-width:1040px}.hy-exercise-head{font-size:13px;border-bottom-color:var(--panel-line)}.hy-exercise .hy-prompt{color:#000000}.hy-start{padding:22px}.hy-modes{gap:4px 19px}.hy-modes button{font-size:14px}.hy-modes button.selected{border-bottom-color:var(--course-primary)}.hy-subject{border-bottom-color:var(--panel-line)}.hy-subject strong{font-size:17px}.hy-finished,.resume{border:1px solid var(--panel-line);background:#FFFFFF;border-radius:8px}.reading-entry strong,.unit-title{color:var(--course-primary)}
@media(max-width:1050px){.workspace{padding:23px 23px 108px}.masthead-inner{padding:13px 23px;grid-template-columns:180px minmax(200px,1fr) 55px;gap:20px}.exam-dashboard{gap:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.exam-practice,.exam-repeat{padding:18px}.exam-brand{min-height:309px}.exam-practice h2{font-size:23px}.exam-brand .l8-exam-wordmark{--wordmark-font:39px}.exam-metrics{gap:9px}.exam-metrics button{padding:12px}.exam-methods{gap:9px}.exam-methods button{padding:12px 10px;gap:9px}.exam-methods .study-method-icon{width:35px;height:45px}.exam-methods strong{font-size:13px}.exam-methods small{font-size:11px}.lab-journey{grid-template-columns:minmax(0,1fr) 200px;gap:0 17px}}
@media(max-width:760px){.workspace{padding:20px 18px 102px}.masthead-inner{grid-template-columns:1fr auto;gap:11px 18px;padding:11px 18px}.masthead-brand{grid-column:1;grid-row:1}.masthead-tools{grid-column:2;grid-row:1}.masthead-course{grid-column:1/-1;grid-row:2;min-height:40px;padding:9px 13px}.masthead-course strong{font-size:20px}.header-storage{display:none}.profile-control{width:34px;height:34px}.l8-exam-wordmark{--wordmark-font:26px}.exam-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"brand brand" "practice repeat" "metrics tools";gap:11px}.exam-brand{min-height:174px;padding:23px}.exam-brand .l8-exam-wordmark{--wordmark-font:48px}.exam-practice,.exam-repeat{padding:19px;min-height:190px}.exam-practice h2{font-size:24px}.exam-practice p{font-size:13px}.exam-practice .button{font-size:12px;padding:10px}.exam-repeat-number{font-size:54px}.exam-tools{padding:17px}.exam-metrics strong{font-size:22px}.exam-metrics span{font-size:11px}.exam-progress{padding:13px 15px;margin-bottom:17px}.exam-progress>div:first-child{font-size:11px}.exam-method-panel,.exam-task-panel{padding:17px;margin-top:17px}.exam-methods{grid-template-columns:1fr 1fr;gap:9px}.exam-methods button{padding:13px;min-height:82px}.exam-methods .study-method-icon{width:38px;height:45px}.exam-methods strong{font-size:14px}.exam-task-grid{grid-template-columns:1fr;gap:8px}.exam-task{min-height:77px;padding:14px}.exam-panel-heading h2{font-size:22px}.exam-task strong{font-size:16px}.lab-journey{grid-template-columns:1fr;gap:0}.lab-case-heading{grid-column:1;grid-row:1;padding:18px}.lab-case-context{grid-row:2;padding:0 19px 18px}.lab-case-context p{font-size:16px}.lab-case-file{grid-column:1;grid-row:3;border-left:1px solid var(--panel-line);border-right:1px solid var(--panel-line);border-top:0;border-bottom:0;border-radius:0;padding:0 19px 19px}.lab-case-file .case-file-title,.lab-topic-tags{display:none}.lab-checkpoints{display:flex;gap:14px;margin:0}.lab-checkpoints li{font-size:11px}.lab-stage{grid-column:1;grid-row:4;padding:0 19px 22px}.l8-surface .lab-case-heading h1{font-size:23px}.unit-layout,.session-layout{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:450px){.workspace{padding:17px 14px 98px}.masthead-inner{padding:10px 15px 12px}.masthead-course strong{font-size:19px}.exam-brand{min-height:162px}.exam-brand .l8-exam-wordmark{--wordmark-font:44px}.exam-practice,.exam-repeat{padding:16px;min-height:194px}.exam-card-label{font-size:12px}.exam-practice h2{font-size:23px}.exam-practice p{font-size:12px}.exam-practice .button{font-size:12px;padding:10px 7px;min-height:43px}.exam-repeat-number{font-size:53px}.exam-repeat p{font-size:13px}.exam-repeat .button{font-size:12px;padding:9px 7px;min-height:43px}.exam-metrics button{min-height:82px;padding:12px 10px}.exam-metrics strong{font-size:20px}.exam-metrics span{font-size:10px}.exam-tools{padding:15px;gap:7px}.exam-tools>strong{font-size:14px}.exam-tools p{font-size:12px}.exam-tools>button:not(.primary){font-size:12px}.exam-tools>.primary{font-size:12px;padding:10px}.exam-progress>div:first-child{gap:9px;font-size:10px}.exam-progress-track{height:8px}.exam-method-panel,.exam-task-panel{padding:15px}.exam-panel-heading{gap:11px}.exam-panel-heading h2{font-size:21px}.exam-panel-heading .text-button{font-size:11px}.exam-methods button{padding:11px;gap:8px}.exam-methods .study-method-icon{width:33px;height:43px}.exam-methods strong{font-size:13px}.exam-methods small{font-size:10px}.exam-task{padding:13px;gap:10px}.exam-task strong{font-size:15px}.exam-task small,.exam-task-action{font-size:11px}.exam-task-action b{font-size:23px}.lab-stage h2{font-size:20px}.lab-case-heading{gap:10px;padding:16px}.lab-case-heading .lab-case-icon{width:42px;height:45px}.l8-surface .lab-case-heading h1{font-size:22px}.lab-case-heading>.button{font-size:11px;padding:8px}.lab-case-context{padding:0 17px 18px}.lab-case-context p{font-size:15px}.lab-case-file{padding:0 17px 17px}.lab-stage{padding:0 17px 21px}.lab-checkpoints{gap:10px}.lab-checkpoints li{font-size:10px;gap:6px}.lab-checkpoints b{width:23px;height:23px}.hy-exercise{padding:20px 16px}.hy-start{padding:16px}.right-rail{grid-template-columns:1fr}.bottom-navigation button{font-size:10px;padding:7px;min-height:52px}.bottom-navigation .active:after{height:3px}}