/* Match the creator plans header: separate, readable rows on phones. */
@media (max-width: 700px) {
  .sub-nav {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 16px;
    box-sizing: border-box;
  }
  .sub-nav > * { min-width: 0; max-width: 100%; }
  .sub-nav-brand a { overflow-wrap: anywhere; }
  .sub-nav-links { flex-wrap: wrap; gap: 8px 20px; }
  .sub-nav-links .nav-link { padding: 8px 0; }
  .sub-nav .nav-tools {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .sub-nav .nav-tools button {
    min-width: 0;
    width: 100%;
    padding: 10px 6px;
    border-radius: 999px;
    font-size: 13px;
    overflow-wrap: anywhere;
  }
  .sub-nav-user { overflow-wrap: anywhere; }
}