.site-language{display:flex;align-items:center;gap:.4rem;margin-left:auto;color:#183451;font-size:.85rem}.site-language label{font-weight:700}.site-language select{min-height:44px;max-width:180px;border:1px solid #8fa8c0;border-radius:8px;background:#fff;color:#183451;padding:.4rem;font:inherit}.site-language-partial{padding:.65rem .85rem;background:#fff8e6;color:#593f00;border-radius:8px;font-size:.9rem}.site-language-partial[hidden]{display:none}@media(max-width:650px){.site-language{margin-left:0}.site-language select{max-width:160px}}
.trainer-play-top{flex-wrap:wrap}.site-language-trainer{flex-basis:100%;justify-content:flex-end;margin-left:0}
.range-choice button{min-width:0;overflow-wrap:anywhere}
/* Keep the compact language control in the top-right corner on phones. */
@media(max-width:700px){
 body[data-view]>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:10px;height:auto;}
 body[data-view]>header .brand{grid-row:1;grid-column:1;min-width:0;font-size:clamp(15px,4.9vw,20px);white-space:nowrap}
 body[data-view]>header .site-language{grid-row:1;grid-column:2;margin:0;}
 body[data-view]>header .site-language label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 body[data-view]>header .site-language select{min-height:44px;max-width:105px;font-size:13px;padding:5px;}
 body[data-view]>header .worksheet-entry{grid-row:2;grid-column:1/-1;width:100%;margin:0;}
 body[data-view]>header .worksheet-entry a{flex:1;justify-content:center;}
}

.site-language-quiz label,.site-language-trainer label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-language-quiz select,.site-language-trainer select{min-height:44px;max-width:105px;font-size:13px;padding:5px}.quiz-top{flex-wrap:wrap}
@media(max-width:400px){
 body[data-view]>header .brand{height:44px;font-size:15px;letter-spacing:-.05em}
 body[data-view]>header .brand-icon{flex:0 0 34px;width:34px;height:34px;font-size:28px;margin-right:6px}
}

@media(max-width:700px){
 :is(body.worksheets-page .download-header,body:has(.division-main) .division-header){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:10px;height:auto}
 :is(body.worksheets-page .download-header,body:has(.division-main) .division-header)>.brand{grid-row:1;grid-column:1;min-width:0;white-space:nowrap;font-size:clamp(15px,4.9vw,20px)}
 :is(body.worksheets-page .download-header,body:has(.division-main) .division-header)>.site-language{grid-row:1;grid-column:2;margin:0;min-width:0}
 :is(body.worksheets-page .download-header,body:has(.division-main) .division-header)>.site-language label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 :is(body.worksheets-page .download-header,body:has(.division-main) .division-header)>.site-language select{min-height:44px;max-width:105px;font-size:13px;padding:5px}
 body.worksheets-page .download-header>.worksheet-entry{grid-row:2;grid-column:1/-1;width:100%;min-width:0;margin:0}
 body:has(.division-main) .division-header>.division-back{grid-row:2;grid-column:1/-1;justify-self:start}
}
@media(max-width:400px){
 :is(body.worksheets-page .download-header,body:has(.division-main) .division-header)>.brand{height:44px;font-size:15px;letter-spacing:-.05em}
 :is(body.worksheets-page .download-header,body:has(.division-main) .division-header)>.brand .brand-icon{flex:0 0 34px;width:34px;height:34px;font-size:28px;margin-right:6px}
}

/* Compact language picker, keeping the full 44px touch target. */
.site-language{gap:.45rem;color:#294966}
.site-language label{font-size:.8rem;line-height:1.2}
body .site-language select,
body[data-view]>header .site-language select,
body.worksheets-page .download-header>.site-language select,
body:has(.division-main) .division-header>.site-language select,
body.imprint-page header .site-language select{
  box-sizing:border-box;
  -webkit-appearance:none;
  appearance:none;
  width:128px;
  min-height:44px;
  padding:0 29px 0 10px;
  border:1px solid #abc0d1;
  border-radius:9px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3.5 6 4.5 4 4.5-4' fill='none' stroke='%23395670' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 9px center / 14px 14px;
  color:#183451;
  font-size:.875rem;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
  cursor:pointer;
}
body .site-language select:hover{border-color:#6084a0}
body .site-language select:focus-visible{outline:3px solid #175cd3;outline-offset:2px}
@media(max-width:700px){
 body[data-view]>header .site-language select,
 body.worksheets-page .download-header>.site-language select,
 body:has(.division-main) .division-header>.site-language select{width:105px;max-width:105px;font-size:13px}
}
@media(max-width:480px){body.imprint-page header .site-language select{width:105px;max-width:105px;font-size:13px}}