html[data-learning-pending] body{opacity:0!important;pointer-events:none!important}
html[data-learning-pending]::after{content:"";position:fixed;inset:calc(50% - 16px) auto auto calc(50% - 16px);width:32px;height:32px;border:3px solid #d9dfd2;border-top-color:#55704a;border-radius:50%;animation:language-loading 1s linear infinite}
@keyframes language-loading{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-learning-pending]::after{animation:none}}
.language-recovery{box-sizing:border-box;max-width:32rem;margin:15vh auto;padding:24px;font:16px/1.6 system-ui;overflow-wrap:anywhere}
.language-recovery button,.language-recovery select{font:inherit;max-width:100%;margin:8px;padding:10px;border:1px solid #cdd7c5;border-radius:9px;background:#fffdf8;color:#293b32}
html:not([lang^=zh]) .entry-header .brand small{display:none}
html:not([lang^=zh]) .entry-shell #entry-main:has(.channels) .channel-text h3{white-space:normal}
html:not([lang^=zh]) .dialogue-zh{display:block;cursor:default}
html:not([lang^=zh]) .my-setting-copy{min-width:0}
html:not([lang^=zh]) .my-setting-copy strong,html:not([lang^=zh]) .my-setting-copy small{white-space:normal;overflow-wrap:anywhere}
.learning-language-settings select{max-width:min(45vw,15rem);min-width:6rem}
html[dir=rtl] [lang=nl],html[dir=rtl] .article-dutch,html[dir=rtl] .word-nl,html[dir=rtl] .flash-word,html[dir=rtl] [data-voice-lang=nl]{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=password],html[dir=rtl] input[name=username]{direction:ltr;text-align:start}
html[dir=rtl] .my-setting-copy,html[dir=rtl] .article-chinese{text-align:start}
html[dir=rtl] .article-chinese,html[dir=rtl] .dialogue-zh{direction:rtl;unicode-bidi:plaintext}
html[dir=rtl] .learning-language-settings select{direction:rtl}
/* Localized controls need their own rows; never shrink the task heading into a sliver. */
html:not([lang^=zh]) .sheet-heading{flex-wrap:wrap;align-items:start;gap:5px;min-width:0}
html:not([lang^=zh]) .sheet-heading h2{flex:1 1 100%;line-height:1.4;overflow-wrap:anywhere}
html:not([lang^=zh]) .sheet-heading h2 small{display:inline-block;white-space:nowrap}
html:not([lang^=zh]) .sheet-actions{flex:1 1 100%;min-width:0;flex-wrap:wrap;gap:4px 10px}
html:not([lang^=zh]) .hide-control,html:not([lang^=zh]) .listen-button{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.4}
html:not([lang^=zh]) .dialogue-heading{flex-wrap:wrap;gap:6px;min-width:0;padding-block:6px}
html:not([lang^=zh]) .dialogue-heading h3{flex:1 1 100%;line-height:1.4;overflow-wrap:anywhere}
html:not([lang^=zh]) .dialogue-heading .voice-mode{max-width:45%;min-width:0}
html:not([lang^=zh]) .dialogue-heading .listen-button{flex:1 1 45%;min-width:0;text-align:end}
html:not([lang^=zh]) .word-zh,html:not([lang^=zh]) .word-nl,html:not([lang^=zh]) .article-title,html:not([lang^=zh]) .article-stack h2{overflow-wrap:anywhere}
html:not([lang^=zh]) .selection-actions,html:not([lang^=zh]) .selection-tools{flex-wrap:wrap}
html:not([lang^=zh]) .selection-actions button,html:not([lang^=zh]) .selection-tools button{white-space:normal;max-width:100%;overflow-wrap:anywhere}
html:not([lang^=zh]) .journey-progress-count{white-space:normal;overflow-wrap:anywhere;min-width:0}
html:not([lang^=zh]) .journey-node{font-size:14px}
html:not([lang^=zh]) #entry-main .study-card-heading{flex-wrap:wrap;gap:5px;min-width:0}
html:not([lang^=zh]) #entry-main .study-card-heading h2,html:not([lang^=zh]) #entry-main .study-focus-chip{white-space:normal;overflow-wrap:anywhere}
html:not([lang^=zh]) #entry-main .study-bars button{min-width:0}
html:not([lang^=zh]) #entry-main .study-bars small{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:12px}
html[dir=rtl] .folder-peeks{overflow:hidden}
@media(max-width:600px){
 html:not([lang^=zh]) .card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding-block:4px}
 html:not([lang^=zh]) .card-footer>span{width:auto;min-width:0}
 html:not([lang^=zh]) .card-footer .swipe-hint{grid-column:1/-1;text-align:center;line-height:1.3;font-size:9px;overflow-wrap:anywhere}
 html:not([lang^=zh]) .sheet-actions .listen-button{margin-inline-start:auto}
 html:not([lang^=zh]) #entry-main .study-today-copy{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:5px}
 html:not([lang^=zh]) #entry-main .study-today-number{flex-wrap:wrap;white-space:normal;gap:4px}
 html:not([lang^=zh]) #entry-main .study-today-actions{flex-direction:row;flex-wrap:wrap;justify-content:start;gap:5px}
 html:not([lang^=zh]) #entry-main .study-today-actions>a{white-space:normal;overflow-wrap:anywhere;max-width:100%}
 html:not([lang^=zh]) .directory-header{flex-wrap:wrap}
 html:not([lang^=zh]) .directory-header .theme-study-plan{max-width:100%}
}