/* Appearance selector only; the existing two page systems keep their own styles. */
body.student-page .student-appearance-settings { margin: 12px 0 22px; color: inherit; }
body.student-page .student-appearance-settings > header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 16px; margin-bottom: 14px; }
body.student-page .student-appearance-settings > header > strong { font-size: 18px; }
body.student-page .student-appearance-settings > header > span { font-size: 12px; opacity: .72; }
body.student-page .student-appearance-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
body.student-page .student-appearance-options > button { position: relative; display: flex; flex-direction: column; gap: 12px; min-width: 0; min-height: 44px; padding: 12px!important; border: 1px solid var(--theme-border,#80704d)!important; border-radius: 12px!important; background: transparent!important; box-shadow: none!important; color: inherit!important; text-align: left; cursor: pointer; }
body.student-page.museum-refined .student-appearance-options > button { border-color: #6d624a!important; }
body.student-page .student-appearance-options > button[aria-checked=true] { border-color: var(--theme-accent-strong,#d1b87f)!important; outline: 1px solid var(--theme-accent-strong,#d1b87f); outline-offset: -1px; }
body.student-page .student-appearance-options > button::before, body.student-page .student-appearance-options > button::after { content: none!important; }
body.student-page .student-appearance-options > button:focus-visible { outline: 3px solid var(--theme-focus,#c6aa74)!important; outline-offset: 3px; }
body.student-page .student-appearance-options > button:disabled { opacity: .65; cursor: progress; }
.student-appearance-sample { position: relative; display: block; width: 100%; height: 92px; border-radius: 7px; overflow: hidden; }
.student-appearance-sample.is-museum { background: #171916; color: #c5ad78; }
.student-appearance-sample.is-paper { background: #fff8e8; color: #b47c27; }
.student-appearance-sample i { position: absolute; inset: 15px auto 15px 17px; width: 1px; background: currentColor; opacity: .65; }
.student-appearance-sample i::before, .student-appearance-sample i::after { content: ''; position: absolute; left: -3px; top: 10px; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.student-appearance-sample i::after { top: 40px; opacity: .4; }
.student-appearance-sample b { position: absolute; inset: 15px 16px 28px 35px; border-radius: 3px; border: 1px solid currentColor; background: #e9ddc1; opacity: .88; }
.student-appearance-sample.is-paper b { background: #fff; border-color: #eadcc7; border-radius: 8px; }
.student-appearance-sample em { position: absolute; left: 35px; right: 29px; bottom: 15px; height: 2px; background: currentColor; opacity: .7; }
.student-appearance-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-right: 10px; }
body.student-page .student-appearance-copy strong { font-size: 16px!important; color: inherit!important; font-family: inherit!important; }
body.student-page .student-appearance-copy small { font-size: 11px!important; line-height: 1.6; color: inherit!important; opacity: .7; }
.student-appearance-check { position: absolute; right: 8px; bottom: 10px; font: 16px/1 sans-serif; }
body.student-page .student-appearance-note, body.student-page .student-appearance-message { font-size: 12px!important; line-height: 1.7; color: inherit!important; opacity: .75; margin: 10px 0 0; }
.student-appearance-message:empty { display: none; }
@media(max-width:350px) { body.student-page .student-appearance-options { grid-template-columns: 1fr; } }