.etl-brand { display:inline-flex; align-items:center; gap:13px; flex-shrink:0; min-height:44px; color:#071321; text-decoration:none; }
.etl-brand img { display:block; width:226px; height:auto; }
.etl-badge { display:inline-flex; align-items:center; justify-content:center; height:28px; padding:0 10px; border:1px solid #bdc9d7; border-radius:4px; color:#071321; font:750 12px/1 'Inter Variable',Inter,-apple-system,sans-serif; letter-spacing:.13em; }
.etl-brand:focus-visible { outline:3px solid #e9b42b; outline-offset:5px; }
.etl-beta-note { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:#636950; font:400 13px/1.5 'Inter Variable',Inter,system-ui,sans-serif; margin:12px 0; letter-spacing:normal; }
.etl-beta { display:inline-flex; align-items:center; padding:3px 9px; border-radius:6px; background:#fff0c4; color:#755715; font-weight:750; }
.etl-project-nav { display:flex; gap:22px; flex-wrap:wrap; align-items:center; margin:0 0 28px; font-size:13px; }
.etl-project-nav a { color:#387a50; text-decoration:none; min-height:44px; display:inline-flex; align-items:center; }
.etl-project-nav a:focus-visible { outline:3px solid #e9b42b; outline-offset:3px; }
.etl-project-nav span { color:#59665e; }
@media(max-width:1000px) { .etl-brand img { width:200px; } }
@media(max-width:600px) { .etl-brand { gap:8px; } .etl-brand img { width:174px; } .etl-badge { height:24px; padding-inline:7px; font-size:10px; } }
@media(max-width:370px) { .etl-brand img { width:148px; } }
/* Keep the shared language control visible without squeezing mobile headers. */
lab-language { flex-shrink: 0; }
.lab-header .lab-nav { margin-left: auto; }
@media(max-width:600px) {
  .lab-header .etl-brand img, .topbar .etl-brand img { width:146px; }
  .lab-header .etl-brand, .topbar .etl-brand { gap:6px; }
  .lab-header, .topbar { flex-wrap:wrap; height:auto !important; min-height:72px; padding-top:12px !important; padding-bottom:12px !important; row-gap:8px !important; }
  .lab-header lab-language, .topbar lab-language { margin-left:auto; }
  .lab-header .lab-nav, .topbar .shop-link, .topbar .text-button { order:3; flex-basis:100%; margin-left:0; }
}
@media(max-width:350px) {
  .lab-header .etl-brand img, .topbar .etl-brand img { width:120px; }
}