/* v10.28: exactly three rows of paired Self Study controls. Desktop text remains legible. */
#controlRail .mdnaCompactFilters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:7px!important;row-gap:8px!important;align-items:start!important;min-width:0!important}
#controlRail .mdnaCompactFilters > .compactControl{grid-column:auto!important;min-width:0!important;margin:0!important;align-self:start!important;display:block!important}
#controlRail .mdnaCompactFilters .compactControl > label{display:block!important;font-size:10px!important;line-height:1.2!important;letter-spacing:0!important;min-height:13px!important;margin:0 0 4px!important;text-transform:none!important}
#controlRail .mdnaCompactFilters .compactControl select,
#controlRail .mdnaCompactFilters .compactControl .mdnaSubjectDetails > summary,
#controlRail .mdnaCompactFilters #mdnaQuestionSearchBtn,
#controlRail .mdnaCompactFilters #jumpinput,
#controlRail .mdnaCompactFilters #jumpgo{height:31px!important;min-height:31px!important;max-height:31px!important;box-sizing:border-box!important;border-radius:7px!important;font-size:10.5px!important;line-height:1.2!important;min-width:0!important;padding:5px 6px!important}
#controlRail .mdnaCompactFilters #subjectControl{display:block!important;grid-template-columns:none!important}
#controlRail .mdnaCompactFilters #subjectControl[hidden]{display:none!important}
#controlRail .mdnaCompactFilters #subjectControl>.mdnaSubjectDetails{display:block!important;max-width:100%!important;width:100%!important}
#controlRail .mdnaCompactFilters #subjectControl>.mdnaSubjectDetails>summary{display:flex!important;align-items:center!important;padding-right:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px!important}
#controlRail .mdnaCompactFilters #mdnaQuestionSearchBtn{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;grid-column:auto!important;grid-row:auto!important;width:100%!important;max-width:none!important;margin:0!important;background:rgba(255,255,255,.13)!important;color:var(--toolbarText)!important;border:1px solid rgba(255,255,255,.3)!important;cursor:pointer!important}
#controlRail .mdnaCompactFilters #mdnaQuestionSearchBtn .mdnaToolLabel{display:inline!important;font-size:10.5px!important;white-space:nowrap!important;color:inherit!important}
#controlRail .mdnaCompactFilters #mdnaQuestionSearchBtn .mdnaIcon{width:14px!important;height:14px!important;flex:none!important}
#controlRail .mdnaCompactFilters .mdnaJumpControl{display:block!important}
#controlRail .mdnaCompactFilters .mdnaJumpControl .jumpRow{display:grid!important;grid-template-columns:minmax(0,1fr) 29px!important;gap:3px!important;align-items:center!important}
#controlRail .mdnaCompactFilters #jumpinput{width:100%!important;font-size:10px!important;padding:4px 5px!important}
#controlRail .mdnaCompactFilters #jumpgo{width:29px!important;min-width:29px!important;padding:3px!important;font-size:10px!important}
#controlRail .mdnaCompactFilters #jumperror{font-size:10px!important;line-height:1.3!important}
#controlRail .mdnaCompactFilters .spanishReshuffle,
#controlRail .mdnaCompactFilters #sourceTablesBtn{min-height:25px!important;height:auto!important;font-size:10px!important;white-space:normal!important;margin-top:4px!important}
/* Footer stays below the question list. Theme + Music have BOTH icon and label. */
#controlRail .railUserBottom{flex:0 0 auto!important;margin-top:5px!important;padding-top:6px!important}
#controlRail .mdnaRailBottomLine{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:5px!important}
#controlRail .mdnaRailBottomLine .who{margin:0!important;flex:1 1 60px!important;min-width:0!important;overflow-wrap:anywhere;font-size:10px!important}
#controlRail .mdnaRailBottomTools{display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#controlRail .mdnaRailBottomTools button{display:inline-flex!important;width:auto!important;max-width:none!important;min-width:0!important;height:29px!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:4px 6px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;border-radius:7px!important}
#controlRail .mdnaRailBottomTools #mdnaSoundBtn{display:inline-flex!important}
#controlRail .mdnaRailBottomTools #mdnaSoundBtn .mdnaToolLabel{display:inline!important;font-size:10px!important}
#controlRail .mdnaRailBottomTools #mdnaSoundBtn .mdnaIcon{display:inline-block!important;width:13px!important;height:13px!important}
#controlRail .mdnaRailBottomTools #mdnaSoundDock{margin:0!important;display:flex!important}
#controlRail .mdnaRailBottomTools .mdnaThemeGlyph{font-size:15px!important;line-height:1!important}
#controlRail .mdnaRailAccountActions{display:flex!important;align-items:center!important;gap:4px!important;margin-top:5px!important}
#controlRail .mdnaRailAccountActions button{flex:1!important;min-width:0!important;min-height:25px!important;height:auto!important;font-size:9px!important}
.mdnaThemePanel{position:fixed;z-index:1400;min-width:190px;width:min(260px,calc(100vw - 24px));padding:12px;background:#173149;color:white;border:1px solid #799bb0;border-radius:12px;box-shadow:0 14px 35px #001b32aa}
.mdnaThemePanel[hidden]{display:none!important}
.mdnaThemePanel label{font:700 12px/1.4 system-ui,sans-serif;display:block;margin-bottom:5px}
.mdnaThemePanel select{width:100%;font:500 13px system-ui,sans-serif;min-height:36px;background:white;color:#17283b;border:1px solid #adc3ce;border-radius:7px;padding:5px}
@media(min-width:701px) and (max-width:1100px){#controlRail .mdnaCompactFilters{column-gap:5px!important;row-gap:7px!important}#controlRail .mdnaCompactFilters .compactControl > label{font-size:9.5px!important}#controlRail .mdnaCompactFilters .compactControl select,#controlRail .mdnaCompactFilters .compactControl .mdnaSubjectDetails>summary,#controlRail .mdnaCompactFilters #mdnaQuestionSearchBtn{font-size:9.5px!important}#controlRail .mdnaRailBottomLine .who{flex-basis:100%!important}}
@media(max-width:700px){#controlRail .mdnaCompactFilters{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:7px!important;column-gap:7px!important}#controlRail .mdnaCompactFilters .compactControl > label{font-size:11px!important}#controlRail .mdnaCompactFilters .compactControl select,#controlRail .mdnaCompactFilters .compactControl .mdnaSubjectDetails>summary,#controlRail .mdnaCompactFilters #mdnaQuestionSearchBtn,#controlRail .mdnaCompactFilters #jumpinput,#controlRail .mdnaCompactFilters #jumpgo{font-size:11px!important;height:34px!important;min-height:34px!important;max-height:34px!important}#controlRail .mdnaRailBottomLine .who{font-size:11px!important}#controlRail .mdnaRailBottomTools button{font-size:11px!important;height:31px!important}#controlRail .mdnaRailBottomTools #mdnaSoundBtn .mdnaToolLabel{font-size:11px!important}}
/* Override v10.27 full-width subject/search compatibility rules. */
#controlRail .railCompactGrid.mdnaCompactFilters>.compactControl:first-child{grid-column:1!important}
#controlRail .railCompactGrid.mdnaCompactFilters>#subjectControl{grid-column:2!important}