/* Long translations must size their cards, rather than the page. */
.gr main, .gr footer { overflow-wrap: anywhere; }
.gr main :where(div, section, article, aside), .gr__foot-grid > * { min-width: 0; }
.gr .gr__btn { max-width: 100%; white-space: normal; text-align: center; }
.gr .gr__btn svg, .gr .gr__btn-code { flex-shrink: 0; }
.gr :where([class*="badge"], [class*="chip"], [class*="pill"]) { max-width: 100%; white-space: normal; }
.gr__foot-grid { grid-template-columns: 1.3fr repeat(4, minmax(0, 1fr)) 1.3fr; }
.gr__foot-links a { overflow-wrap: anywhere; }
.gr main :where([class*="table-wrap"], [class*="code-wrap"]) { max-width: 100%; min-width: 0; }
.rf-badge { line-height: 1.6; letter-spacing: .06em; }
.rf-badge__dot { flex-shrink: 0; }
@media (max-width: 1100px) {
  .gr__foot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .gr__foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gr main :where(h1, h2, h3) { hyphens: auto; }
  .gr :where(.dx-support__btns, .rf-hero__btns) { min-width: 0; max-width: 100%; }
  .gr .gr__btn { height: auto; min-height: 44px; line-height: 1.45; }
}
@media (prefers-reduced-motion: reduce) {
  .gr *, .gr *::before, .gr *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
.gr main :where(h1, h2, h3, p, ul, ol, figure) { min-width: 0; }
.gr__welcome-dialog { max-height: calc(100dvh - 48px); overflow-wrap: anywhere; }
.gr .mk-status { max-width: 100%; white-space: normal; line-height: 1.5; }
.gr .mk-status__dot { flex-shrink: 0; }
#lc-main .lc-rate { flex-wrap: wrap; }
#lc-main .lc-rate strong, #me-main .me-price { white-space: normal; }
#lc-main .lc-rate strong { min-width: 0; }
@media (max-width: 400px) {
  #lc-main .lc-rate strong small, #me-main .me-price span { display: block; margin-left: 0; }
}
@media (max-width: 960px) {
  .gr__nav.is-open .gr__nav-right .gr__btn--outline { display: none; }
  .gr__nav.is-open .gr__menu { max-height: calc(100dvh - 64px); overflow-y: auto; overscroll-behavior: contain; }
  .gr__nav .gr__menu > li > a { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 640px) {
  .gr__nav-right, .gr__hamburger { flex-shrink: 0; }
}
