/* Consistent responsive site chrome: body content is not modified. */
.header.portal-header{z-index:90}
/* Complete the theme for legacy educational pages, sidebar, notes, and login. */
html:not([data-theme="light"]) :is(.aside,.article,.card,.cards .card,.login-card,.guide-card,.lesson-card,.portal-lesson,.portal-sidebar-card,.ref-surface,.ref-playbox,.ref-option,.ref-mode-tabs,.note,.band,.toolbar,.fingering,.chord-pill,.toolpanel,.tool-article,.form-card,.request-row,.studio-panel,.filterbar,.filterbar input,.aboutbox,.reader,.empty,.dialog,.page-hero,.section-alt){background:#1c2833!important;color:#edf3f8!important;border-color:#425565!important}
html:not([data-theme="light"]) :is(.aside,.article,.cards .card,.login-card,.guide-card,.lesson-card,.portal-lesson,.portal-sidebar-card,.ref-surface,.ref-playbox,.note,.band,.toolbar,.toolpanel,.form-card,.studio-panel,.aboutbox) :is(h1,h2,h3,h4,strong,legend,label){color:#f1f6fb!important}
html:not([data-theme="light"]) :is(.aside,.article,.cards .card,.login-card,.portal-lesson,.portal-sidebar-card,.note,.band,.toolpanel,.tool-article,.form-card,.studio-panel,.aboutbox) :is(p,li,small,.smallprint,.muted){color:#c1d2df!important}
html:not([data-theme="light"]) :is(.article .tag,.note,.band,.portal-starter){background:#243d39!important;color:#d9f0e5!important;border-color:#4f7c70!important}
html:not([data-theme="light"]) :is(.article .tag,.note,.band,.portal-starter) :is(h2,h3,p,small){color:#d8ece6!important}
html:not([data-theme="light"]) :is(.aside a,.text-link,.cards .card .more,.portal-lesson b){color:#93e2bc!important}
html:not([data-theme="light"]) :is(input,textarea,select){color-scheme:dark}
html[data-theme="light"] :is(input,textarea,select){color-scheme:light}
html:not([data-theme="light"]) :is(.login-card input,.form-card input,.form-card textarea,.toolpanel input,.toolpanel select,.toolpanel textarea,.filterbar input){background:#12212d!important;color:#f3f9fd!important;border-color:#4a6377!important}
html:not([data-theme="light"]) :is(.login-card input,.form-card input,.form-card textarea,.toolpanel input,.toolpanel select,.toolpanel textarea,.filterbar input)::placeholder{color:#b1c3d1!important;opacity:1}
html:not([data-theme="light"]) .login-lock{color:#83dec0}
html:not([data-theme="light"]) .login-msg{color:#ffc3a5}
html[data-theme="light"] .login-card{background:#fff!important;color:#203344!important;border-color:#d4e1e8!important}
html[data-theme="light"] .login-card :is(h1,h2,strong,label){color:#1f3344!important}
html[data-theme="light"] .login-card p{color:#506377!important}
html[data-theme="light"] .login-card input{background:#fff!important;color:#172c3c!important;border-color:#96aab8!important}
html[data-theme="light"] .login-msg{color:#a9231e!important}
html[data-theme="light"] :is(.note,.band){background:#e8f5ee;color:#365b4b;border-color:#cfe2d7}
@media(prefers-reduced-motion:reduce){.omera-menu-panel,.omera-menu-backdrop{transition:none!important}}
/* Avoid low-contrast shortcut links inherited from legacy light portal CSS. */
html:not([data-theme="light"]) .portal-sidebar .sidebar-shortcut a{color:#d6e9f0!important;border-color:#415668!important}
html:not([data-theme="light"]) .portal-sidebar .sidebar-shortcut a span,html:not([data-theme="light"]) .portal-sidebar .sidebar-shortcut a b{color:#8de0bd!important}
html:not([data-theme="light"]) .portal-sidebar-card :is(.letter-grid a,.mini-chords span){background:#263947!important;color:#e3eef3!important;border-color:#415668!important}
html:not([data-theme="light"]) .portal-sidebar-card :is(.letter-grid a,.mini-chords span):hover{background:#315149!important;color:#fff!important}
/* Long music examples should scroll inside their own card, never widen a 320px viewport. */
.article pre,.reader pre,.song-editor{max-width:100%;overflow-x:auto;box-sizing:border-box}
.article-grid,.article-grid>.article,.article-grid>.aside{min-width:0}