.language-bar { width: min(1420px, calc(100% - 32px)); margin: 0 auto; padding-top: 18px; display: flex; justify-content: flex-end; }
.account-nav { align-items: center; }
.language-switch { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 2px; padding: 3px; border: 1px solid #53717a; border-radius: 8px; background: #0b151b; }
.language-switch button { width: 40px; min-height: 38px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #dce8ee; font: 700 13px system-ui, sans-serif; cursor: pointer; letter-spacing: 0; }
.language-switch button[aria-pressed="true"] { background: #60f0b4; color: #031016; }
.language-switch button:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
.language-switch button:hover { box-shadow: inset 0 0 0 1px #60f0b4; }
.legal-document, .reset-page, .chart-card { min-width: 0; overflow-wrap: anywhere; }
.legal-document h1 { font-size: 34px; line-height: 1.15; letter-spacing: 0; hyphens: auto; }
.legal-document h2 { hyphens: auto; }
.reset-page h1 { hyphens: auto; }
.chart-dialog h3 { overflow-wrap: anywhere; padding-right: 44px; }
@media (max-width: 520px) {
  .legal-document h1 { font-size: 26px; }
  .legal-document h2 { font-size: 20px; }
}
.hero > *, .panel-home > *, .panel-screen { min-width: 0; }
.hero .copy, .store-link-copy { overflow-wrap: anywhere; }
.panel-home { grid-template-columns: minmax(240px, 360px) minmax(0, 1fr); }
@media (max-width: 980px) { .hero { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 680px) {
  .panel-home { grid-template-columns: minmax(0, 1fr); }
  .tanks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .tank { min-width: 0; grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; gap: 5px; }
  .tank-body { grid-row: auto; }
  .tank small { overflow-wrap: anywhere; }
}
@media (max-width: 520px) { .account-nav .language-switch { margin-left: auto; } .account-nav { row-gap: 10px; } }