/* Preserve the cabinet; accommodate longer English inside each door. */
html[lang="en"] .card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 12px;
  max-height: 24px;
}
html[lang="en"] .card-code-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: hidden;
  max-height: 24px;
}
html[lang="en"] .card-code {
  min-width: 0;
}
html[lang="en"] .feature-kicker,
html[lang="en"] .feature-title,
html[lang="en"] .feature-note {
  max-width: 100%;
  overflow-wrap: anywhere;
}
html[lang="en"] .feature-kicker,
html[lang="en"] .feature-note {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
html[lang="en"] .compact-link {
  flex-shrink: 0;
  text-decoration: none;
}
@media (min-width: 1001px) {
  .compact-nav .compact-link:nth-of-type(n) { display: block; }
}
@media (max-width: 1000px) {
  .compact-nav, .utility-nav { display: none; }
  .mobile-lens { display: block; margin-left: auto; }
  .mobile-menu {
    position: fixed;
    z-index: 6000;
    top: var(--bar-height);
    right: 8px;
    display: grid;
    width: min(280px, calc(100vw - 16px));
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: 8px;
    background: #000;
  }
  .mobile-menu[hidden] { display: none; }
  .mobile-menu button, .mobile-menu a {
    display: flex;
    min-width: 0;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background: #1c1c1c;
    color: #999;
    overflow-wrap: anywhere;
  }
  .mobile-menu-label { grid-column: 1 / -1; }
}