@font-face{font-family:Inter;src:url('/une-study/fonts/Inter.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Atkinson Hyperlegible';src:url('/une-study/fonts/AtkinsonHyperlegible.ttf') format('truetype');font-weight:400;font-display:swap}
html body,html body button,html body input,html body select,html body textarea{font-family:var(--une-font,Verdana,sans-serif)}
html body h1,html body h2,html body h3,html body .brand b{font-family:var(--une-font,Verdana,sans-serif)}
html body .rail{background:var(--une-rail,var(--nhero,var(--railbg,#1b2a4a)))!important}
html body #claudebox{display:none!important}
.une-font-label{display:grid;gap:7px;font-size:12px;color:inherit}.une-font-label select{width:100%;max-width:100%;padding:8px;border-radius:8px}
html body #lecturePractice{padding:20px 0 0}
html body #lecturePractice .lecture-selectors{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,2fr);gap:16px;margin:0}
html body .lecture-selectors label{min-width:0;display:grid;gap:8px;font-size:14px}
html body .lecture-selectors select{width:100%;min-width:0;min-height:44px;text-overflow:ellipsis}
html body #lecCatalogStatus{font-size:12px;margin:12px 0;color:var(--muted)}
html body #lecPracticeResults .empty{padding:16px 20px;text-align:left;font-size:14px;line-height:1.6;border-radius:12px}
html body #lecPracticeResults .empty b{display:block;margin-bottom:4px}
html body #lecPracticeResults .lecture-source{padding:16px 20px}
html body #lecPracticeResults h2{font-size:22px}
html body .practiceviews{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
html body .practiceviews button{font-size:14px;padding:12px 18px}
html body #questionPractice>.ctrl{display:none}
html body #quizhost .practice-rounds>h2{font-size:calc(26px * var(--rd,1));line-height:1.25}
html body #practiceLevels,html body #clozePractice{margin-top:24px}
@media(max-width:650px){html body #lecturePractice .lecture-selectors{grid-template-columns:1fr}html body .practiceviews button{flex:1 1 auto}}

html body #themeBtn{cursor:pointer}

/* Compact type hierarchy, with the existing text-size controls respected. */
html body .practice-rounds{padding:24px}
html body .practice-rounds h2{font-size:calc(26px * var(--rd,1));line-height:1.25}
html body .practice-rounds p,html body .practice-rounds summary{font-size:calc(15px * var(--rd,1));line-height:1.6}
html body .practice-rounds .ctrl label,html body .practice-rounds select,html body .practice-rounds .btn{font-size:calc(14px * var(--rd,1));font-weight:500}
html body .practice-rounds .lecture-selectors label{font-weight:600}
html body .practice-rounds .note{font-size:calc(13px * var(--rd,1))}
html body .practice-rounds .eyebrow{font-size:11px;letter-spacing:.12em}
html body .wk-hd{gap:10px;padding:14px 12px}
html body .wk-hd .wk-l{font-size:15px;line-height:1.35;min-width:0;white-space:normal;overflow-wrap:anywhere;flex:1;letter-spacing:0}
html body .wk-hd .wk-n{flex-shrink:0;width:36px;height:36px;font-size:18px}
html body .wk-hd .wk-dots,html body .wk-hd .wk-ch{flex-shrink:0}
html body :is(button,.btn,.nc-btn,.wk-hd){transition:box-shadow .18s ease,border-color .18s ease,filter .18s ease}
@media(hover:hover){html body :is(button,.btn,.nc-btn,.wk-hd):not(:disabled):hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent,var(--teal,#488b83)) 48%,transparent),0 5px 22px color-mix(in srgb,var(--accent,var(--teal,#488b83)) 30%,transparent);filter:brightness(1.04)}}
html body :is(button,.btn,.nc-btn,.wk-hd):focus-visible{outline:2px solid var(--accent,var(--teal,#488b83));outline-offset:3px;box-shadow:0 4px 20px color-mix(in srgb,var(--accent,var(--teal,#488b83)) 28%,transparent)}
@media(prefers-reduced-motion:reduce){html body :is(button,.btn,.nc-btn,.wk-hd){transition:none}}

#uneDashboardControls{margin-bottom:24px}#uneDashboardControls .ctrl{gap:12px;align-items:end}#uneWeakLecture{margin-top:18px}#uneWeakLecture h2{font-size:23px}#uneResetConfirm{background:#9e3227;color:white}

#uneDashboardControls .ctrl>label{display:grid;gap:8px;flex:1 1 340px;min-width:0}#uneDashSystem{width:100%;max-width:100%;min-height:42px}#uneDashboardControls .ctrl>.btn{min-height:42px}

.une-teaching-media{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.une-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}.une-media-grid figure{margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}.une-media-grid img{width:100%;height:210px;object-fit:contain}.une-media-grid figcaption{font-size:12px;line-height:1.5;color:var(--muted)}.coach-key-points li:first-child{background:var(--hl,#f4e3a1);color:var(--hl-ink,#1c1a12);padding:10px 12px;border-radius:8px}.aimsg mark,.brief mark{background:var(--hl,#f4e3a1);color:var(--hl-ink,#1c1a12);padding:1px 3px;border-radius:3px}
/* Appearance controls belong to the sidebar, with one aligned, transparent footer. */
html body .railfoot{background:transparent!important;border-top:1px solid rgba(255,255,255,.16);padding:18px 10px 8px;gap:12px}
html body .railfoot .une-font-label{font-size:12px;color:#dce6ed;gap:8px}
html body .railfoot :is(.une-font-label select,.themebtn){width:100%;min-height:40px;padding:8px 10px;border:1px solid rgba(218,234,243,.3);border-radius:8px;background:rgba(255,255,255,.07);color:#eef4f8;font-size:13px;box-sizing:border-box}
html body .railfoot .une-font-label select option{background:var(--une-rail,var(--nhero,#1b2a4a));color:#eef4f8}
html body .railfoot .railctl{gap:8px}
html body .railfoot .railctl .btn{background:rgba(255,255,255,.07);border-color:rgba(218,234,243,.3);min-height:34px}
html body .railfoot .store{padding-top:2px;color:#bdced9}
@media(max-width:760px){html body .railfoot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;padding:14px 0 0;gap:12px}html body .railfoot .railctl{grid-column:1/-1}html body .railfoot .une-font-label select,html body .railfoot .themebtn{font-size:12px}}