html, body { max-width: 100%; overflow-x: hidden; }
.container { min-width: 0; }
.container img,
.container video,
.container iframe,
.container svg,
.container canvas { max-width: 100% !important; height: auto; }
.container table { display: block; width: 100%; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.container pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.container code { overflow-wrap: anywhere; }
.container h1,
.container h2,
.container h3,
.container p,
.container li,
.container a { overflow-wrap: anywhere; }

@media (max-width: 640px) {
  header { padding: .9rem 1rem !important; }
  .container { width: 100%; padding: 1.3rem 1rem !important; }
  .container h1 { font-size: 1.65rem !important; }
  .container h2 { font-size: 1.25rem !important; }
  .container th,
  .container td { min-width: 108px; padding: .45rem .55rem !important; }
  .container progress { max-width: 76px !important; }
}