/* Long translated words and intrinsic grid widths must fit small screens. */
body { overflow-wrap: anywhere; }
html { scroll-padding-top: var(--site-header-offset, 16px); }
h1, h2, h3, p, li { hyphens: auto; }
code, .support-address { hyphens: none; }
.feature-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
.products-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.btn, .product-page .action { max-width: 100%; white-space: normal; text-align: center; }
.product-page .action { min-width: 0; }
.product-tile, .tile-top, .tile-name, .contact-form-wrapper { min-width: 0; }
.contact-item { flex-wrap: wrap; }

.command-copy-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
}
.copy-button {
  min-height: 44px;
  max-width: 100%;
  padding: 9px 12px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: transparent;
  color: var(--ink);
  font: 550 14px/1.5 var(--eos-font-sans);
  cursor: pointer;
}
.copy-button:hover { background: var(--surface-2); }
.copy-button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.copy-button:disabled, .contact-form button:disabled { cursor: wait; opacity: .7; }
.copy-status { font-size: 13px; line-height: 1.5; }
.copy-status:empty { display: none; }
.cli-card .copy-button { color: var(--paper); border-color: #595248; }
.cli-card .copy-button:hover { background: #38332c; }
.cli-card .copy-status { color: #ded9cf; }
.support-address { user-select: all; }
@media (max-width: 520px) {
  .nav-bar { display: grid; grid-template-columns: auto minmax(75px, 1fr) minmax(0, 1.3fr); gap: 8px 12px; padding-block: 12px; }
  .nav-bar .logo { grid-column: 1; grid-row: 1; }
  .nav-bar .nav-links { grid-column: 2; grid-row: 1; justify-self: center; font-size: 13px; }
  .nav-bar .nav-actions { display: contents; }
  .nav-bar .nav-account { grid-column: 3; grid-row: 1; min-width: 0; flex-wrap: wrap; justify-content: flex-end; }
  .nav-bar .nav-signin { max-width: 100%; padding: 4px; font-size: 12px; line-height: 1.4; }
  .nav-bar .account-menu-label { max-width: 64px; }
  .nav-bar .lang-switcher { grid-column: 1 / 3; grid-row: 2; width: auto; }
  .nav-bar .lang-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .nav-bar .locale-control { width: 100%; }
  .nav-bar .lang-select { min-height: 44px; }
  .nav-bar .nav-actions > .btn { grid-column: 3; grid-row: 2; min-height: 44px; padding: 8px; font-size: 12px; }
}
@media (max-width: 480px) {
  .command-copy-row { grid-template-columns: minmax(0, 1fr); }
  .command-copy-row .copy-button { justify-self: end; }
}