/* ARCHITECTURE: Keeps the compact plan table readable in the app's browser.
   All other presentation belongs to the shared site and document styles. */
.usage-plans table { min-width: 0; overflow-wrap: normal; }
.usage-plans th:first-child { width: 33%; min-width: 0; }
.usage-plans tr > :nth-child(2) { white-space: nowrap; }
.usage-plans tbody th { background: transparent; }
.usage-plans tr:last-child th { border-bottom: 0; }

@media (max-width: 640px) {
  .usage-plans th, .usage-plans td { padding: 12px 6px; }
  .usage-plans table { font-size: 14px; }
}